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

2020年9月12日

Reino

わかりにくいのでメモ。

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

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

を変更。

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

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

Reino

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

2021/12/29

【コピペ用】ConoHaのネームサーバー

2021/08/12

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

2021/07/25

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

Reinoの記事をもっと見る

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

comment コメントをキャンセル

WING（アフィンガー5 EX）

2021/1/31

ボックスデザインコピペ用ショートコード《AFFINGER（アフィンガー）》

AFFINGER（アフィンガー）では様々なボックスデザインを作成できるのが便利！だけど、ショートコードが迷子になることが。 Reinoそんなときのメモ(´ω`)✧ シンプルなポイントボックスポイント（基本）これはダミーです

[st-mybox title="ポイント" fontawesome="fa-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold"]

（基本）これはダミーです

[/st-mybox]

[st-mybox title="ポイント" fontawesome="fa-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold"]

（基本）これはダミーです

[/st-mybox]

しかく枠のみ（しかく枠のみ）これはダミーです

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold"]

（しかく枠のみ）これはダミーです

[/st-mybox]

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold"]

（しかく枠のみ）これはダミーです

[/st-mybox]

薄グレー背景丸み枠（まるみ）これはダミーです [crayon-61e91df3303cf99328 ...

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）の記事スライドショーまとめ

カテゴリ記事の一覧任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定（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列スラ ...

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