WORDPRESS

AFFINGER6「スマホ用サイドバーウィジェット」表示・非表示のカスタマイズ設定方法【ワードプレスブログ「完全初心者」ガイド】

AFFINGER6「スマホ用サイドバーウィジェット」表示・非表示のカスタマイズ設定方法【ワードプレスブログ「完全初心者」ガイド】
 

専業ブロガー5年目のあずきです🐥

 

当ブログでも愛用中の人気WordPressテーマ「ACTION AFFINGER6」における…

「スマホ用サイドバーウィジェット」表示・非表示のカスタマイズ設定方法

について、ブログ初心者さん向けに1からわかりやすく解説していきます

 

WordPressにおける「サイドバーウィジェット」というのは、まず「PC」上だとブログ画面の【右列】にあたる…

AFFINGER6「サイドバーウィジェットをスマホ側でも表示させる方法」 top-01

↑ こちらのエリア(赤枠部分)に設置するウィジェットを指しますが、ACTION AFFINGER6ではこの「サイドバーウィジェット」が…

スマホ側だと非表示

に初期設定されているんですね

 

設置したサイドバーウィジェットを「スマホ側」でも表示させることは可能ですが、スマホの場合はあくまで、PCのような画面【右列】のエリアではなく…

AFFINGER6「サイドバーウィジェットをスマホ側でも表示させる方法」 top-02-a

↓(設定後の一例)

AFFINGER6「サイドバーウィジェットをスマホ側でも表示させる方法」 top-02-b

↑ このように、全ページの…

コンテンツおわり

のエリアに追加される形です

つまり、「フッターエリア(最下部)のすぐ上側」に設置されるよ!
 

そんなACTION AFFINGER6における【サイドバーウィジェットをスマホでも表示させる方法】について、さっそく見ていきましょー🐥

 

▼ ACTION AFFINGER6の「購入・導入手順」はこちらから ▼

【2022年12月】AFFINGER6の購入・導入手順を1から徹底解説。子テーマまで【ワードプレスブログ「完全初心者」ガイド】

AFFINGER6の購入・導入手順を1から徹底解説。子テーマまで【ワードプレスブログ「完全初心者」ガイド】
【2022年12月】AFFINGER6の購入・導入手順を1から徹底解説。子テーマまで【ワードプレスブログ「完全初心者」ガイド】

続きを見る

  • 「ACTION AFFINGER6」が実際に使用できるようになるまでの ”一連の手順” を、
    画像付きでまるっと解説しています
  • 作業そのものは、正味【15分程度】でおわります(子テーマまで含めて)

インフォトップ ワードプレステーマ売上

公式:ACTION AFFINGER6

すごいもくじLITE

の限定特典キャンペーンも実施中!!!

※2021年発表Infotop Affidemy

AFFINGER6「スマホ用サイドバーウィジェット」表示・非表示のカスタマイズ設定方法【ワードプレスブログ「完全初心者」ガイド】

WordPress ヘッダー c-01

注意

当ブログガイドは、WordPressの編集エディタが「グーテンベルグ」ではなく…

クラシックエディタ

の前提で解説しています(圧倒的に使いやすく、またユーザー数の多さから「情報もググりやすい」のでおすすめです)

 

そのため、使用されているWordPress環境が…

  • 無料プラグイン「Classic Editor」を有効化していない
  • または、AFFINGERに付属の「Gutenbergプラグイン2」を有効化している

といった状態だと、「画面のデザインや設定方法が当ページの内容と異なる」可能性がありますのでご注意ください

 

なお「Classic Editor」の有効化手順は、下記のステップとなります(一瞬です)

  1. WordPress管理画面から、左側の プラグイン > 新規追加 を順にクリック
  2. 右上の検索フォームに「Classic Editor」と入力し、表示された「Classic Editor」の インストール > 有効化 を順にクリック 

「クラシックエディタとグーテンベルグってなに…?」という場合は、こちらで1から解説しています ↓ ※重要です

WordPressクラシックエディタ・グーテンベルグとは?Classic Editorの導入方法【ワードプレスブログ「完全初心者」ガイド/第4章/No.6】
WordPressクラシックエディタ・グーテンベルグとは?Classic Editorの導入方法【ワードプレスブログ「完全初心者」ガイド/第4章/No.6】

続きを見る

 

まずは、WordPress管理画面の左下にある…

AFFINGER管理

をクリックして「AFFINGER 管理」の設定画面を開き、さらにそのなかの左側一覧から…

全体設定

というタブをクリックしましょう

 

「全体設定」タブを開くと、そのなかに…

AFFINGER6「サイドバーウィジェットをスマホ側でも表示させる方法」 1-01

↑「スマホのサイドバーを非表示にする」という項目があるので、こちらを「チェックなし」に変更します

 

チェックを外したら、右上の「Save」ボタンを忘れずにクリックして、設定はもう完了です

一瞬だった
 

実際の画面上で確認してみると、ブログの下部エリアに…

AFFINGER6「サイドバーウィジェットをスマホ側でも表示させる方法」 1-02

↑ 初期状態では表示されていなかったPC側の「サイドバーウィジェット」が、スマホ上でも無事表示されました🐥

 
 

人気記事

 

あずきのワードプレスブログ「完全初心者」ガイド!

「全8章」の総合TOPページです

あずきのワードプレスブログ「完全初心者」ガイド

 

あずき猫 - Azuki Cat

猫です。独立5年目の専業ブロガー / アパレル歴10年 / Twitterでは、ブログに限らず「色々うまくいかへん…」「どないしよ…」というときのための、本質的な思考を発信しています。ニャー!!!

-WORDPRESS