WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
キーロガー＆マイニング用スクリプト入りのマルウェアがWordPressで流行中、5500近いサイトに感染
by Kaitlyn Baker 2017年11月に入ってjQueryやGoogle Analyticsのコードに見せかけてマイニング用スクリプトを読み込ませるというマルウェア「cloudflare[.]solution」が流行しています。11月時点では感染サイト数は1833だったのですが、その後、マルウェアは進化してキーロガーの機能も取り込み、感染サイト数が5500に迫っていることがわかりました。 Cloudflare[.]Solutions Keylogger on Thousands of Infected WordPress Sites https://blog.sucuri.net/2017/12/cloudflare-solutions-keylogger-on-thousands-of-infected-wordpress-sites.html Hacked Websites
WP REST API v2 Documentation
はじめに WordPress はアプリケーションフレームワークへと生まれ変わろうとしています。このプロジェクトは、簡単で理解しやすく、信頼性の高い API フレームワークを開発することを目的として生まれました。そして WordPress 本体の API を開発することも目的としています。 このプラグインは簡単な HTTP ベースの REST API を提供します。あなたのサイトのユーザー、投稿、タクソノミー、その他のデータに対してシンプルな HTTP リクエストを送信することで、取り出したりアップデートすることが可能です。 投稿を取得したい？ GET リクエストを /wp-json/wp/v2/posts に送るだけです。 IDが4のユーザーをアップデートしたい? POST リクエストを /wp-json/wp/v2/users/4 に送ってください。 “awesome”という単語が含まれ
React Native で WordPress リーダーアプリを作ってみた
React Native の勉強用に WordPress のブログリーダーアプリを作ってみた。あんまり細かい解説はしない。React Native 使うとこんな感じにアプリ作れますよという事でメモ代わりに置いておこう。 初期設定 React Native プロジェクトの作成と必要な npm のインストール。 $ create-react-native-app WordPressReader $ cd WordPressReader $ npm install --save react-navigation $ npm install --save native-base react-navigation は React Native でタブとかページ遷移とかするのに便利なライブラリ。 https://reactnavigation.org/ native-base は React Nati
[Rails]既存DBを操作するAPIを作成する | DevelopersIO
はじめに Railsの勉強もかねてRESTfulなAPIを作ろうとしてみました。 そういった際に、０からテーブル構造を考えて、 モデルを作って・・・と言った教科書通りのやり方をやっていくといった方法があります。 今回は、Railsを用いてRESTfulなAPIを作る事を目標の為、 WordPressを立ち上げて、テーブルの設計やテーブルに対する操作はそれを参考にする事にしました。 そのため、今回の記事の内容は以下の通りになります。 WordPressの環境を構築する。 上記で構築したテーブルをRailsから接続し、APIを作成していく。 WordPressの環境を構築する 今回はWordPressが利用するテーブルを作成する事が目標のため、 Webサーバーも適当に立ててしまいます。 PHP 5.4.0からビルドインサーバーがあるため、 それを用いる事で容易にPHPが動くWebサーバーが立ち
![[Rails]既存DBを操作するAPIを作成する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4ba9673af464883e264d1d320af2d2947fae03d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F11%2Frails.jpg)
WordPressでプラグインを使わずにページネーションする - 残像ブログ
プラグインを使わなくても上図のようなページ送り機能を実装できるとの事なのでやりました。 とっても参考：E03CA オートフォーカス壊れたっぽい へのコメント 前提として 今回使用するWordPressのバージョンは3.1.2 ページネーションはカテゴリごとの記事一覧、タグごとの記事一覧、検索結果での記事一覧に設置する コードはfunctions.phpに記載し、必要な場所で呼び出す。 私の環境では動きましたが、本記事に記載したコードだとパーマリンク設定などの違いにより環境によっては上手くいかないかもしれません。 実装にはテンプレートタグの「paginate_links」を使う そもそもWordPressでページネーションするには、カテゴリの記事一覧なら http://example.com/cat/[カテゴリスラッグ]/page/[ページ番号]タグの記事一覧なら http://exampl
カスタム言語スイッチャー - WPML
WPMLで多言語サイトを開発中、カスタム言語スイッチャーが必要になるかもしれません。 これを簡単なPHPとCSSでどのように行うか学びましょう。 WPMLでは、カスタマイズオプションや組み込みフラッグを備えたサイトエディタ（旧称：Full Site Editing）を使って、メニュー、ウィジェット、フッター、サイトに言語スイッチャーを追加することができる。 しかし、あなたのサイトにはもっと特別なものが必要かもしれない。 このチュートリアルでは、浮遊言語スイッチャーの追加方法を説明します。 浮遊言語スイッチャーは外見が素晴らしいだけではなく、顧客があなたのサイトを彼らの言語で閲覧することを簡単にします。 これら3つのステップに従ってください： 言語スイッチャーをレンダリングするPHPコードを追加する。 CSSで言語スイッチャーをスタイルする 言語スイッチャーの設定を更新する PHPパート 最
WordPressを100倍速くする！ MySQLの調整やnginx proxy cache | KRAY Inc
[追記１] 最後で説明しているproxy cacheの設定を修正しました。 [追記２] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記３] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W
[WordPress] カスタム投稿タイプのリライトに関するまとめ
WordPressでリライトをコントロールしているのはWP_Rewriteというクラスで、$wp_rewriteというインスタンスが在ります。このWP_Rewriteによってリライトルールが生成され、みんな大好きパーマリンクを実現しています。 リライトルールはキーを正規表現、値をリライトするURLとする連想配列で保存されています。 $rules = $wp_rewrite->wp_rewrite_rules(); foreach ( $rules as $regex => $rule ) { echo $regex . " => " . $rule . '<br />'; } こんな感じで展開して確認してみるといいです。 このルールをWP_Rewriteを使って生成しているわけですが、大きな流れとしては、
![[WordPress] カスタム投稿タイプのリライトに関するまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/5cd95c13d9aa15a363e06fc552218702c6f62f86/height=288;version=1;width=512/https%3A%2F%2Fwww.560designs.com%2Fwp%2Fwp-content%2Fuploads%2F2016%2F02%2Fogp_logo.gif){kind=logo}
ISプランニング
「カスタムフィールドテンプレート」プラグインを利用すると予め入力項目が設定できるので便利です。 その設定の中で [php] [field1] type = file [/php] という設定があります。 今回、ある案件で画像用として項目が欲しかったので上記の設定を行いました。 実際に画像をアップロードすると、[field1]の値には登録時のidが入るみたいなので利用する際は以下のようにすれば良いです。 [php] // 画像のhtmlを出力 echo wp_get_attachment_image(post_custom(‘field1’)); [/php] ただし、これだとalt属性やtitle属性にファイル名が入るので、そのあたりを自分で設定したい場合は以下のような関数をfunctions.phpなんかに書いておくと自由に設定できるかと。 [php] function isp_get_
WordPress プラグイン Custom Field Templateの使い方
ビギナーにはちょっとわかりにくい「カスタムフィールド」。 使い方によってはとても便利な機能なのです。基本的な使用方法は「カスタムフィールド」の入力項目の「名前」と「値」を 追加して、この「メタデータ」を取得して表示します。 使い方の例）・・カスタムフィールドでサムネイル表示 カスタムフィールドテンプレートを使用すると下記のようなAmazonのリンクも簡単にできます。 Custom Field Templateのダウンロード Custom Field Templateプラグインは 同じフォーマットでの入力が多い場合には便利なプラグインです。 ダウンロード： Custom Field Template plugin 解凍後、ファイルをFTPで/wp-content/plugins/のディレクトリにアップロード。 設定方法： 管理画面＞設定＞カスタムフィールドテンプレート Custom Fiel
WordPressを2段階認証設定して安全に運用する
WordPressに２段階認証を入れれば、パスワードだけではアクセスできなくなるので安全に運用できるようになります photo credit: binaryCoco via photopin cc 全世界のWordPressサイトに大規模攻撃; デフォルトのアドミンユーザ名'admin'がねらわれている http://jp.techcrunch.com/2013/04/13/20130412hackers-point-large-botnet-at-wordpress-sites-to-steal-admin-passwords-and-gain-server-access/ ０．Googleアカウントの２段階認証プロセスを使います 既に２段階認証を利用している場合は３からご利用ください １．Googleアカウントの２段階認証プロセスを有効にする https://accounts.goog
Nginxを使ったもう一歩進んだWordPressチューニング
Nginxを使ったWordPressのチューニングといえば、フロントエンドのNginxとバックエンドのNginx（もしくはApache）に分けてproxy cacheを効かせるのが王道です。 さらにWP Super Cacheプラグインを利用してなるべくPHPやMySQLにアクセスさせないようにすると、手軽で絶大なパフォーマンスアップが可能です。 今回はそこからもう一歩進めたチューニングについて書きたいと思います。 二段階層を廃したシンプルな構成 まずは、図をご覧ください。 前述の王道チューニングの構成はA図となります。 proxy cacheはNginxがバックエンドのサーバーに処理を回し、返ってきたレスポンスをキャッシュして、Nginx自身がキャッシュを返すことでパフォーマンスを上げる仕組みです。 A図-1がキャッシュの無いアクセス、A図-2がキャッシュが効いているアクセスを表していま
WordPress 3.0 & nginx - permalink, 404 problem
I've installed nginx, FastCGI and PHP on my server. WordPress 3.0 installed after a bit of a monster battle, but it's installed and working well. However, when I change the permalink settings to anything other than default, I get 404 errors on every post, article and page. I understand that this is something to do with nginx not supporting .htaccess and WordPress getting confused with where to go
これが無料!?!?圧倒的にクオリティーが高い、WordPressテーマ３３選
前回は誰でも簡単に導入できるWordpressのインストール方法を書いた。前回のエントリーでも書いたのだが、Wordpressのテーマは本当に数多くある。そしてのその大半が無料で利用することができる。 今回は、これが本当に無料？と思ってしまうくらいにクオリティーが高いWordpressのテーマを３３選取り上げてみる。なるべく、他で取り上げられていないようなテンプレートを掲載した。 １． INFO／DEMO ２． INFO／DEMO ３． INFO／DEMO ４． INFO／DEMO ５． INFO／DEMO ６． INFO／DEMO ７． INFO／DEMO ８． INFO／DEMO ９． INFO／DEMO １０． INFO／DEMO １１． INFO／DEMO １２． INFO／DEMO １３． INFO／DEMO １４． INFO／DEMO １５． INFO／DEMO １６． INF
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Nginx / WordPress用の設定 / Devslog
HTTPデーモンの限界を（DoSとかではなく）迎えてみたい秋の夜をいかがお過ごしでしょうか、こんばんは。今回はNginxにてリバースプロキシを用いたWordPress用の設定を書きます。 対象の環境 今回の環境は次のとおりです。 Debian 6.0.3 Nginx 1.0.5 PHP 5.3.6 WordPress 3.2.1 現在のところ、上記の環境のみで動作を確認しています。 使用するファイル 使用するファイルと役割は次のとおりです。 /etc/nginx.conf ： Nginx、リバースプロキシの設定 /etc/nginx/sites-available/devslog.com : WordPressサイトの設定 Nginxのインストール まずNginxをインストールします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
言語ディレクトリのサーバー設定 - WPML
http://www.helloeins.com/tech-wordpress/
WordPressのカスタム投稿タイプとカスタムタクソノミーを使って新たに別のコンテンツを作ったので、制作プロセスを書きました