2018.12.18SHAREツイートシェアはてブGoogle+PocketLINE別サイトの方でカスタマイズ関係の質問をもらうことが増えてきたのですが、ジャンル的にそちらに記事を書くのはどうかと思ってここを作りました。実装するもの)をまとめています。テーマファイルを変更するカスタマイズはこちらの記事にまとめてあります。文字リンクの右斜め上にアイコンを表示サイト全体のカスタマイズモバイル用フッター固定メニューのカスタマイズ記事の表示エリアを広げるためにフッター固定メニューを1項目ずつボタンにしたので、試行錯誤したデザインを全部まとめてみました。メニューとトップへ戻るボタンのみのバージョンと、複数のメニュー項目とトップへ戻るボタンのバージョン、メニューのみのバージョンがあります。下から生えているタイプと横から生えているタイプ、丸ボタンを並べるタイプなど色々あるので、お好みで使ってみてください。【SANGO】モバイル用フッター固定メニューのカスタマイズ記事ページのカスタマイズパンくずリストの表示をカスタマイズパンくずリストとその周辺(記事タイトル・更新日)をこんな感じにカスタマイズしています。下記2サイトは指定色や文字サイズ・要素の幅などが違うだけで、変更している個所はほぼ同じです。【SANGO】パンくずリストのカスタマイズもくじ(TOC+)のデザインをカスタマイズもくじのデザインをこんな感じにカスタマイズしています。【SANGO】もくじのデザインをカスタマイズ(2種類)関連記事リンクの見た目をカスタマイズ横長タイプの関連リンクカードをこんな風にカスタマイズしています。全記事のタイトルを一覧できるサイトマップ的なページを作っています。/*好みの幅に変更してください*/}新着記事につくNewマークを丸くするずっと放置していてNEWマークのついた記事がなかったので、代わりに同じカスタマイズをしてあるこのブログのスクショを貼ります。/*NEWの文字色を変えたい場合のみ*/}TOPページのカスタマイズこのサイトのトップページ現在のこのサイトのトップページはこんな感じ。ショートコードを利用して作っています。最低限の説明だけしている簡潔版しかありませんが、カスタマイズ方法をまとめてみましたので興味のある方は参考にしてください。【SANGO】トップページのカスタマイズ(簡潔版)別サイトのトップページ別サイトの方のTOPページはこんな感じ。全てSANGOの機能を利用して作ってあります。※スクショでは背景画像がループしていますが、実際はiOSなどから見ても動かないように固定してあります。固定トップページSANGOの「トップページ用ワンカラム(タイトルなどの出力なし)」テンプレートで作成した固定ページを、固定トップページに設定しています。二分割のヘッダーアイキャッチSANGOのカスタマイザーから、二分割アイキャッチを設定しています。最大幅の画像を二分割したものを、左側はカスタマイズからアイキャッチ画像として登録、右側は(横並びで表示される場合のみ)CSSでボックスの背景に指定してあります。レスポンシブの横3列ショートコードで、各カテゴリページへ飛ぶ画像リンクを並べています。下部の記事リンクが並んでいるところは、やはりSANGOの横3列ショートコードを使用しています。左のcell内にはショートコードで最新記事を5つ出力しています。真ん中のcellには任意のタグがついた記事を5つ出力しています。サイドバーと同じデザインのプロフィールエリア右側のcell内には、SANGOのサイドバーで表示するプロフィール欄のhtmlをほぼそのまま貼り付けました。右側下部はGoogleのリンクユニット広告です。【WordPress】自動保存・リビジョンを無効化するProfileヒノ運営しているサイトでカスタマイズ関連の質問をいただくことが増えてきたのですが、ジャンル的に違いすぎるので別ブログとして立ち上げました。サイト制作関連の記事はこちらにまとめていこうと思います。