スポンサーリンク

(広告)Amazon

広告 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画面ですが、こちらのトップページにはこのように出ています。)

以上です。それでは!

スポンサーリンク

スポンサーリンク

スポンサーリンク

こちらも見てね!

イベント情報 ガチャの簡単フローチャート 天鳳 雀魂 雀魂天鳳対戦記まとめ

2024/5/24

かんたん途中経過 メモ風 雀魂・天鳳対戦記まとめ(17)

5/24 更新)  5月も下旬   〜  つづいて 進行中 かんたん 途中経過     (5月15日分まで   2024) (広告) [A] 今回のイベント   概要 (広告) (雀魂 スマホケース iphone保護ケース) リンク (新イベント はじまったばかり!) 『輝くステージに轟け!』 5/22(水)メンテナンス後 ~ 6/5(水) 5:59 <報酬交換期間は6月6日(木) 5:59まで> ①-1-1 5/22(水)メンテナンス後 ~ 6/5(水) 5:59 までの間 『輝くステージに ...

イベント情報 ガチャの簡単フローチャート 天鳳 雀魂 雀魂天鳳対戦記まとめ

2024/5/16

かんたん途中経過 5月 メモ風 雀魂・天鳳対戦記まとめ(16)

5/16 更新)  5月もなかば   〜  つづいて 進行中 かんたん 途中経過     (5月15日分まで   2024) (広告) (広告) リンク [A] 今回のイベント   概要 (広告) リンク (新イベント 現在進行中) 『着せ替え復刻投票』5/11(土)12:00〜 5/18(土)05:59 ①-1 5/11(土)12:00〜 5/18(土)05:59までの間「着せ替え復刻投票」が行われています。(最初の日からやっている方は、順調に進んでいる頃です) (手順) ①-2 期間の間の毎日、メニュ ...

YouTubeショートShorts リボン 駄菓子屋さんのあめ玉

2024/5/10

駄菓子屋さんのあめ玉 (466)

YouTube ショート 466 (この記事にはYouTube動画があります。おおよそ中ほどに。) アイスクリーム (466) (おかげさまで、460に達しました ありがとうございます!!)   今回のYouTube動画  Shorts (5月のさわやかな季節にぴったり! あめ玉! YouTube動画タイトル : 「駄菓子屋さんのあめ玉 (466) #Shorts」 今回は「お口の中で転がる美味しさ」の『駄菓子屋さんのあめ玉』です! (画像は「いらすとや」さんから) ビタミンC配合です。 (広告) 駄菓子 ...

イベント情報 ガチャの簡単フローチャート 天鳳 雀魂 雀魂天鳳対戦記まとめ

2024/5/8

かんたん途中経過 5月 メモ風 雀魂・天鳳対戦記まとめ(15)

5/8 更新)  GWが終わって   つづいて 進行中 かんたん 途中経過     (5月7日分まで   2024) [A] 今回の 概要 (広告) リンク (速報) 5/8朝で  雀魂  イベント 「(ブルーアーカイブコラボ) 学園祭り大騒ぎ!」が終了 ①-1 4/17から5/8am5:59までの間「ブルーアーカイブ x 雀魂コラボ 学園祭り大騒ぎ!」が行われていました。(現在は終了しています) 今回のイベント「(ブルーアーカイブコラボ) 学園祭り大騒ぎ!」 時々は、メインメニューの画面上の「イベント」 ...

イベント情報 ガチャの簡単フローチャート 天鳳 雀魂 雀魂天鳳対戦記まとめ

2024/5/1

かんたん途中経過 5月 メモ風 雀魂・天鳳対戦記まとめ(14)

5/1 更新)  GW真っ只中   つづいて 進行中 かんたん 途中経過     (4月30日分まで   2024) [A] 今回の 概要 (速報) 5/1に  雀魂 「イベント」→「メール」で「獲得報酬」が来ていますよ! (詳細は、この記事のなかほど) 雀魂 メイン・アカ1(サブ垢もあるので) 雀豪★2に昇段(4/30) (1) 4/17より始まった「新イベント」の「(ブルーアーカイブコラボ) 学園祭り大騒ぎ!」でいろいろなことをクリアして、コイン・アイテムなどを入手! (5/8まで) 今回のイベント「 ...

-Aff5管理の設定, WordPress関連