【WordPress】当ブログのカスタマイズ内容まとめ【2021/08/07時点】

もろパクリされてもいいのかと言われると……よくはないですけど、サイト上に表示される程度のものは、いつか真似されるのがウェブビジネスなのも確かでして。リスペクトがある真似をしてもらえれば、それでいいんじゃないでしょうか。

勝負するところは、真似できない範囲であるべきですから。

WordPressテーマ：GenesisFramework 当ブログのカスタマイズ内容まとめ

日本ではニッチなテーマです。海外では有名ですね。親テーマは1つ、子テーマがたくさんある変わったテーマ。

海外製なので日本語のQ&A記事が少ないです。あらゆる部分が英語向けになっているので（続きを読むが「Read more…」だったり）、初期導入コストは滅法たかめ。2年つかってきて、ようやく慣れてきたところです。

一方、SEOとセキュリティに強いのがメリットですね。

使っている子テーマは「MagazinePro」です。あと4つくらい子テーマ買いましたが、これが一番使い易かったかな〜。

WordPressの細かいところ 当ブログのカスタマイズ内容まとめ

フォント

ベースは游ゴシックです。ちょっと前まではメイリオでした。太字にしたときハイライトが強くでてくれるので、游ゴシックに変更してみました。

フォント色は「#222」のグレー。文字の輪郭がハッキリしている方が好みだけど、ハイライトがつよすぎると目がチカチカするので、すこしだけグレーにしています。

記事下のカテゴリーページへの誘導

MagazineProは、記事下にウィジェットを置けるので、HTMLパーツとして配置しています。After Entryはもうごちゃごちゃです。きったねぇ。

このウィジェットは、このカテゴリーのときに表示する、という条件分岐はプラグインで実装しています。「Widget Options」というプラグインです。有名どころですね。

2段の見出し

この記事でも使ってます。2段の見出し。SEO対策です。

目次に乗っかったときの見た目を整えるために、上段と下段を入れ替えています。Flexboxのorderです。Flexboxはほんとうに便利。Gridは使ったことがない……（技術についていけてない）

ブログカード

つい最近導入しました。それまではテキストリンクだけの超シンプル仕様です。正直にいえばそれで問題はない。

ブログカードとテキストリンクのクリック率の差も気になりますが、ネット上の記事だと、あんまり参考になるものがありませんでして。結局は趣味かな〜なんて思います。

当ブログでは、ブロガー向けの記事も多々あります。ガク”マーケティング”ですからね一応。それならブログカードがあった方が馴染みがいいかなと思って導入。

なお、ちょっと変わった仕様になっています。GenesisFrameworkではブログカードをサポートしていません。外部から持ってくる必要があります。（海外産テーマではブログカードをサポートしていない印象があります。海外ではブログカード人気ないのかな？）

HTMLで直書きです。とはいえ、それでは面倒すぎるので、ブックマークレットで短縮しています。参考にしたのはこちらの記事。非常にシンプルで分かりやすく美しいソリューションです。大好き。

自サイト向けのブックマークレットも、target=“_blank”で別タブを展開する設計になっています。当サイトは、サイト内で動くときはページ遷移にするルールなので、そこだけ改造してます。

そういえば、WordPressのoEmbedは無効にしてます。URLを本文中にはりつけると自動でブログカードを出してくれるアレ。おーえんぶど。動作が安定しないのと、デザインが嫌いです。「Disable Embeds」というプラグインで無効にしています。

効率化ツール：Alfred 当ブログのカスタマイズ内容まとめ

有料版（Powerpack）をつかっています。クリップボードの履歴、スニペットがAlfredの本領です。

ウェブ検索機能

Alfredのウェブ検索機能で、当ブログを検査するURLを用意しています。関連記事を探すときに、かなり重宝する。

スニペット機能

記事のテンプレートや、2段になる見出しのHTML、吹き出しなんかを、すぐに出力できるようにしています。これがないと、いちいち控えをコピペしに行くので大変。

効率化ツール：Yoink3 当ブログのカスタマイズ内容まとめ

仮想デスクトップを多用するので、これがないと作業できません。とくにUlyssesは全画面で作業することがほとんどなので、とても便利。

画像の挿入など、ブログではドラッグ&ドロップをすることが多いのだ。

効率化ツール：Automator 当ブログのカスタマイズ内容まとめ

• スクリーンショットの格納位置を変更する
• 任意のサイズにリサイズする
• 任意のサイズにリサイズしてウォーターマーク（黒）を入れる
• 任意のサイズにリサイズしてウォーターマーク（白）を入れる
• HEICをJPGに変換する
  

これらすべてAutomatorで自動化しています。右クリック1つで動作するし、バックグラウンドで処理してくれるので気に入っています。Mac公式アプリで実装する価値はここにあり。

リサイズがあんまり綺麗じゃないのが欠点。ひとによっては許容できないくらいかもしれない。なぜ俺が許容するかは聞かないでくれ。

さっとメモをとったり簡単なコーディングをするときは、CotEditorを使ってます。タブ表示できたり、アプリ閉じちゃっても記述が消えなかったりして使いやすい。ミニマムだけど気がきく子。

Macのメモ帳は、ブログのネタ帳に使っています。iPhoneのウィジェットから直でアクセスできるので楽ですぞ。

テキストエディタ：Ulysses 当ブログのカスタマイズ内容まとめ

Ulysses

有料たかい。でも戻れない。なかったらこんなに書けない。散々紹介しているので、ここでは詳しく書かないでおく。

先日のアップデートで、ブロガー向けに強化されました。サブスクリプションでたかい反面、こうした定期的な機能改善があるのは強みですね。

アップデート内容をみたときはかなり興奮しました。最近仲良くさせていただいている「ブログ：いつもていねいに」管理人の小田やかたさん（@ottaka18）へ「すごいアップデートが来てますよ！」と連絡したところ、お忙しいのに記事にしていただけました。

かなり分かりやすく解説されているので、ぜひ読んでみてください。そして、使ってみてください。≫「Ulysses」がアップデートしてブロガーのためのエディタアプリになった｜いつもていねいに

今回、注目のアップデートは次の3つです。

・投稿したシートに紙飛行機のアイコンが表示
・ブログの投稿状況をダッシュボードで表示
・アップロードしたブログのステータスが同期

これで、ブログエディタとしてのUlyssesには死角がなくなったのではないかと思います。

引用：「Ulysses」がアップデートしてブロガーのためのエディタアプリになった｜いつもていねいに

画像編集ツール：Affinity Designer 当ブログのカスタマイズ内容まとめ

サムネイルとか、ちょっと複雑な画像とかはAffinity Designerくんを使っています。これで必要十分です。さすがにアドビCCは高すぎる。

Illustratorは本業でマーケターをやっていたときにお世話になっていました。2年間くらい使ったのかな。なのでそこそこ使っているんですよ。それでもAffinityで「この機能ないなぁ」とかはあんまり感じたことがありません。強いて言えばモザイク機能がない。

困ることがあるとすれば、.aiで保存できないところ。友人がIllustratorを使っているので、嫌な顔をされています。.pdfにレイヤー情報いれて保存しています。許せ。

画像編集ツール：Skitch 当ブログのカスタマイズ内容まとめ

スクリーンショットを編集したり、モザイクをいれるときはこれ。さっと使えて便利。Macデフォルト搭載の「マークアップ」にモザイク機能がついかされたら、使わなくなる未来が見える悲しい子。

パソコン：MacBookAir M1チップ 当ブログのカスタマイズ内容まとめ

一番安いモデルです。11万円くらいかな、税込でも。安さにたいするスペックは、ノートパソコン界でも随一ではないでしょうか。このスペックを11万円で買えるんですから、アップルは素晴らしい商品を開発してくれました。

バッテリーの持ちも非常によい。ほぼ毎日カフェで仕事をしていますが、バッテリーで困ったことはありません。モバイルバッテリーも持ち歩いていますしね。

キーボード：HHKB 当ブログのカスタマイズ内容まとめ

ここで紹介したもののうち、いちばん長く使っているものかもしれません。それこそ4年くらい。

音声入力でブログを書くことも多いですが、やっぱりキーボードで書くのが気持ちがいいです。口語を書くのと、口語を話すのは、まったく別のアウトプットだと思います。わたしは基本的には、書くのが好きなのです。嫌いだけど。

Macのうえに乗せて、尊師スタイルです。最近は持ち運ぶことも増えてきて、ルーフを買おうかな……なんて馬鹿なことを考えています。フタです。キーボードの。アホでしょ？

フタは置いといて、キーボード自体は素晴らしいです。わたしは長いときは1日で10時間以上キーボードを叩きます。HHKBだと疲れにくい。手が痛くならない！（ハズキルーペ）

まとめ 当ブログのカスタマイズ内容

ハードからソフトまで、いろいろ紹介しました。備忘録なので何かと説明不足であることも気づいています。

「この辺どうなってるの！」なんて質問があれば、お気軽にお問い合わせくださいな！