WordPress ページ表示高速化。CDN に頼らないチューニングで【PageSpeed B 達成】

前回 WordPress の高速化に取り組んだものの、あまり成果が上がらなかったのですが、そのまま放置しておくのもアレなので、さらにいくつかスコアアップに取り組んでみました。

と、その前に、「高速化=パフォーマンスアップ」という言葉を使うとこのあたり(Webサイトパフォーマンス管理の基礎知識とかPingdomやGTmetrixでレンタルサーバーの性能を評価しても意味がありません)界隈からは指摘を受けそうな気もするので、このブログで言う高速化というのは「GTmetrix」「PageSpeed Insights」におけるスコアの改善と定義することにする。

ということでお願いします。

(さらに…)

Read More

WordPress にログインできない。間違えて設定したサイト URL を phpMyAdmin から修正する

phpmyadmin

誤って WordPress サイト URL を変更した場合、もしくは、WordPress の引っ越し(サーバー移行)した場合などなど、管理画面にアクセスできず、wp-config.php に下記を書くことで急場を凌ぐ場合があるかと思います。

define('WP_HOME','https://yuichon.com');
define('WP_SITEURL','https://yuichon.com/wordpress');

ただ、これだと美しくないのでちゃんとしましょうというお話。

(さらに…)

Read More

WordPress の </body> 直前で JavaScript を読み込んではいけない

</body>直前で JavaScript を読み込んではいけない」という言い方は誤解を招くかもしれませんが、様々なところで目にする「JavaScript をフッターで読み込んで高速化」という文面を見て、WordPress の footer.php を開いて本当に </body> 直前で JavaScript を読み込むような記述をしてしまうと良くないことが起こりました。

(さらに…)

Read More

投稿フォーマットで条件分岐してアイキャッチ画像を出し分ける方法

盆栽の記事をアップする時は画像を大きく見たいので、投稿フォーマットを「画像」として、全幅のテンプレートとして使用しているのですが、そのままだとアイキャッチ画像が全幅になってくれないので、残念な表示になります。

ですので、投稿フォーマットが画像の時は、フルサイズの画像をアイキャッチ画像として表示するように調整しました。

このブログで言うところの全幅表示例
–>買ってきた長寿梅の初めての植え替え|盆栽 | 雑記 BOOOKs

(さらに…)

Read More

WordPress プラグインを使わずにサイドバーにコメントの内容を表示する

※ワードプレステーマ:Sparkling 1.6.0

このブログ、たまーにコメントを頂けるようになってきたのですが、サイドバーに表示されるコメントウィジェット(最新のコメント)は、デフォルトだとコメントがあったことしか表示されないので、コメント内容も表示することにしました。

参考:WordPress「最近のコメント」ウィジェットをプラグイン無しでリッチ表示

(さらに…)

Read More

amCharts のグラフをアニメーションさせるサンプル for WordPress Plugin

amcharts v3

ワードプレスのグラフを描画するプラグイン amCharts がとても良い感じで使ってみてる。

一個前のエントリでサンプルの棒グラフをいくつか作ったけど、オンライングラフエディターがあるから、これ使えばちょいと複雑なグラフでも簡単に作成できることが分かった。
–>Online Chart Maker | amCharts

設定方法ワザワザ読み解いたけど、オンラインディターで作成したグラフを、プラグイン内に貼り付けるのが簡単ですねこれ。

ただ、オンラインディターではアニメーションの設定がなかったので、忘れないように一応メモしておいた。

(さらに…)

Read More

WordPress の OGP をプラグインを使わずに設定する。og:description は本文から自動生成。

Twitter のタイムラインを久しぶりに眺めていたら、投稿内に Facebook で URL をシェアしたときみたいな画像付きのリンクが生成されるようになっているではないですか。

どうやらそいつは Twitter Card というものみたいですね。Twitter Card を使用するためには、meta(OGP) の設定が必要ということで、良い機会なので WordPress の設定を見直しました。

もともと、OGP の設定には Open Graph Pro というプラグインを使用していたのですが、あまりプラグインは使いたくないので、テーマファイルをいじることにしました。

(さらに…)

Read More