スマホ表示のときにサイドバーが消えてしまったときの直し方！ACTION / AFFINGER6EX(アフィンガー)
アフィンガーでスマホ表示のときにサイドバーが消えてしまったときの直し方 ACTION / AFFINGER6EX(アフィンガー)でスマホ表示のときにサイドバーが消えてしまったときの直し方です。 逆に、スマホ表示のときにサイドバーを消したい人もこの方法で消すことができます。 アフィンガーでスマホ表示のときにサイドバーが消えてしまったときの直し方は簡単。 アフィンガー管理 > 全体設定 > サイト全体のレイアウト一括設定 > スマホのサイドバーを非表示にするにチェクマークを入れる サイト全体のレイアウト一括設 ...
WING（アフィンガー5 EX）の記事スライドショーまとめ
カテゴリ記事の一覧 任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。 表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定（3~1）などが可能です。 カテゴリ一覧スライドショー WING（アフィンガー5）EX版では、カテゴリ一覧を簡易にスライドショーに変えることが可能です。 slides_to_show="3,3,2"の数字を変えることで、画面に表示するスライドの枚数を変えることができます。 5列スライドショー
|
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テンプレートでは利用できないのでご注意ください。 アイコン アイコンマークは「カスタマイザー」の「オプション」でカラーを設定できます。 ※通常エディタ上では表示されません これは「はてな」マークです
|
1 |
<span class="hatenamark2 on-color">これは「はてな」マークです</span> |
これは「注意」マークです
|
1 |
<span class="attentionmark2 on-color">これは「注意」マークです</span> |
これは「人 ...
ボックスデザインコピペ用ショートコード《AFFINGER（アフィンガー）》
AFFINGER（アフィンガー）では様々なボックスデザインを作成できるのが便利！ だけど、ショートコードが迷子になることが。 Reinoそんなときのメモ(´ω`)✧ シンプルなポイントボックス ポイント （基本）これはダミーです
|
1 2 3 4 5 |
[st-mybox title="ポイント" fontawesome="fa-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold"] （基本）これはダミーです [/st-mybox] |
しかく枠のみ （しかく枠のみ）これはダミーです
|
1 2 3 4 5 |
[st-mybox title="" fontawesome="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold"] （しかく枠のみ）これはダミーです [/st-mybox] |
薄グレー背景丸み枠 （まるみ）これはダミーです [crayon-62b715185288124478 ...
スマホヘッダーデザインの変更の方法《AFFINGER（アフィンガー）》
Reinoわかりにくいのでメモ。 カスタマイズ ＞ メニューのカラー設定 ＞ スマホスライドメニュー スライドメニューバー背景色 スライドメニューバー背景色（グラデーション上部※向きはヘッダーエリア連動） を変更。 つまり、スライドメニューバー＝スマホヘッダーということ。 ヘッダーの色を変えてもスマホで反映されないので困っていたら、そういうことでした笑
ランキングボックスの作り方とコピペ用コード《AFFINGER（アフィンガー）》
AFFINGER（アフィンガー）とEX版のランキング見出し star="5"の数字を変えれば星の数も変わるよ★ Reino ランキング1位
|
1 |
[st-rank rankno="1" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="5"]ランキング1位[/st-rank] |
ランキング2位
|
1 |
[st-rank rankno="2" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="4"]ランキング2位[/st-rank] |
ランキング3位
|
1 |
[st-rank rankno="3" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="3"]ランキング3位[/st-rank] |
ランキング4位以下
|
1 |
[st-rank rankno="4" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="2"]ランキング4位以下[/st-rank] |
AFFINGER（アフィンガー）とEX版のレスポンシブ ...
《AFFINGER（アフィンガー）》よく使う画像コメントのコピペ用ショートコード
AFFINGERの画像コメントのショートコード 多機能すぎて時々どこにショートコードがあるのかわからなくなるAFFINGER（アフィンガー）。 よく探すものはメモすれば安心♡ Reino 背景なしコメントの完成イメージ タイトル◯代男性 これはダミーのテキストです にゃぶりは男性...!？にゃぶり ショートコードのコピペ
|
1 2 3 |
[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 ...
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 ...