AWSのEC2 + WordPress(StaticPress) + S3 で運用していたブログを Github + Hugo + S3 の静的サイトに移行した経緯、手順、ハマったところをまとめました。
フォームの入力内容をCookieに保存して次回もデフォルト表示する「jQuery Cookie」の使い方。テキスト・ラジオ・セレクトボックスの保存と読み込みをサンプルつきで。後継のJS Cookieについても♪
Mac標準の「sips」コマンドで、画像の縦横比を保ったまま解像度をまとめて変える方法。sips -Z で最大サイズを指定するだけでフォルダ内のJPGを一括リサイズ。ブログ用の写真を軽くしたいときに♪
WordPressのEmbed機能で、アイキャッチ画像やタイトル、概要付きのいい感じのリンクを記事に追加する方法。埋め込みコードを挿入するだけで、テキストリンクよりクリックされやすくなります。Twitterの投稿の埋め込み例も♪
BootstrapベースのWYSIWYGエディター「Summernote」で、フォームのテキストボックスをツールバー付きのリッチなUIにする方法。CDNでの導入から動作確認、ツールバーのボタンの種類と有効無効の設定まで♪
テーマやソースを変更せずにプラグインだけでサイドバーを固定追尾スクロール化できる「Q2W3 Fixed Widget for WordPress」の使い方。インストールからウィジェットの追加、Footerに被る問題の対処まで。AdSenseの追尾広告解禁についても♪
WordPressのAmazonJSが急に無限ロードになり「Cannot read property 'ASIN' of null」が出る原因は、items配列にnullが含まれるため。amazonjs.jsにnull判定を1行追加して暫定的に直す方法です。自己責任で♪
CloudFront+S3で配信している静的サイトをgzip形式で配信して高速化する方法。CloudFrontのCompress Objects Automaticallyを有効にするだけで、curlでcontent-encoding: gzipを確認できます。画像は対象外です♪
サーバー上やMacにあるJPEG画像をCLIツール「jpegoptim」で一括圧縮する方法。HomebrewやyumでのインストールからコマンドとオプションまでWordPress運用者向けにまとめました。1000枚でも数分で終わります♪
WordPressのAmazonJSでAmazonアソシエイトの商品が表示されなくなった原因は、PA-APIがv4からv5に変わったため。AmazonJSプラグインを0.10にアップデートし、必要なら認証キーを再発行して設定するまでの手順です♪