アメブロの記事エリア上下の「次へ」「前へ」ボタンの色を変更する方法

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
アメブロの記事エリア上下の「次へ」「前へ」ボタンの色を変更する方法ってありますか?

よしたか
ありますよ。

ブログをカスタマイズされている方は

ボタンの「色」もブログのデザインに合う

色合いにすると全体的な統一感が出ます。

この記事を読むことで
  • アメブロの記事エリア上下の「次へ」「前へ」ボタンの色を変更する方法が分かります。
    ※カスタマイズは新デザインスキンのみ有効です。

アメブロの記事エリア上下の「次へ」「前へ」ボタンの色を変更する方法

新デザインには記事エリアの上下の移動ボタン

新デザインには記事エリアの上下に

次のページや次の記事へ移動できるボタンが用意されています。

(このボタンの色を変えましょう。)

 

色の変更方法 とコピペ内容

以下の記述をCSSの最後に追記してください。

CSSコピペ

.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#ccccff;
color:#000099 !important;
}

.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#000066;
color:#ffffff !important;
}
 

オリジナルにするなら

CSS解説
  • #ccccff  ⇒ 通常時のボタンの色
  • #000099 ⇒ 通常時のボタンの文字の色
  • #000066 ⇒ マウスが乗った時のボタンの色
  • #ffffff ⇒ マウスが乗った時のボタンの文字の色

この4か所をご自身の好きな色に変更してみてください。

色についてはHTMLカラーデザインで調べてくださいね。

    まとめ

     

    カスタマイズしてブログに一貫性があると

    ターゲットに合わせたブログになっていきます。

     

    細かいことですが調整して行ってみてください。

    あなたは「Web集客」に限界を感じていませんか?

    サイトをただ作るだけで満足ですか?

    あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

    良いコンテンツも埋もれてしまっては全く意味がありません。

    正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

    私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

    しかも、これだけでは終わりません!!

    その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

    サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

    ↓ ↓ ↓ ↓ ↓ ↓ 

    おすすめの記事