共働きで消耗した家族が生き方を見直してます。

もう、共働きやめます。

WordPress

【STINGER5】引用っぽい表示を簡単にさせるAddQuicktagの設定方法と使い方

投稿日:

どうも、働かない夫です。

このブログを書く時は、だいたいはWordPressで作成しています。だいたい直接作成しています。

簡素な文字の表現方法として、強調、引用ってありますよね。文章的に強調したいところはたくさんあるのに、「これでもか!」と強調しすぎると天下のグーグルさんにスパム扱いされます。 

  • 引用じゃないんだけど、引用っぽい表現にする。
  • 強調じゃないんだけど、単なる太字にしたい。

こういった場合にタグを打ち込むのって面倒でやっていませんでした。

WordPressプラグインの【AddQuicktag】を使えば、面倒くさがりなわたしでも簡単に表現の幅が広がったので、導入方法と、設定したタグを紹介します。

AddQuicktagの導入方法

WordPressのホーム画面から【プラグイン】>【新規追加】>AddQuicktagを検索し、インストール&有効化

WordPressプラグイン AddQuicktag

これでOKです。

AddQuicktagの設定方法

WordPressのホーム画面から【設定】>【AddQuicktag】

こちらから設定をします。

スクリーンショット 2015-04-20 11.50.39

  • ボタン名:WordPressの編集部分で表示される名前
  • ラベル名:自分がわかるように説明する
  • 開始タグ:開始タグ や 定型文
  • 終了タグ:開始タグを閉じるタグ
  • アクセスキー:IEのみ「ALT」+アクセスキーでタグ生成
  • 順番:タグを表示する順番

STINGER5で引用っぽい表現

STINGER5では以下のcssが元々記述されています。

/* 引用じゃないけど引用と同じデザインにしたい時 */
.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

こちらを利用します。

【AddQuicktag】設定より以下のように追加。

AddQuicktag設定引用モドキ

スタートに 

<div class="inyoumodoki">

終了に

</div>

入力が終わったら一番右のチェックボックスをチェキっこして保存。 AddQuicktag仕上げ

強調じゃない太文字だけを入れる

まずは、style.cssに以下のソースコードを入力します。

/* 強調でない太文字 */
.huto {
	font-weight: bold;
}
.hutoaka {
	font-weight: bold;
	color: #ff0000;
}
  • .huto ただの太文字
  • .hutoaka ただの太文字で赤色

cssを追加したらあとは、AddQuicktagの設定を以下のような感じで入力&保存。

 Quicktag太字

 そうしますと、あなたのWordPressの編集画面が・・・

Quicktags使い方

このような感じになります。

QuickAddtagを使ってみよう

まずは、普通の引用。

太字は「強調タグ」であり、乱用は厳禁です。キーワード1つ2つ程つけたら後はCSSで設定しましょう。

「脱」初心者の為のブログのSEO より引用)

ほら、強調タグ乱用は良くないっすよ。

引用モドキ、強調しない太文字を使うと以下のようになります。 

太字は、AddQuicktagを使うと初心者でも簡単に使える。 

 これからは楽に出来るし、ペナはない!

まとめ

さっさと導入すれば良かった。損した気分になりましたねw

これ、初心者こそ導入するべきでしたね。作業効率あがりますし、面倒でやっていなかった表現も出来ます。

やっていなかった方は簡単なので、ぜひどうぞ!

  • この記事を書いた人
ハタオト

ハタオト

職業:専業主夫。サイト作って、静かに生活しています。このブログは好き勝手書いています。

-WordPress
-

Copyright© もう、共働きやめます。 , 2018 All Rights Reserved.