navigationHOMEポートフォリオ(イラスト)Webサイト運用メモショップnoteブログSTEP5:色やロゴ・デザインをカスタマイザーから設定するcssファイルやphpファイルをカスタマイズしないでも、ある程度柔軟に変更できる。note.の設計思想です。そこで......WordPressのカスタマイザーからなにができるかを、改めてご説明させていただきたいと思います。カスタマイザーから変更できる項目は、A〜Mの13項目です。<カスタマイザーを開く方法>[管理画面]→[外観]→[カスタマイズ]もくじA:サイト基本情報B:デザイン設定:トップC:デザイン設定:ヘッダD:デザイン設定:フッタE:デザイン設定:投稿F:デザイン設定:固定ページG:色H:SNS設定J:メニューK:ウィジェットL:固定フロントページM:追加CSS投稿画面の「クイックタグ」ボタンA:サイト基本情報サイトタイトルキャッチフレーズサイトアイコンデフォルトOGPデフォルトアイキャッチ画像サイト基本情報では、アイキャッチを指定しなかった時のアイキャッチ画像カテゴリー一覧やトップなど、アイキャッチのないページをシェアしたとき用のデフォルトのOGP画像を設定できますアイキャッチ画像については、正方形1:1の画像をアップしていただくと綺麗です。スマホでInstagramなどのアプリを使って切り抜いていただくか、Webサービスを使って切り抜いていただくとナイス。B:デザイン設定:トップトップページは、フルカスタマイズご依頼の方のみの機能ですC:デザイン設定:ヘッダキャッチフレーズを表示するか。ブログ名をロゴに変更。ロゴの最大幅、上下の余白について、設定できるようにしてあります。余白や幅については、pxをつけてご入力ください。キャッチフレーズ表示ロゴ画像ロゴ画像幅ロゴ上余白ロゴ下余白メインビジュアルURLメインビジュアル画像D:デザイン設定:フッタキャッチフレーズを表示するかを変更できます。アイキャッチの自動表示プロフィール表示(タイトル下)プロフィール表示(記事下)Facebookコメントを使う記事の初めにアイキャッチ画像を表示する投稿に設定したアイキャッチ画像を、自動で表示するかどうかを選べます。アイキャッチ画像と、記事の初めに配置する画像を変えたい場合は、チェックせずに、メディアから画像を追加してください。note.では、記事の一覧で使っています。記事の先頭に表示すると、下記のようなイメージになります。1.2.3から、プロフィールの位置を変更できるようになりました。複数人で運営する、メディアの場合は、タイトル下にプロフィールを表示するのがオススメ。読む前に誰の記事かわかります(笑)。記事の下にプロフィールを表示する個人で運営する場合は、記事の下がオススメ。ファンになっていただこうという仕組みです。Idを入力すると、Facebookコメントを使うことが出来ます。Facebookコメントは、実名での投稿です。コメントのハードルがあがるかわりに、本当に興味がある人のみコメントしてもらえる利点があります。アイキャッチの自動表示シェアボタン表示G:色サイト全体にかかわる色の設定を変更することができます。背景画像もアップロードできます。指定した色は、head内にstyleタグとして挿入される仕組みです。背景画像H:SNS設定TwitterのIDを設定すると、シェアボタンが正常に動くようになります。IDとFacebookページのURLを設定すると、記事下の「この記事がお気に召したら......」が表示されるようになります。AnalyticsのUA-XXXXXXXXXを入力すると、Analyticsが動きます。WordPressにログインしているときは、アナリティクスのコードが出ないようにしてあります。フッター3箇所)L:固定フロントページ固定ページを使い、トップページを作るときにお使いください。M:追加CSS子テーマを使う予定がなく、CSSを編集したい方向けの機能です。親テーマのCSSを編集してしまうと、アップデートの際に上書き更新されてしまいます。カスタムCSSの中に書き込んでいただいたCSSなら、テーマをアップデートしても、カスタマイズしたCSSが消えることはありません。いうお悩みもないかと思います。(ゴリゴリカスタマイズしたい場合は、子テーマのご利用をオススメいたします)投稿画面の「クイックタグ」ボタン記事の整形に便利な、クイックタグを兼ねそろえています。