AFFINGER5のおすすめクイックタグを試す
本日もWordPressの入力補助ボタン(クイックタグ)を試していきたいと思います。
本サイトのテーマはAFFINGER5を利用してます。
あわせて読みたい
WordPressの投稿フォームを旧エディタに戻す方法|クラシック
プラグイン「Classic Editor」を入れるだけ 新しい投稿画面(Gutenberg)に驚く 何の気なしにWordpressを5.0にバージョンアップしたところ、新しい投稿画面に驚きました。 全 ...
続きを見る
[フリーボックス](divタグ)
用途:見出し付きの枠を表示したい時に利用します。
表示:背景灰色の長方形のボックスの左上にテーマカラー背景(水色)の見出しが表示されます。
例:
フリーボックスタイトル
[マイボックス](独自タグ)
用途:カスタマイズした枠を表示したい時に利用します。
表示:背景灰色の長方形のボックスの左上にタイトルが表示されます。
例:
マイボックスタイトル
[目次(TOC+)](独自タグ)
用途:目次を表示したい時に利用します。
表示:あまり使わないので割愛します。
[スター](独自タグ)
用途:評価のビジュアル化したい時に利用します。
表示:0個から5個までの★マークで表示します。
例:
[ブログカード風](独自タグ)
用途:過去記事をカード風に表現したい時に利用します。 もくじ Affinger5のおすすめクイックタグ[写真に枠線](spanタグ)[ポラロイド風](divタグ)[ラベル](独自タグ)[記事タイトルデザイン](spanタグ)Affinger5のおすすめク ...
表示:ブログカード風?に表示します。
例:下部参照。
Affinger5|WordPressのクイックタグ④
[YouTuebeID](独自タグ)
用途:Youtubeの動画を紹介したい時に利用します。
表示:Youtubeの動画が静止状態でブログ上に表示されます。クリックするとYoutubeに遷移します。
例:下部参照。
[ボタンA・B](divタグ)
用途:ボタンを表示したい時に利用します。
表示:赤背景(A)、青背景(B)、白文字の長方形ボタンを表示します。クリックすると遷移することも可能です。
例:下部参照。
[下に余白](独自タグ)
用途:下に余白を入れたい時に利用します。
表示:指定した要素の下部に余白が入ります。
例:下部参照。
---
下に余白
なし
---
あり
---
あり
---
[黄色・薄赤・グレーボックス](独自タグ)
用途:薄めの背景の上に文章を書きたい時に利用します。
表示:黄色・薄赤・グレーの背景(枠付き)のボックスの上に文字が表示されます。
例:下部参照。
[引用](divタグ)
用途:文章を引用した際に利用します。
表示:グレー背景で、逆さダブルクォーテーション「“」が左上にデザインされ、その後に文章が表示されます。
例:下部参照。
[スマホ・PCに表示しないボックス](独自タグ)
用途:スマホもしくはPCに表示したくない時に利用します。
表示:スマホとPCでそれぞれ、だし分け表示されます。
例:下部参照。
スマホに表示しないボックス(PCから見えます)
[全サイズ左右〇%](独自タグ)
用途:スマホ・PCで指定した幅の割合で表示したい時に利用します。
表示:指定した割合で左右のボックス幅が表示します。
例:下部参照。
左側の
コンテンツ
40%
右側のコンテンツ60%
[ランキング大見出し](独自タグ)
用途:目立たせたい見出しがある場合に利用します。
表示:黄土色背景、白文字の吹き出しが表示します。
例:下部参照。
セール開始!(例)
[コメントアウト](独自タグ)
用途:一時的に文字列を消したい時、メモを残したい時に利用します。
表示:囲んだ場所は一般ユーザーには表示されません。ソース上でも表示されていないようです。
例:下部参照。
↓コメントアウトされてます。
↑コメントアウトされてます。
本日は、ここまで。
合わせて読みたい