当ページのリンクには広告が含まれています。 Customize AFFINGER

AFFINGER6 サイドバーウィジェットをスマホで表示させる方法!

AFFINGER6 サイドバーウィジェットをスマホで表示させる方法!

こんにちは "osaboo"です。"@osaboo_Bot"

Question
Question

AFFINGER6 でサイドバーのウィジェットを表示させるにはどうするの?

\\ このような「疑問を解決する」お手伝いをします!//

AFFINGER6 のデフォルト設定では、表示されないようになってるんだよね。
表示するのは超簡単!!一瞬で終わるよ。^^

osaboo
osaboo

こんな方におすすめ!

  • WordPressテーマ ▶︎ AFFINGER6を使っている。
  • ブログのスマホ表示は?いまいち…
  • スマホにもPCと同じようにサイドバーのウィジェット(プロフィール・おすすめ記事・広告)を表示したい。

今回の記事では…

PCをメインにブログを書いてると見落としがちなサイトバーに表示しているウィジェット(プロフィール・おすすめ記事・広告)をスマホで表示する方法をご紹介します。

サイドバーのウィジェットを意識してサイトを作り込んでいる方は多いと思います…が、AFFINGER6では、そのサイドバー部分はデフォルトの設定ではスマホに表示されないようになっています。◀︎「せっかく作ったのに!!」ですよね。

スマホの場合、PCと同じようにサイドに表示することはできませんが、記事の下につづけて表示することができます。
見落としがちな設定(表示)箇所なので…ついついほったらかし!?(筆者)^^"

※ 表示・非表示の設定は簡単なので是非トライしてください。

それではご覧ください。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

AFFINGER6 標準的なサイトレイアウト【サイドバーのウィジェットにつて】

この章では、AFFINGER6の「標準的なサイトレイアウトの画像」を用いて 設定箇所の説明をします。

サイト全体のレイアウトは、基本的に以下の画面のようになっています。

サイドバーのウィジェットとは、以下の画面の赤枠部分を指します。

多くのサイトでは、「プロフィール・サイドバーメニュー・おすすめ記事一覧・広告」等を表示しています。

それでは、設定する箇所の確認をしましょう。

ウィジェット-全体レイアウト
「標準的なサイトレイアウトの画像」

https://affinger.com/action-manual/widgets/

※ 次の章では、この部分を、スマホで表示する設定をご紹介します。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

AFFINGER6管理画面での設定方法【スマホのサイドバーを表示する手順】

この章では、AFFINGER6管理画面で「スマホのサイドバーを表示する手順」をご紹介します。

『AFFINGER管理>全体設定』をクリックして、『サイト全体の設定』を表示します。

下側にスクロールして『サイト全体のレイアウト一括設定※ここの設定が最優先されます』まで移動します。
その中の『スマホのサイドバーを非表示にする』のチェックを外します。最後に『Save』をクリックして完了です。

AFFINGER管理-全体設定

※ 本記事の設定では『AFFINGER管理』のメニューを編集します。

ロリポップレンタルサーバーをお使いの方は、ドメインの『WAFの設定』を一時的に無効 にしてください。◀︎『403 Error』が出た場合。

AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!
AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!

ロリポップ!レンタルサーバーを使用してAFFINGER6(ACTION)のヘッダー等の表示系をカスタマイズするとセーブ時に『403 Error』が表示されセーブできない! こんな時はロリポップユーザー専用ページにログインしてWAFの設定を無効にするだけ!

サイドバーのウィジェットに配置する項目として、以下の2記事もご覧ください。参考になるかと思います。

まとめ!AFFINGER6▶︎サイドバーウィジェットをスマホで表示させる方法!

簡単な設定ですが、見落としがちな設定の1つです。意図して、スマホにサイドバーウィジェットを表示しないのであれば良いのですが、気が付かずに表示していないのは残念です。また、表示したいのに表示の設定箇所がわからないのはもっと残念です。なので…本記事を参考に「スマホでサイドバーウィジェットを表示する」パターンを検討してみてください。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

WordPressテーマ

ACTION / AFFINGER6
コスパ最強のWordPressテーマ

action-affinger6-ex-1a

AFFINGER

WordPressテーマ

シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ

SWELL

AFFINGER6_おすすめ記事!

【2023年版 Wordpressテーマ】AFFINGER6とSWELL徹底比較!両方使ってみた 1

WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。

【特典付き】AFFINGER6(ACTION)を使って2年目のレビュー!メリット・デメリットを完全解説 2

AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを目線を合わせてご紹介。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意!しました。

AFFINGER6 初心者がオススメする購入方法【特典付きを購入しよう!】 3

WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。また購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。

AFFINGER6▶︎AFFINGERタグ管理マネージャー4 ver.4.1.1 の使い方! 4

AFFINGERタグ管理マネージャー4 ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。

-Customize AFFINGER
-

PAGE TOP