セルフコーチングを学びませんか?

2019年アメブロのメニューカスタマイズ方法

この記事は、アメブロカスタマイズのお客さまの復習用ページです。
メニューのカスタマイズの手順を紹介しています。

アメブロのメニューとは

上記はわたしのアメブロのスクリーンショットで、赤ワクで囲った部分がメニューと呼ばれている箇所です。

メニューをカスタマイズすることで読者に見て欲しい記事が埋もれずに重要な情報を伝えることができます。

それではカスタマイズの方法をご紹介していきます。

 

フリースペース編集を開く

アメブロにログインして[ブログ管理]画面を開き、右上のメニューから[フリースペース編集]を押してください。

 

フリースペースにコードを貼り付ける

下記のコードを全文コピーして貼り付けてください。

 

後から編集していただきたい箇所が2つあります。

・リンク先のURL
・ここにはメニューの名前

こちらはご自身で決めた記事のURLと、メニューに表示したい文字を書いてください。

作業が完了したら[保存]を押して次の作業へ移ります。

 

デザインの変更でCSSを貼り付ける

右上のメニューから[デザインの変更]を開きます。

 

ページを下にスクロールして[現在使用中のブログデザインCSS]の最下部に下記のコードを全文コピーして貼り付けます。

 

 

メニューの色を変更したい場合

上記の[メニューバーの背景色]という説明書きの前にある、#000000という数列が色を指定している箇所です。

インターネットで「WEBカラー」を検索していただくと様々な色と対応した色コードがわかりますので、任意の色コードに変更してください。

 

作業が完了したら[保存ボタン]を押して、メニューのカスタマイズは以上です。

*CSSは「ブログ集客サロン」さんの記事から使わせてもらいました。

この記事が気に入ったら「いいね!」

ホームページ(WordPress)関連のサービス

プロのWEBデザイナーに依頼を検討される方へ

ワードプレスに関する個別相談やオンラインによるサポート、制作代行サービスも承っております。