2019/01/01こんにちは!MIYALOG編集部です。本サイトはWordPressを利用して記事を更新しています。最近では有料の日本語WordPressテーマも素敵なデザインのものが増えてきましたね。スマホデザインが整っていて良い感じですね。この記事には自分への備忘録も含めて、ハミングバードでカスタマイズを加えている部分を残しておきたいと思います。実際にこのサイトでデザインをカスタマイズしているポイントを羅列していきたいと思います。現在の執筆現在の編集点であり、閲覧いただいている状態と異なる場合があります。ヘッダーの余白を調整ヘッダー部分の上下の余白バランスがしっくりこなかったので、paddingを追記しています。個人的に本文には左右の余白があった方が見やすいと感じるタイプなので、メインコンテンツ部分にpaddingを追記しました。article{background-color:#fff;padding:20px;}hタグ(見出し)のデザインを調整h2見出しはデフォルトのまま使用、h3見出しとh4見出しのcssを追記しています。#ff9900;padding-left:10px;font-size:1em;}人気記事一覧のウジェット部分サイドバーの人気記事一覧部分の装飾を追記しています。Posts」を使用しています。記事一覧ページで活躍するページネーションのカラー設定を編集しています。デフォルトの状態だとリンクカラーと連動するため青色系になります。今回はサイトのメインカラーに合わせたかったためcssで調整。#f4f4f4;color:#f89174;}TOPに戻るボタンの調整ページ右下に設置されているTOPへ戻るボタンの見た目を丸く編集し、下部に余白を追記しています。27.5px;background:#f89174;margin-bottom:20px;}スマホ時のフッター調整フッターのテキストがスマホの場合だと画面の左端ギリギリから始まるのがしっくりこず余白が欲しかったため、画面幅768px以下でフッターテキスト左側に余白を設定しました。本文テキストにこのような黄色いマーカー装飾を施すcssを追記しました。プラグイン「AddQuicktag」と合わせて使うと便利です。カスタマイズした点については以上とさせていただきます。今後も随時編集した点を追記していきたいと思っています。現在このサイトでは設定しておりませんが、ハミングバードはレスポンシブ対応のヘッダー画像設定や、注釈css、ボタンcssなど、記事作成に便利な機能が備わっており割りかしお得な有料WordPressテーマだなというのが移行してみた感想です。今回もここまでお読みいただきありがとうございました。それではまたよろしくどうぞ。:ブログ運営この記事を書いた人MIYALOG編集部こころの元気をチャージする。20代のジレンマに立ち向かう、元気が出るライフハックブログ『MIYALOG』の編集部です。現在、ライター様、寄稿ライター様を募集しています。