【WordPress】 STINGER3のblockquote(引用タグ)の背景を変えてみた

公開日: : WordPress, テクノロジー, 小技

ブログで記事を書くときによそのページの本文やニュース記事の一部を引用することがあります。その場合はblockquoteというタグを使用します。

<blockquote>
ここに引用したい文章を入れる
</blockquote>

このブログはSTINGER3というテーマで構築しているのですが、blockquoteの背景デザインが角ばっていてちょっとダサい(開発者の方すみません。。。)

▼デフォルトのblockquoteの背景デザイン
stinger3 blockquote

というわけでcssをいじってデザインを変えてみました。

STINGER3の引用タグ(blockquote)の背景を変更する

やり方はとても簡単。style.cssの208行目あたりとsmart.cssの122行目あたりの

上記cssを、

に書き換えるだけです。

※必ず事前にバックアップを取っておいてください。

角丸で背景色をベージュに、落ち着いたデザインになりました。
stinger3 blockquote
こちらのページで実際に見られます。

ちなみに書き換え後cssの3行目にある

content: “\275D”;

はフォントアイコン「UTF-8 Icon」です。

UTF-8のフォントアイコンとはUTF-8で読み込まれたファイルに対して、UTF-8の文字コードを入力するだけでフォントアイコンとして表示することができます。

参考:
http://start-now.link/100/archives/1992
http://web-tan.forum.impressrd.jp/e/2016/06/07/23018

こちらのサイトにいろんなアイコンのUTF-8コードが掲載されています。
https://www.utf8icons.com/

今回採用したダブルクォーテーション(“)以外にもたくさんありますので、お好みに合わせて選んでみてください。

PC

最後までお読みいただきありがとうございます。

お手数でなければ記事のご紹介をしていただけると嬉しいです。

ブログの情報はこちらでも配信しています。



関連記事



個人的に撮影した写真を公開しています。

旅行先や街中で気になったものを撮影・公開しています。
ダウンロード無料、商用利用OKです。写真AC

関連記事

Google Chromeから無料でFAX送信ができるGoogle Driveの拡張アプリ「HelloFax」を使ってみた

シロクグロースハックブログで紹介されていたツールですが、実際に使ってみて本当に簡単・便利だったのでご

記事を読む

springforward_icon

Appleの新製品イベント「Spring forward」発表内容まとめ

Appleの新製品発表イベント「Spring forward」が2015年3月9日(日本時間3月10

記事を読む

非リンク

【SEO】 被リンク(バックリンク)施策はどこまで有効か?

SEO対策として、他サイトからの被リンク施策を行っている場合が多いかと思います。 ただ

記事を読む

APTX(アポトキシン)4869 アイコン

コナン(新一)が飲まされた薬「APTX -アポトキシン- 4869」を手に入れた

名探偵コナンの第一話で工藤新一が飲まされた薬「APTX -アポトキシン- 4869」を手に入

記事を読む

【情報流出リスク】 フラグを立てられたら終わり? プライバシーを守るためには「物理的破壊」をするしかない

LINE流出はまさに新時代的事件 一昨年1月に「まだやるか!」と呆れるほどワイドショーで散

記事を読む

iphone6_plus_icon

意外と知らない? iPhoneの便利な小技6つ

iOS7以降のものになりますが、まとめ記事で見つけたiPhoneの小技6つをご紹介します。ぜひ試して

記事を読む

スマホ

スマホ・タブレット向けページにSEOは必要か?

2010年のiPhone4発売以降、国内のスマートフォン市場は爆発的な広がりを見せ、ここ数年の間に発

記事を読む

【STINGER3】 Excel to HTMLでテーブルがきれいに表示されるようcssを編集してみた

先日下記の記事をリライトしました。 蛍光灯が点きにくくなったらグローランプを交換しよう その

記事を読む

【WordPress】 データベース バックアップ用プラグイン「WP-DBManager」使用方法

WordPressで使用するデータベースを簡単にバックアップしてくれるプラグイン「WP-DBMana

記事を読む

はてなブックマーク アイコン

はてなブックマークの新着エントリーに掲載されました!

苦節2年、はじめてはてなブックマークの新着エントリーに掲載されました。 先週土曜にアップしたこちら

記事を読む

PC

Message

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

PC

法改正
働き方改革って何? 働き方改革関連法案をふまえて労使が取り組むべき5つのポイント

2019年4月1日から働き方が変わります。 2018年6

キャンパスライフ
採用担当者からアドバイス、楽しい大学生活を送るために必要な11のこと

こんにちは、しんこー(@yakudatsujoho)と申します

社会人になった今だから断言できる、大学生におすすめのアルバイト12選

こんにちは、社会人○○目のしんこー(@yakudatsujoh

もしもし ポリスメン
【最大報酬10万円】 身バレもなく安心、警察への匿名タレコミができる「匿名通報ダイヤル」

犯罪もしくは犯罪の可能性がありそうなシーンに出くわしたが、逆恨みが怖く

公的保障 アイコン
【公的保障】 取りっぱぐれは大損! 届け出をするだけでもらえるお金

自治体によっては届け出だけでもらえるお見舞い金や支援金などが存

→もっと見る

  • 名前:しんこー
    仕事:WEB関連の仕事を10年ほど。デザインからコーディング、SEOなど幅広く手掛けている為、社内では「何やってる人?」と思われている。俺にもわからん。
PAGE TOP ↑