スポンサーリンク

Aff5管理の設定 WordPress関連

スマホ用カテゴリーの表示 トップページに Affing5管理

スポンサーリンク

トップページの編集   スマホ用新着記事周辺の下にカテゴリー一覧を表示

操作性の向上へ a

① スマホ(iphoneとiPadなど)のトップページの構成が、PC版のままでしたので、『Affinger5テーマ』更新の後ということもあり、少し変更することにしました。

なお、この記事は、私のもう1つのブログサイト『らるろま』でも、同様のことをしましたので、ほぼ同じ内容の記事となっております。(PC画面ですが、こちらのトップページにはこのように出ています。)

② 方法は、まず[外観]→[カストマイズ]→[ウィジェット] とクリックしつつ進みます。

③ 今回は「スマホ」の編集ですので、画面の左枠に表示されている[ウィジェット]の項目一覧から、一番下にある、画面サイズのコントロルを(PC,タブレット,スマホの図形)の中から右端の縦の長方形を選択します。この時、画面右のプレビューに、小さい縦型スマホ頬画面が表示され、右端のカーソルで上下にスライドもできます。これらはリアルタイムで変化します。ただ実際のスマホ上の画面変更は最終的に「スマホ(iPhoneなど)」で確認します。

④ 画面右のプレビューで、リアルタイムでのプレビュー(ライブpreview)を見ながらすすめると、「左枠の1番上の公開ボタン」を押さない限り、試すことができますので、まちがえたら、公開せずに、画面の外へいったん移動します。

⑤ 今回の変更は『スマホ画面のトップベージで、新着ブログなどの新規記事の下(現在の「お知らせ」のあたり、上か下か)に「カテゴリー一覧」を選択できる枠をウィジェットで表示する』ということです。

⑥ そういうことで、「ウィジェット一覧」から[トップベージ下部のウィジェット]を選択します。

⑦ 表示された[トップベージ下部のウィジェット]で、ウィジェットを追加するわけですが、ここでは上下どちらかの[「+」ボタン] →画像などの一般的なもの以外の選択になるので、下から[すべて表示] を選択してから、どっといっぱい表示されるウィジェットの中から[16-STINGERカテゴリー]を選択します。

⑧ そうしますと、画面右半分のリアルタイムのプレビュー(Active Preview)で見るかぎり、スマホの画面上の所定の場所へ「カテゴリー」が表示されることになります。ここでは、さらに、表示位置の変更や[カテゴリー]ウィジェットの形式の選択ができます。何もなくokであれば(あるいは変更を実際にスマホ画面を目で確認しながら進めたいなら)、そのまま[公開]ボタンを押します。

⑨ 表示位置を上下に移動させたり、[カテゴリー]ウィジェットのスマホ画面上での表示のしかたの選択もできます。ここでは例として[ドロップダウンで表示][投稿数を表示][階層を表示]を選ぶだけに留めておきます。おもに表示したい領域の広さに影響しますが、人によりけりと思います。

⑩ そうしますと、画面右半分のリアルタイムのプレビュー(Active Preview)で見るかぎり、スマホの画面上の所定の場所へ「カテゴリー」が表示されることになります。もしこれでokであれば、先ほども書きましたとおり、画面の左にある[公開]ボタンをクリックすると実際に反映されます。つまり、この[公開]ボタンは「更新」ボタンと同じです。noであれば、単に画面を左へもどして「移動しますか?」をクリックして、またここへ戻れば最初の状態に戻る(Undo)ことができます。

⑪ それでは、実際に変更した後のスマホ上の画面の表示で、「新着記事」の下あたりで、「お知らせ」の上あたりに[(このブログの)カテゴリー]を、普段は閉じておき、右端の上下矢印ボタンをクリックすることによって、ポップアップ(もしくはダウン)メニューが開くようにしたものをサンプル画像で載せておきます。

⑫ (問題点)ただ、WordPressバージョン 5.8へアップしたところ、今回はかなり大幅なアプデのようで、『ウィジェット』の更新にまだ慣れておりませんので、多少手間取っています。


⑬A (再掲)なお、この記事は、私のもう1つのブログサイト『らるろま』でも、同様のことをしましたので、ほぼ同じ内容の記事となっております。(PC画面ですが、こちらのトップページにはこのように出ています。)

以上です。それでは!

スポンサーリンク

スポンサーリンク

スポンサーリンク

こちらも見てね!

music YouTubeショートShorts

2022/12/6

ガレバン遊78  長調56 いろ長11  F#メジャー

YouTube ショート 353 (この記事にはYouTube動画があります。おおよそ中ほどに。) ガレバ遊 (353) (おかげさまで、350に達しました ありがとうございます!!)   今回のYouTube動画  Shorts YouTube動画タイトル : 「ガレバン遊78 長調56 いろ長11 F#メジャー (353) #Shorts」 動画の後半はガレバン(GarageBand)の簡単な鍵盤楽器の弾きをいれております(場合によりない場合もございます) (今回のF#メジャーの動画の内容) (sta ...

My YouTube YouTubeショートShorts 点字を学ぶ

2022/12/3

点字を学ぶ34 は行の「ほ」

点字 Shorts動画 ( Braille  ブレェィ(ユ)ゥ 〜 点字っていう意味だそうで) 352 (ひらがなの「は行」に入っています) ひらがな 〜 は行 「ほ」 YouTube動画タイトル : 「点字を学ぶ34 は行の「ほ」(352) #Shorts」 ① 日本での点字の代表的な表現の1つ 「6字式点字」は たて3点よこ2点の 6点の組合せで 作られています(下図は「母音(=あ行)」の「あ」〜「お」の点を入れたもの) ポイント :  「は行」は、母音(あ行)の、おのおのの点字(文字)に「第3と第6 ...

VTuber メタバース 雀魂 麻雀

2022/12/2

はじめての段位戦 対戦記 雀魂(2)

雀魂で遊ぶ 話題のネット対戦型ゲーム [A] 段位戦 はじめました  広告 前回に最初の記事にしましたが、ブラウザ版(いわゆるweb版)でMacBookですので簡単です。iPhone/iPadなどでできる「iOS系アプリ版」もありますが、大きい画像とうごき文字の方が操作がやりやすくて良いかなと。(YouTube動画とかVTuberは現在のところ未定です) [B] 段位戦  〜 対戦の経緯などを少しずつ  (多少、前回のと重複する点もあります)    (B-1) 雀魂のホーム画面 (start1) ブラウザ ...

5文型 Myおすすめ YouTubeショートShorts 英語 English

2022/12/1

観る英文法12 5文型の7 第5文型

English (連番12)  Shorts動画 351 (英語の中の英文法) 英文法 「5文型」 (7) 第5文型(SVOC) YouTube動画タイトル : 「観る英文法12 5文型の7 第5文型 (351) #Shorts」 観る英文法12 〜  5文型(7) (1)主語と動詞のある英文は「5文型」のタイプのどれかに該当するということで、今回は「第5文型」です 今回は、第5文型 です。 (1)第5文型は「SVOC=主語、動詞、目的語、補語」です (S) 5文型の最後は 第5文型(SVOC)です 主語 ...

music YouTubeショートShorts

2022/11/29

ガレバン遊77  長調55 いろ長10  Bメジャー

YouTube ショート 349 (この記事にはYouTube動画があります。おおよそ中ほどに。) ガレバ遊 (349) (おかげさまで、340に達しました ありがとうございます!!)   今回のYouTube動画  Shorts YouTube動画タイトル : 「ガレバン遊77 長調55 いろ長10 Bメジャー (349) #Shorts」 動画の後半はガレバン(GarageBand)の簡単な鍵盤楽器の弾きをいれております(場合によりない場合もございます) (今回のBメジャーの動画の内容) (start ...

-Aff5管理の設定, WordPress関連