WordPress

Affinger5|WordPressのクイックタグ⑤

AFFINGER5のおすすめクイックタグを試す

本日もWordPressの入力補助ボタン(クイックタグ)を試していきたいと思います。
本サイトのテーマはAFFINGER5を利用してます。

あわせて読みたい


WordPressの投稿フォームを旧エディタに戻す方法|クラシック

プラグイン「Classic Editor」を入れるだけ 新しい投稿画面(Gutenberg)に驚く 何の気なしにWordpressを5.0にバージョンアップしたところ、新しい投稿画面に驚きました。 全 ...

続きを見る

[フリーボックス](divタグ)

用途:見出し付きの枠を表示したい時に利用します。
表示:背景灰色の長方形のボックスの左上にテーマカラー背景(水色)の見出しが表示されます。
例:

フリーボックスタイトル

フリーボックス本文

[マイボックス](独自タグ)

用途:カスタマイズした枠を表示したい時に利用します。
表示:背景灰色の長方形のボックスの左上にタイトルが表示されます。
例:

マイボックスタイトル

マイボックス本文

[目次(TOC+)](独自タグ)

用途:目次を表示したい時に利用します。
表示:あまり使わないので割愛します。

[スター](独自タグ)

用途:評価のビジュアル化したい時に利用します。
表示:0個から5個までの★マークで表示します。
例:





[ブログカード風](独自タグ)

用途:過去記事をカード風に表現したい時に利用します。
表示:ブログカード風?に表示します。
例:下部参照。

[YouTuebeID](独自タグ)

用途:Youtubeの動画を紹介したい時に利用します。
表示:Youtubeの動画が静止状態でブログ上に表示されます。クリックするとYoutubeに遷移します。
例:下部参照。

[ボタンA・B](divタグ)

用途:ボタンを表示したい時に利用します。
表示:赤背景(A)、青背景(B)、白文字の長方形ボタンを表示します。クリックすると遷移することも可能です。
例:下部参照。

[下に余白](独自タグ)

用途:下に余白を入れたい時に利用します。
表示:指定した要素の下部に余白が入ります。
例:下部参照。
---
下に余白
なし
---

下に余白10px

あり
---

下に余白30px

あり
---

[黄色・薄赤・グレーボックス](独自タグ)

用途:薄めの背景の上に文章を書きたい時に利用します。
表示:黄色・薄赤・グレーの背景(枠付き)のボックスの上に文字が表示されます。
例:下部参照。

黄色ボックス
薄赤ボックス
グレーボックス

[引用](divタグ)

用途:文章を引用した際に利用します。
表示:グレー背景で、逆さダブルクォーテーション「“」が左上にデザインされ、その後に文章が表示されます。
例:下部参照。

この文章は引用してます~~~(略)

[スマホ・PCに表示しないボックス](独自タグ)

用途:スマホもしくはPCに表示したくない時に利用します。
表示:スマホとPCでそれぞれ、だし分け表示されます。
例:下部参照。
スマホに表示しないボックス(PCから見えます)

[全サイズ左右〇%](独自タグ)

用途:スマホ・PCで指定した幅の割合で表示したい時に利用します。
表示:指定した割合で左右のボックス幅が表示します。
例:下部参照。

左側の
コンテンツ
40%

右側のコンテンツ60%

[ランキング大見出し](独自タグ)

用途:目立たせたい見出しがある場合に利用します。
表示:黄土色背景、白文字の吹き出しが表示します。
例:下部参照。

セール開始!(例)

[コメントアウト](独自タグ)

用途:一時的に文字列を消したい時、メモを残したい時に利用します。
表示:囲んだ場所は一般ユーザーには表示されません。ソース上でも表示されていないようです。
例:下部参照。
↓コメントアウトされてます。

↑コメントアウトされてます。

本日は、ここまで。

合わせて読みたい

クイックタグその①

クイックタグその②

クイックタグその③

クイックタグその④

クイックタグその⑥

クイックタグのカスタマイズ

---- 当サイトのPRをさせてください ----

当サイトは「社会人に役立つ仕事術、生活術、スキルアップ術」を発信しております。また来ていただけたらたいへん嬉しいです。

ぜひブックマークをお願いします。

iPhoneの方:
ブラウザ下部の[↑]ボタン > [ホーム画面に追加]もしくは[ブックマーク追加]

Androidの方:
ブラウザ右上の [︙]ボタン > [ホーム画面に追加(アプリをインストール)] もしくは[☆タップ]

PCの方:
ブラウザ 右上の[☆]ボタン、もしくはキーボード[Ctrl]+[D]

またのお越しをお待ちしております。

\面白かったらシェアお願いします/

-WordPress
-, , ,