表示確認
Google Chromeで「F12」キーを押すとパソコンからスマホやタブレット各端末での表示確認ができます。(切り替え後は「F5」キーでリロードしてください)
AMPページhttps://kanamii.jp/affinger-c-sample/tokuchou/amp/
AFFINGER4カスタマイズ済みオリジナル子テーマ『Kanamii for AFFINGER C』は、WordPressダッシュボード→AFFINGER4管理→「オリジナルテーマカスタマイザーを使用する」にチェックを入れて「デフォルト」を選択することで、下記の基本カラーが随所に適用されるように作成しています。
各カラーコードは、適用箇所以外にご自身でカラーの設定をされる際のご参考になさってください。
- 一番濃い色:#8dbee7
- 少し薄い色:#a9ceed
- とても薄い色:#fff1f5
以下は、AFFINGER4標準仕様デフォルトでのデザイン見本(一部)です。
見出し(h2)
見出し(h3)
見出し(h4)
見出し(h5)
チェックボックス&数字ボックス
ulタグを囲むチェックボックス
- チェックボックス見本
- チェックボックス見本
- チェックボックス見本
olタグを囲む数字ボックス
- 数字ボックス見本
- 数字ボックス見本
- 数字ボックス見本
ボックス&マーカー・ドット線など
黄色ボックス
「黄マーカー」
「赤マーカー」
ドット線
薄赤ボックス
「黄マーカー」
「赤マーカー」
ドット線
グレーボックス
「黄マーカー」
「赤マーカー」
ドット線
フリーボックス
「黄マーカー」
「赤マーカー」
ドット線
太字 太字(赤) 大文字 小文字
テーブル(表)
見本 | 見本 | 見本 | 見本 | 見本 |
123 | 123 | 123 | 123 | 123 |
abc | abc | abc | abc | abc |
table横スクロール要素(スマホ)
テーブル見本 | テーブル見本 | テーブル見本 | テーブル見本 | テーブル見本 | テーブル見本 |
123,456 | 123,456 | 123,456 | 123,456 | 123,456 | 123,456 |
abcdefg | abcdefg | abcdefg | abcdefg | abcdefg | abcdefg |
吹き出しの背景色は、外観→カスタマイズ→オプションカラー→「会話風ふきだしのカラー」で設定することができます。
AFFINGER4 ver20171227bより追加されたパーツ
以下は、ver20171227bのアップデートの際に追加されたパーツです。(オリジナル目次デザインは除く)
各パーツのカラーは、当子テーマの基本カラーに合わせていますが任意でお好きな色に変更可能です。
詳しい設定方法は、公式サイトをご参照ください。
公式サイトもっと楽しくなるパーツをたくさん用意しました。 AFFINGER4ver20171227β
ポラロイド風
クリップメモ
デフォルトのクリップメモです
カラー設定やアイコンの変更も自由にできます
アイコンサイズを大きくすると複数行のメモも作成できます
2行目テスト 2行目テスト
マイボックス
ポイント
デフォルトのマイボックスです
これは便利
ボックスに丸みをつけたり、カラー設定やアイコンの変更も自由にできます
メモボックス
メモ
通常のメモボックスです
メモ
新たに追加されたフォントサイズが小さめのメモボックス2です
見出し付きフリーボックス
見出し(全角15文字)
新機能の見出し付きフリーボックスは、丸みをつけたり、カラー変更やアイコン追加など、柔軟な設定ができるようになっています
こんな方におすすめ
デフォルトの表示です。
カラーやアイコンは、WordPressダッシュボード→外観→カスタマイズ→オプション→「こんな方におすすめ」にて変更可能です。
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
続いて、子テーマの有効化と初期設定の説明ページをご参照ください。
-
-
子テーマの有効化と初期設定
表示確認 Google Chromeで「F12」キーを押すとパソコンからスマホやタブレット各端末での表示確認ができます。(切り替え後は「F5」キーでリロードしてください) AMPページhttps:// …