賢威6.1テンプレート用装飾タグ一覧

約1年3ヶ月ぶりの記事更新です・・・・・・。
この記事は賢威6.1テンプレート用の装飾タグ一覧をまとめておきます。

「賢威」とは内部SEO対策済みテンプレートのことで、アフィリエイトをしている人ならほとんどの人が聞いたことがあると思います。

このテンプレートには元々便利な装飾タグがついているのですが、うまくまとめてくれているサイトを発見することが出来なかったので、自分用と言うことで下記にまとめておきます。
「賢威」って何?って方には全く意味の無い記事ですのであしからず。ちなみに当サイトも「賢威」のテンプレートでHPを作成しています。

賢威6.1テンプレート用装飾用タグ一覧

文字の色

タグ一覧 装飾
<span class="red">文字を赤色に</span> 文字を赤色に
<span class="blue">文字を青色に</span> 文字を青色に
<span class="green">文字を緑色に</span> 文字を緑色に
<span class="yellow">文字を黄色に</span> 文字を黄色に
<span class="navy">文字を紺色に</span> 文字を紺色に
<span class="orange">文字を橙色に</span> 文字を橙色に
<span class="pink">文字をピンク色に</span> 文字をピンク色に
<span class="purple">文字を紫色に</span> 文字を紫色に
<span class="olive">文字を黄土色に</span> 文字を黄土色に
<span class="lime">文字を黄緑色に</span> 文字を黄緑色に
<span class="aqua">文字を水色に</span> 文字を水色に
<span class="black">文字を黒色に</span> 文字を黒色に
<span class="gray">文字を灰色に</span> 文字を灰色に
<span class="white">文字を白色に</span> 文字を白色に

蛍光ペンのようなボックスを設定

タグ一覧 装飾
<span class="box-yellow">文字のバックを黄色に</span> 文字のバックを黄色に
<span class="box-aqua">文字のバックを水色に</span> 文字のバックを水色に
<span class="box-gra"”>文字のバックを灰色に</span> 文字のバックを灰色に
<span class="box-red">文字のバックを赤色に</span> 文字のバックを赤色に

ボックスの角を丸くする

タグ一覧 装飾
<span class="round">ボックスの角を丸く</span>
※ブラウザIE8以前をご使用の方は適用されません。
ボックスの角を丸く

文字列前にアイコン

タグ一覧 装飾
<span class="caution1">チェックアイコン①</span> チェックアイコン①
<span class="caution2">チェックアイコン②</span> チェックアイコン②
<span class="caution3">チェックアイコン③</span> チェックアイコン③
<span class="caution4">チェックアイコン④</span> チェックアイコン④
<span class="caution5">チェックアイコン⑤</span> チェックアイコン⑤
<span class="caution6">チェックアイコン⑥</span> チェックアイコン⑥
<span class="caution7">注意アイコン①</span> 注意アイコン①
<span class="caution8">注意アイコン②</span> 注意アイコン②
<span class="wakaba">初心者マーク</span> 初心者マーク
<span class="mail">メールアイコン</span> メールアイコン
<span class="pdf">PDFアイコン</span> PDFアイコン
<span class="zip">ZIPアイコン</span> ZIPアイコン
<span class="rss">RSSアイコン</span> RSSアイコン
<span class="rss-mini">小さいRSSアイコン</span> 小さいRSSアイコン
<span class="pdf-back">後ろにPDFアイコン</span> 後ろにPDFアイコン
<span class="zip-back">後ろにZIPアイコン</span> 後ろにZIPアイコン
<span class="rss-back">後ろにRSSアイコン</span> 後ろにRSSアイコン

ノートのような下線を引く

タグ一覧 装飾
<span class="noteline">下線を引く</span> 下線を引く

賢威テンプレートのスタイルシートを除けばまだまだあるのですが、メインで使用するのはこのあたりになると思います。これが標準で実装されているのはとても助かりますね。

これで、今後のHP作成効率が少し上がればいいのですが。
早速初心者マークをコピペして使ってみることに。

初心者マーク ん??

反映されない・・・・なぜ?? よ~~~くタグを見比べてみると
コピペ <span class=”wakaba”>初心者マーク</span>
正解  <span class="wakaba">初心者マーク</span>

良く見るとコピペしたタグのダブルクォーテーション「”」が全角の「”」になっています。これでは反映されないのは当たり前です。
調べてみるとこれはワードプレス内の「テーマのための関数」(functions.php)が悪さをしているようなので、「テーマのための関数」(functions.php)の中に以下のコードを追加記述します。

remove_filter(‘the_content’, ‘wptexturize’);
remove_filter(‘the_excerpt’, ‘wptexturize’);
remove_filter(‘the_title’, ‘wptexturize’);

上から順番に本文の自動変換防止・抜粋表示の自動変換防止・タイトルの自動変換防止をするコードとなります。
これで、タグをコピペしても自動変換されなくなりました。

初心者マーク
<span class="wakaba">初心者マーク</span>

※上記のコードはWP SEOブログ様を参考にさせていただきました。

これで作業効率がすこしは上がるはず。


タグ

2014年5月13日 | コメント/トラックバック(0) |
カテゴリー:賢威

トラックバック&コメント

この投稿のトラックバックURL:

コメントをどうぞ


9 + 五 =

※コメントを送信する前に上の数式の計算をお願いします。

このページの先頭へ