WordPressテーマ「引用」タグのカスタマイズ方法

wordpress使い方




LINEで送る
Share on LinkedIn
Pocket

WordPressのテーマ(テンプレート)を使っている方の中には、既存のテーマ(デザイン)では物足りなさを感じてしまうこともあるはず。

今回はそんな方に向けて、引用タグのボックスの色などをカスタマイズする方法についてご紹介するよ。

 

引用タグってなんだっけ?

 

引用タグは、外部のサイトだったり別のところを参考にして持ってきた文章に対して、引用したよということをわかりやすくするためのタグの事です。使い方としては、WordPressのビジュアルエディタの赤く四角で囲われている部分をクリックすると出てきます。

 

ちなみに「引用」タグを使うとこのようにブロックで囲われるような形の表示になります。

 

 

 

引用タグのカスタマイズ方法

 

外観>テーマ編集>style.css

まず、お使いのWordPressにログインし、左サイドメニューから外観、テーマ編集とクリックします。そうしましたら、右メニューにあるstyle.cssをクリックしてひらきます。

{WordPressのテーマ(テンプレートによってはstyl.cssにカスタマイズするコードが入っていない場合があります。その場合は、下記のコードをstyle.cssに貼り付けてもデザイン的には実現可能です。)}

 

 

 

文字色変更の方法

 

 

 

 

 

ボーダーの色と太さの変更方法

 

  • 赤文字部分:ボーダーの色
  • 青文字部分:ボーダーの太さ

 

 

 

背景色の変更方法

 

以下の赤文字部分を変更します。

 

 

いかがでしたか?少しでもお役に立てましたら、いいねやシェアなどしていただけたら嬉しいです。それではまたお会いしましょう。

LINEで送る
Share on LinkedIn
Pocket

よく読まれている記事




wordpress使い方

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

嶋耕作

ライター、自主制作アニメも作ったりしている。自身が主催してきたイベント企画で培った集客運営等のノウハウを使ってサイトやYouTubeなどメディア運営のサポートを行っている。