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

公開日: : 最終更新日:2017/01/08 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

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

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

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



follow us in feedly








関連記事



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

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

関連記事

ほつれなおし アイコン

ほつれなおし用の針でセーターの糸引きを直した件

こんにちは。 今日も飽きもせずバーゲンに行ってきました。 昨日、セーターの引っ掛けた糸を直す

記事を読む

【大阪・日本橋】 32GBのフラッシュメモリーが2,000円以下で買えた件

良い時代になったなぁとつくづく思います。 今日はかなり久しぶりに日本橋に出かけました。 約8

記事を読む

掃除機のフィルターをガムテープで掃除すると吸引力が回復する件

部屋の掃除は普段するけど掃除機の掃除までする人は少ないんじゃないでしょうか? 実は結構簡単な作業で

記事を読む

【STINGER3】 ブログタイトルをテキストから画像に変えてみました

先日ハンドル名とサイト名を変更した旨の記事を書きましたが、それに併せてブログに親しみを持ってもらえる

記事を読む

Crayon Syntax Highlighter icon

WordPress記事内にソースコードを表示させるプラグイン [Crayon Syntax Highlighter]使用方法

Crayon Syntax Highlighterは、WordPress記事内にhtmlやcssなど

記事を読む

iPhoneをMacにつなげた時にiPhotoを起動させないようにする方法

今さらですが、先日ようやく自分の持っているCDをMacに取り込み始めました。 その際、

記事を読む

Yahoo!ニュースアプリ 木下彩音 アイコン

Yahoo!ニュースアプリのCMの関西弁がうそくさい件

まいど。社畜ブロガー、しんこー(@yakudatsujoho)です。 今回、大阪風のあいさ

記事を読む

yahoo SSL icon

Yahoo! JAPANが来年3月までに常時SSL化することを発表

本日午後、大きなニュースが流れてきましたね。 Yahooが期限を切って、2017年3月まで

記事を読む

イヤホン端子に繋ぐだけ 手軽にTVの音質を上げるスピーカー「Olasonic TW-D5TV(B)」

普段見るTV番組といえば朝の情報番組と夜9時のニュースだけ。 そのニュースのアナウンスもさることな

記事を読む

ネット回線サポートの仕事をしている友人に聞いた! 【価格別】 プロがおすすめするWi-Fiルーターをご紹介

こんにちは、目に見えないものにはお金をかけたくない男、しんこー(@yakudatsujoho)です。

記事を読む

PC

Message

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

PC

EVANGELION STORE OSAKA
【LUCUA 1100 ルクア イーレ】 エヴァンゲリオンストア 大阪に行ってきた

今日は西暦2017年4月2日ですが、2年前の2015年には使徒襲来もな

ぎゅっと搾って 瞬間パック 厳選みかん ストレートジュース
【濃縮還元とストレートジュースの違い】 関西スーパーに売ってる「瞬間パック 厳選みかん」がうますぎる件

普段はフルーツジュースはほとんど飲まないのですが、近所の関西スーパーで

ポテトチップス パクチー味
【実食レポート】 ポテトチップス パクチー味を食べてみた

これまでもみかん味やフォアグラ味、牛乳味など、ネタとも取れるさまざまな

映画ドラえもん のび太の南極カチコチ大冒険
【映画ドラえもん のび太の南極カチコチ大冒険 感想】 約20年ぶりにドラえもんの映画を観に行ってきました

こんにちは。自他共に認めるドラえもんオタク、しんこー(@yak

コールセンター 素材
もういい加減「テレアポ」なんていう原始的な営業活動やめませんか?

毎度、昨日は久々に仕事中、外部の人間にキレそうになったしんこー

→もっと見る

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

  • follow us in feedly





    Macintosh ブログランキングへ

    ブログランキング・にほんブログ村へ

PAGE TOP ↑