[wordpress]twentyseventeenの引用デザインを変更する方法



こんにちは!

 

ブログ初心者です(笑)

みなさんtwentyseventeen使ってますか?

これとてもシンプルでいいですよね!

ただ個人的に引用のデザインがしょぼい気がします(笑)

文字をすこし太くして灰色にしただけって感じで

引用符とかもないし( ” ←これのこと)

 

⇓ サンプル

 

なので、これを・・・

こんな感じに変更する方法を載せていきます!

かなり簡単です

 

この記事を作るにあたり下記のサイトを参考にさせて頂きました

助かりました!!

CSSで作る!魅力的な引用デザインのサンプル30(blockquote)

【保存版】Font Awesomeの使い方:Webアイコンフォントを使おう

WordPressで子テーマのCSS修正が反映されない場合



CSS編集前の準備


引用デザインはcssを編集することで変えることができますが

その前に引用符のデザインがあるフォントを読み込むコードを

子テーマのheader.php内に書き込みます

下記のコードを子テーマ内のheader.phpにコピペします

 

style.cssの編集


次にtwentyseventeenの子テーマのフォルダを開いて

style.cssを開いてください

そして下記のコードをコピペします

 

終了です

これで、引用デザインが変わっていると思います

こんなふうに

 

CSSが反映されない場合


自分もなりました、いろいろ検索した結果

解決したのでその方法を載せておきます

子テーマのfunction.php内のtheme_enqueue_styles()関数

に文を追加します

まるごとコピペして貼り替えてください

それでは、お疲れさまでした~


コメントを残す

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

CAPTCHA