WordPressのテーマ「MAG」の見出しや装飾デザイン一覧

先日から導入しているWordPressのテーマ「MAG」
シンプルなデザインでテキストも読みやすく満足しているのですが、まだ使用していないタグがたくさんあります。

そこで今後記事を書く際の参考にするため、タグのデザインを一覧にしてまとめてみる事にしました。

クイックタグの使用について

記事投稿画面にクイックタグが表示されていたので、「MAG」のテーマファイルをインストールするだけで使えるかと思っていたのですが、H4やH5をクイックタグで入れるとH3になってしまう等、うまく動作しない部分がありました。

テーマのダウンロードサイトを読まなかった自分が悪いのですが、どうやらプラグインと専用のファイルが必要のようです。
「MAG」専用のダウンロードサイトで設定ファイルをダウンロードし管理画面からインポートすることでクイックタグが正しく使用可能になります。

クイックタグ機能の使い方①プラグインのインストールと設定 | ワードプレステーマTCD
http://design-plus1.com/tcd-w/2016/03/quicktag_1.html

H3の見出しa

「MAG」ではサイトのロゴ部分がH1、記事タイトル等にH2が設定されている為、記事の中身はH3からしか設定できません。H3〜H5のタグがありaとbの2パターンあります。

H4見出しa

H5見出しa

H3見出しb

H4見出しb

H4見出しb

H5見出しb

Youtube動画用タグ

画面サイズに合わせて動画のサイズが調整されます。

関連記事カードリンク

[clink url=”http://wefblog.com/%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E3%81%8B%E3%82%93%E3%81%9F%E3%82%93%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%ABwordpress%E3%81%AE%E3%83%86%E3%83%BC%E3%83%9E%E3%82%92%E5%A4%89%E6%9B%B4/”]

レイアウト2c

ここに左カラムに表示させたい任意のテキストや画像タグを入力します。
ここに右カラムに表示させたい任意のテキストや画像タグを入力します。

レイアウト3c

ここに左カラムに表示させたい任意のテキストや画像タグを入力します。
ここに中央カラムに表示させたい任意のテキストや画像タグを入力します。
ここに右カラムに表示させたい任意のテキストや画像タグを入力してください。

テーブルはレスポンシブ対応

見出しセル データセル
見出しセル データセル

囲み枠a

囲み枠b

囲み枠c

フラットボタン

フラットボタン L

フラットボタン S

ブルー

レッド

イエロー

角丸ボタン

角丸ボタン L

角丸ボタン S

ラウンドボタン

ラウンドボタン L

ラウンドボタン S

スポンサードリンク