1. 11月29日~お得なクーポン配信予定!お得なクーポン配信予定!2. 期間限定セール800点以上がラインナップ!注目の目玉アイテムはこちら!20%OFF > ふっくら綿混あったか裏起毛長袖パジャマ20%OFF > ふわふわトイレマット・フタカバー(単品・セット) 【選べる7色×11タイプ】20%OFF > 使いはじめからしゃりふわの今治タオル[日本製]30%OFF > ダウンとボアのあったかルームブーツ対象商品をすべて見る3. ホットコット((あったかインナー))のまとめ買いで最大20%OFF 3~4点 5%OFF 5~9点 10%OFF 10点以上 20%OFFホ...
東京ガス株式会社が展開する新電力「東京ガスの電気」では、 基本プラン(従量電灯B・Cから切り替えの方) ずっとも電気3(低圧電力から切り替えの方) を新規で契約をおこなうと、電気代の基本料金が3か月無
エヌ・ティ・ティ・コミュニケーションズ株式会社(本社:〒100-8019 東京都千代田区大手町2-3-1 大手町プレイスウエストタワー)が展開する、格安SIM・格安スマホの 「 OCN モバイル ON

バズ部「Xeory Extension」の引用タグのカスタマイズ

入会金・年会費無料!ミッキーマウス / トイ・ストーリ デザイン イオンカード

バズ部「Xeory Extension」で引用タグを用いた時のバックグラウンドの色などのカスタマイズ方法です。カスタマイズをおこなう場合は、あくまで自己責任でお願いいたします。

引用とは

自分の記事(ブログ)に公式サイトや本などから参考になった内容や公式サイトの記事そのものを一部転載する時ありますよね。

その時、自分の記事に他から引用・転載したことが分かるようにしなければなりません。

タグは

<blockquote>   </blockquote>

を使います。

分かりにくいですが引用されています。

20170125

カスタマイズ方法

今回は、バズ部「Xeory Extension」の引用タグの背景をもう少し濃くして、引用マークもはっきりさせたいと思います。

ワードプレス管理画面から

  1. 外観
  2. テーマの編集
  3. スタイルシート (style.css)

を選択すると

XeoryExtension: スタイルシート (style.css)の編集画面になります。

スタイルートのcontentの下記部分を探して下さい。

/* —————————————-
* content
—————————————- */

背景が薄かったので、background: #fafafa; の部分を枠線と同じ色 #e5e5e5; に変更しました。

変更前

.post-content blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #e5e5e5 solid;
background: #fafafa;
}

変更後

.post-content blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #e5e5e5 solid;
background: #e5e5e5;
}

引用マークの色も少し濃くしました。

変更前

.post-content blockquote:before {
content: '';
font-family: 'FontAwesome';
font-size: 36px;
color: #e7e7e7;
position: absolute;
top: 20px;
left: 10px;
}

変更後

.post-content blockquote:before {
content: '';
font-family: 'FontAwesome';
font-size: 36px;
color: #b2b2b2;
position: absolute;
top: 20px;
left: 10px;
}

どうですか少しだけ濃くなりました。

20170125-01

 

誕生日特典の情報と共に思い出のバースデーフォトを募集しています。

誕生日特典の情報や楽しい誕生日の思い出をサイトで紹介しませんか?

サイトでご紹介させていただいた方には、アマゾンギフト券 1,000円分(Eメールタイプ)をプレゼント!いたします。

皆さんの楽しい思い出のバースデーフォトや誕生日特典の情報をお待ちしております。

本日の注目記事はこちら



コメントを残す

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