WING（アフィンガー5 EX）

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

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

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）のテキスト装飾のまとめ

フォントのスタイル 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>

これは「人 ...

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

AFFINGER（アフィンガー）では様々なボックスデザインを作成できるのが便利！だけど、ショートコードが迷子になることが。シンプルなポイントボックス

[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]

薄グレー背景丸み枠

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#BDBDBD" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"]

（まるみ）これはダミーです

[/st-mybox]

[st-mybox title="" fontawesome="" color="#757575" bordercolor="#BDBDBD" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"]

（まるみ）これはダミーです

[/st-mybox]

参考とかメモに使えるボックス st-mybox title="メモ"の部分を書き換えればOK。 [crayon-67567c ...

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

カスタマイズ　＞　メニューのカラー設定　＞　スマホスライドメニュースライドメニューバー背景色スライドメニューバー背景色（グラデーション上部※向きはヘッダーエリア連動）を変更。つまり、スライドメニューバー＝スマホヘッダーということ。ヘッダーの色を変えてもスマホで反映されないので困っていたら、そういうことでした笑

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

AFFINGERの画像コメントのショートコード多機能すぎて時々どこにショートコードがあるのかわからなくなるAFFINGER（アフィンガー）。背景なしコメントの完成イメージこれはダミーのテキストですショートコードのコピペ

[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]

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

背景ありコメントの完成イメージショートコードのコピペ背景の色は、 bgcolor="#edbbcf" にお好みの色番号を入れて変更してね。文字が見やすい薄めの色がおすすめ！枠線の色は、 bordercolor ...

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://fontawesome ...