>AFFINGER5AFFINGER5でスマホフッターに「光るボタン」を固定表示させる方法2018年6月16日AFFINGER5でスマートフォンのフッターに「キラリと光るボタン」を固定表示させるには、「スマートフォンのフッターに固定するウィジェット」にボタンAかボタンBを挿入します。具体的な方法をご紹介します。目次ボタンの完成イメージボタンを固定表示させる方法スマホフッターにボタンを固定表示させた完成イメージ今回のカスタマイズは、AFFINGER5(WING)のサンプル「個性的なお店のデザイン(美容室)」に表示されている、スマホフッターにキラリと光るボタンの実装です。スマホで閲覧したときにのみ、「電話で予約する」のボタンがフッターに固定表示させるように設定します。「スマートフォンのフッターに固定するウィジェット」にコードを貼り付けだけです。スマホフッターメニューなどを削除まずは、フッターに固定表示させている既存のメニューやバナーなどを削除しましょう。TOPに戻るスマホ用フッターメニューAdSenseのアンカー広告などは外します。これらを外さないと、ボタンとかぶってしまいます。「TOPに戻るボタン」は、カスタマイズ>オプションカラー>TOPに戻るボタンの配置を上にする(モバイルアンカー広告使用時用)で、併用が可能になります。次に、キラリと光るボタンのコードを用意します。href="#">ボタンA</a></p></div>です。「#」の部分は、自サイトのお問い合わせページのURLに置き換えます。アフィリエイトリンクを貼り付けることも可能です。ボタンのCSSは、ランキング管理の設定と連動しています。ランキング管理で「ボタンに光る演出を入れる」をOFFにしていて、スマートフォンのフッターに固定表示させるボタンだけ光らせたい場合は、以下のコードとなります。href="#">ボタンA</a></p></div></div>ただし、この方法だとスマホフッターの領域全体が光り、多少違和感があるので注意が必要です。「スマートフォンのフッターに固定するウィジェット」にコードを貼り付け用意したボタンのコードを、「スマートフォンのフッターに固定するウィジェット」に貼り付けます。場所は、外観>ウィジェット>スマートフォンのフッターに固定するウィジェットです。以上で、スマートフォンで見たときにだけ、フッター部分にキラリと光るボタンが固定表示されました。まとめAFFINGER5でスマートフォンのフッターに「キラリと光るボタン」を固定表示させるには、「スマートフォンのフッターに固定するウィジェット」にボタンAかボタンBを挿入します。class="st-reflection-on">で囲むと光るようになります。ちなみに、「ボタンA」「ボタンB」以外にも、「カスタムボタン」も利用できます。カスタムボタンでは細かく色を設定できるので、サイトに合わせて設定してみてください。AFFINGER5でスマホフッターにバナー広告を固定表示させる方法AFFINGER5(WING)で、スマートフォンのフッターにAdSense以外のバナー広告を固定表示(モバイルアンカー広告)させる方法をご紹介します。Optimizer」を使い、次世代画像フォーマット「WebP(ウェッピー)」に変換する方法を解説します。WordPressAdSenseの「ページビュー」と「表示回数」の違い2019/4/3AdSenseのレポートでよく見る「ページビュー」と「表示回数」の意味の違いを解説します。Form7」を利用せずに、Googleが提供する「Googleフォーム」を使ったお問い合わせフォームの作り方をご紹介します。プラグインBOKUこのサイトのほか、いろんなブログをWordPressで作っている男。テーマはAFFINGER5を愛用。BOKU関連記事AFFINGER52019/8/9AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。キャッチコピーはどうすれば表示されるのか?設定方法を解説します。AFFINGER52019/8/9AFFINGER5ヘッダー用メニュー(横列)のタイトル属性の設定法AFFINGER5(WING)のver20190801βより、ヘッダー用メニュー(横列)が設定できるようになりました。ヘッダー用メニュー(横列)では、タイトル属性でサブテキストも表示できますが、このタイトル属性が表示されないことがあります。AFFINGER52019/5/17AFFINGER5に「この記事は約何分で読めます」を表示する方法WordPressテーマ「AFFINGER5(WING)」の記事上に、自動的に「この記事は約何分で読めます」と表示させるカスタマイズをご紹介します。AMP2019/3/17AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法WordPressテーマ「AFFINGER5(WING)」のAMPページにスティッキー広告を表示させる方法を解説。AFFINGER52019/3/14AFFINGER5の404ページのカスタマイズ方法とサンプルWordPressテーマ「AFFINGER5(WING)」では、ウィジェットから404ページをカスタマイズ可能です。AMP2019/3/17AFFINGER5(WING)のAMPページカスタマイズまとめWordPressテーマ「AFFINGER5(WING)」のAMPページのカスタマイズ例をまとめました。AMPは機能に制限がありますが、カスタマイズをすれば少しはマシになります。