スマホヘッダーデザインの変更の方法《AFFINGER（アフィンガー）》

2020年9月12日

Reino

わかりにくいのでメモ。

カスタマイズ　＞　メニューのカラー設定　＞　スマホスライドメニュー

スライドメニューバー背景色
スライドメニューバー背景色（グラデーション上部※向きはヘッダーエリア連動）

を変更。

つまり、スライドメニューバー＝スマホヘッダーということ。

ヘッダーの色を変えてもスマホで反映されないので困っていたら、そういうことでした笑

Reino

佐賀県唐津市生まれ。東京育ちのフリーランスのWebマーケター・文筆家・美容ブロガー・美容研究家。大好きな東京タワーのある港区のとある町で夫とカエルとサメたち暮らしています🐸🦈🗼 慶應義塾大学で社会人学生として、人生2回目の大学生生活を満喫中。 UK Rockをこよなく愛するバンドThe Charlene.（シャーレイン）のボーカルMiuとしての顔もあります😎 詳しいプロフィールはこちら♡

2021/08/12

スマホ表示のときにサイドバーが消えてしまったときの直し方！ACTION / AFFINGER6EX(アフィンガー)

2021/07/25

独自ドメイン.tokyoとは？有名サイトは使っているの？デメリットは？

2021/04/15

マイナンバーカードのスキャン・読み込みができないときの解決方法（freee電子申請アプリで確定申告）

Reinoの記事をもっと見る

-WING（アフィンガー5 EX）

comment コメントをキャンセル

WING（アフィンガー5 EX）

2020/2/17

Font Awesome 4.7.0アイコンを変更する方法《AFFINGER（アフィンガー）》

Font Awesome 4.7.0アイコンでAffinger（アフィンガー5 EX）をカスタマイズ Affinger（アフィンガー5 EX）では、ショートコードにFont Awesome 4.7.0のアイコンが使用されています。 Font Awesome 4.7.0のアイコン「資料請求をする」の左側のチェックマークのアイコンがFont Awesome 4.7.0のアイコンです。資料請求をするこの箇所のアイコンは下記のリンクにあるアイコンならどれにでも変更することが可能です。 https://fon ...

WING（アフィンガー5 EX）

2020/9/12

《AFFINGER（アフィンガー）》よく使う画像コメントのコピペ用ショートコード

AFFINGERの画像コメントのショートコード多機能すぎて時々どこにショートコードがあるのかわからなくなるAFFINGER（アフィンガー）。よく探すものはメモすれば安心♡ Reino 背景なしコメントの完成イメージタイトル◯代男性これはダミーのテキストですにゃぶりは男性...!？にゃぶりショートコードのコピペ

[st-user-comment-box title="タイトル" user_text="◯代男性" color="" star="5"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="ここに画像URL" alt="" width="60" height="60" />[/st-user-comment-box]

これはダミーのテキストです

[st-user-comment-box title="タイトル" user_text="◯代男性" color="" star="5"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="ここに画像URL" alt="" width="60" height="60" />[/st-user-comment-box]

これはダミーのテキストです

背景ありコメントの完成イメージタイトル◯代男性これはダミーのテキストですショートコードのコピペ背景の色は、 bg ...

WING（アフィンガー5 EX）

2021/1/31

WING（アフィンガー5 EX）のテキスト装飾のまとめ

フォントのスタイル Word Pressテンプレート「WING（アフィンガー5 EX）」のテキスト装飾のまとめです。他のWord Pressテンプレートでは利用できないのでご注意ください。アイコンアイコンマークは「カスタマイザー」の「オプション」でカラーを設定できます。 ※通常エディタ上では表示されませんこれは「はてな」マークです

<span class="hatenamark2 on-color">これは「はてな」マークです</span>

1	<span class="hatenamark2 on-color">これは「はてな」マークです</span>

これは「注意」マークです

<span class="attentionmark2 on-color">これは「注意」マークです</span>

1	<span class="attentionmark2 on-color">これは「注意」マークです</span>

これは「人 ...

WING（アフィンガー5 EX）

2021/1/31

WING（アフィンガー5 EX）の記事スライドショーまとめ

カテゴリ記事の一覧任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定（3~1）などが可能です。カテゴリ一覧スライドショー WING（アフィンガー5）EX版では、カテゴリ一覧を簡易にスライドショーに変えることが可能です。 slides_to_show="3,3,2"の数字を変えることで、画面に表示するスライドの枚数を変えることができます。 5列スライドショー

[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" slides_to_show="5,5,2" slide_date="" slide_more="ReadMore"]

1	[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" slides_to_show="5,5,2" slide_date="" slide_more="ReadMore"]

3列スラ ...

WING（アフィンガー5 EX）

2020/9/12

スマホ表示のときにサイドバーが消えてしまったときの直し方！ACTION / AFFINGER6EX(アフィンガー)

アフィンガーでスマホ表示のときにサイドバーが消えてしまったときの直し方 ACTION / AFFINGER6EX(アフィンガー)でスマホ表示のときにサイドバーが消えてしまったときの直し方です。逆に、スマホ表示のときにサイドバーを消したい人もこの方法で消すことができます。アフィンガーでスマホ表示のときにサイドバーが消えてしまったときの直し方は簡単。アフィンガー管理 > 全体設定 > サイト全体のレイアウト一括設定 > スマホのサイドバーを非表示にするにチェクマークを入れるサイト全体のレイアウト一括設 ...

PREV: 《html》シンプルなテーブルのhtmlのコピペ
NEXT: ボックスデザインコピペ用ショートコード《AFFINGER（アフィンガー）》