スマホ設定

【CSS不要】スマホヘッダーに影を追加する方法

CSSを追加せずにスマホヘッダーの境界線に影を追加する方法をご紹介します。簡単にやり方を説明すると、「適応IDをコピーし、AFFINGER管理のドロップシャドウの項目に貼り付ける」これだけです。それでは具体的な手順を解説していきます。スマホヘッダーに影を追加する方法手順１．まずは以下の適応IDをコピーしてください。 #s-navi dt これがスマホのヘッダー部分の適応IDです。２．次にWordPressのダッシュボードを開き、「AFFINGER管理」→「全体設定」の順にクリック。３．「 ...

スマホのヘッダーを固定orスクロール追尾する方法

今回は、スマホのヘッダーを「固定」or「スクロール追尾」する方法について書いていきます。 AFFINGER6で設定できるスマホヘッダーの表示パターンは3つ。【通常】：ヘッダーは固定されません【固定】：常にページ上部にヘッダーが固定されます【スクロール追尾】：下へスクロールするとヘッダーは消え、上へスクロールすると消えたヘッダーが現れます表示パターンのイメージ通常固定スクロール追尾表示パターンの設定は「カスタマイズ」で行います。この記事では、スマホヘッダーの表示パターン設定「ヘッダー背 ...

スマホヘッダーに影をつけてぼかし強度を変更する方法

「アフィンガーはスマホヘッダーの境界線がわかりにくい…」「SANGOみたいな感じで境界線に影をつけたいな～！」「影の大きさも変更できないかなぁ…」という悩みを解決します。この状態を目指します！これはSANGOのヘッダーです結論からいうと、CSSを追加して数値を変更すれば可能です。この記事では、スマホヘッダーの境界線に影をつける手順影の幅とぼかし強度を変更する方法この2つを解説していきます。スマホヘッダーの境界線に影をつける手順追加するCSSをコピーするまずは以下のCSSをコピーして ...

スマホ検索メニューの設定｜広告やタグを表示させる方法

今回は、スマホ検索メニューの設定について解説していきます。スマホ検索メニューとは、スマホサイトのヘッダーに表示させた虫眼鏡アイコンをクリックすると出現するメニューのことです。スマホ検索メニューは、オーバーレイスライドこの2種類が選択できますオーバーレイスライド検索メニューの中には、検索フォームタグ（キーワード）メニュー（カテゴリー）広告などなど、自由にコンテンツを挿入できます。それでは、スマホ検索メニューの設定方法から、スマホ検索メニューに広告やタグを表示させる方法までの手順を解説して ...

スマホのスライドメニュー内にバナー広告を表示させる方法

という悩みを解決します。スライドメニュー内にバナー広告を表示させる方法は3パターンあります。マイブロックに登録しショートコードをウィジェットに貼り付けるウィジェットに直接広告コードを貼り付けるブロックエディタで整形したコードをウィジェットに貼り付けるいちばん簡単なのは ①の「マイブロックに登録しショートコードをウィジェットに貼り付ける方法」です。今回はこの方法を詳しく解説していきます。「マイブロック」とはよく使うブロックパターンを登録しておくことで簡単に呼び出せるようになるAFFINGER6専 ...