スマホでのカテゴリページの表示

カスタマイザーで固定フロントページにて固定フロントページが設定されているかと思いますが、これを解除すればリスト表示になるかと思います。

試してないのでできるかはわかりませんが、カスタマイザーでレイアウト(全体・リスト)より、最初だけ全文表示で、その下の固定ページもリストに含めるにチェックを入れてます。

トップに固定したいページを、通常の投稿で作り、編集画面の投稿ボタンに上にある「公開状態」の右側にある編集を押すと、「先頭に固定」とあると思うのでチェックを入れます。
そうすると、リストの最初にはこのチェックされた記事が出るようになります。

全文表示にすることで問題がある場合は、投稿記事を投稿記事の編集画面の右下あたりにある「ページ設定より」本文のみ(狭い・広い)等を選択することで上手く行くかも知れません。

ひとまず直さないといけない所(個人的に直しておいて欲しい所)はいくつかあるんですが、まずは表示が正しくなってからにしましょう。

現状だとogpの設定が重複しているので、正しく各々のSNSに情報が表示されないかも知れません。こういうのをまず正しく表示できるようになってから直していく必要があります。

あと、全文で表示している場合でと言うことならmoreタグを挿入することでもいけます。

[!–more–]
※ []は半角〈〉で書き換えてください。

ビジュアルエディターの場合はこんな感じです。

まぁこれはwordpressの機能なのでSimplicityは関係無いですが、続きを読むと言われるとこっちか？と思って追記しました。

Hidekichi 様

本当に有難うございます～。トップページはそうに作るのだったのですね。このサイトでうかがうことではなかったところを恐縮です。
早速やってみました。しかし、『・・記事を読む』の文言は出てこないようなので、moreタグで対応をしていきたいと思います～。あと、すみません・・・どこを直したらいいのでしょうか？こんなことをうかがってしまってもよいでしょうか？？

「記事を読む」と「続きを読む」がありますが必要なのはどちらでしょうか？

記事を読むというのは、デフォルトのトップページでリスト表示されている記事の状態で表示されます。
続きを読むは全文表示をしている時に、途中でいったん本文出力を止めて「続きを読む」のリンクを表示しておき、次の記事を表示させるwordpressの機能です。

続きを読むであれば、リンク先(#37662のリンク)のようにして、moreタグを入れればよいです(テキスト・ビジュアルモードどちらを利用しているかで異なる)。

記事を読むはいわゆる記事本文へのリンクなので、各記事カード内に表示されます。
どちらが必要なのかをレスしてもらって、その状態が表示されるようにした上でうまく表示できない場合は、その記事アドレスを書いてもらえると助かります。もしかするとcssで消えているだけかも知れませんので。

Hidekichi 様

お世話になります。

失礼しました！

『・・・記事を読む』という文言で、このサイトのスマホ表示のようにできればと思っていますー。

きっちり見たわけではないのですが、jetpackでモバイルの時の設定がしてありませんか？
もしそうならjetpackの設定からモバイル時の動作を解除して下さい。

Yoastプラグインでogpタグが出力されているようにされているかと思うんですが、こちらを優先される場合はカスタマイザーのseoからogpの挿入のチェックを外して下さい。逆の場合はYoastの方を出力しないようにして下さい。

ひとまずここまで。

hidekichi様、わいひら様

そうだったのですね！＞＜

ノンサポートの件は見逃していたと思います。

対策をこちらでまた考えてみます。

今回は失礼いたしました。そして有難うございました。

Hidekichi様、わいひら様

２カラムの変更をしたら、思い通りの表示になりました！
このたびは本当に有難うございました。

3カラムだからできないってことはないんです。
サイドバーが一個増えただけであるならそれはcssだけで2カラムと同じようにモバイル対応することはできます。
僕が見た時はモバイル時の表示の時に、見たことのないメニュー等が出てたので、あれがsimplicityの3カラムのモバイル表示なのか、jetpackがそうしているのかがわからなかったのでjetpackで設定してあるなら停止して欲しいと言う感じになりました。

仕組み的には、#body-inの中に、sidebar1とmain、sidebar2が並んでいるだけかと思うので、要はsidebar1(左サイドバー)をモバイルの時にどこに持っていくかだけの話かと思うんですけれども、記事を読むボタンが表示されていないのはこれとは関係無いように思います。

なので、もし3カラムが必要ということであれば、それを実装しているサイトのアドレスを公開してもらえればモバイル時でも問題なく表示するcssのサンプルを作ることは可能です。ただしできるだけカスタマイズしてない状態に限ると前置きさせて下さい。
jetpackやその他モバイル時の表示を変える機能を持ったプラグイン等が動作している場合、正しくcssを適用できない可能性があるからです。

正しく機能しているサイトのhtmlの構造がわかればcssでだいたいのスタイルはできると思います。できない場合はjQueryで強引にさせることもできますが、ここらは優先順位や書き換えたものをさらに書き変えられてしまうということがあるので、カスタマイズの方向によっては正しく動作しない場合もあります。
ここらは完全に独自のカスタマイズになるのでわいひらさんがそれぞれにサポートできないと言う点だろうと思います。ただ基本的な部分は何とかできると思うので、そこらで悩んでいる他の人がいれば僕個人的にヘルプはできると思います。

Hidekichi様、わいひら様

お世話になっております。仕事が夜間ですのでレスが遅くなってしまいすみません。

Hidekichi様のおっしゃるようにJETPACKのモバイル設定がされていました。その設定を外しまして、ヨーストのOPGもチェック外しました。しかし、完全レスポンシブで設定をしてもカテゴリページは改善できないようだったので、どーしよーと思って２カラムにしたらOKでした。もともとどうして３カラムを選んでしまったのかなと思っていたので、かえってちょうどよかったです。いろいろとお世話になってしまい、有難うございました。２カラムでいきたいと思います。またお世話になってしまうかもしれませんが、宜しくお願いいたしますー。