現在「イノセンス」スキンを適用中です。

「投稿一覧」の乱れ | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

対象のページのURL:

相談内容:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

スポンサーリンク
共有:
通知
すべてクリア

[解決済] 「投稿一覧」の乱れ


7dawne2
(@7dawne2)
Active Member
結合: 1か月前
投稿: 5
Topic starter  

初期設定で問題続出、困っています。

対象のページのURL: https://hellokinsey.blog

相談内容:「投稿一覧」の表が壊れています。下記はそのページのコピーですが、実際の見え方とは異なります。実際には、表の上段・下段の青字「タイトル」が縦書きしかも左半分、投稿者の字と重なっています。

 
スポンサーリンク

投稿リスト

タイトル投稿者カテゴリータグコメント日付ID文字数PVアイキャッチ
投稿が見つかりませんでした。
タイトル投稿者カテゴリータグコメント日付ID文字数PVアイキャッチ

 

解決のために試したこと:色々調べた結果、Cocoonのインストールに不手際のあったことがわかりました。子テーマのインストールが不完全なうちに、親テーマに初期設定を始めてしまいました。そこで、子テーマをインストール・有効化してまたテーマのリセットを行いましたが、表は壊れたままです。高速化のチェックは外しました。

このフォームが相談の書き込みの場所であるかどうかも、よくわからないまま、また、登録後のプロファイルも記入方法がわからないまま、こうして書いています。いろいろ不都合があるでしょうが、どうぞよろしくお願いします。

7dawne2

 

下に環境設定のコピーを添付します。

サイト名:キンジーの時間
サイトURL: https://hellokinsey.blog 
ホームURL: https://hellokinsey.blog 
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-child-master/skins/skin-wa-blue/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.9
カテゴリ数:1
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------

mk2
(@mk2_mk2)
メンバー Moderator
結合: 3か月前
投稿: 947
 

7dawne2さん

以下の画像のような症状ということでしょうか。

 
 
もし、そうであれば。
  • ブラウザのウィンドウ幅を広げてみる
  • 投稿一覧右上の「表示オプション」⇒「カラム」で、表示項目を減らす
 
 
上記対応で、緩和できると思います。

わいひら 件のいいね!
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5368
 

前略、7dawne2 さん

以下の過去のトピックが参考になりそうです。

 

[解決済] ダッシュボード(投稿一覧)の表示がおかしい

https://wp-cocoon.com/community/postid/30391/


わいひら 件のいいね!
7dawne2
(@7dawne2)
Active Member
結合: 1か月前
投稿: 5
Topic starter  

@mk2_mk2 様

早速のご回答をありがとうございました。私の問題はまさしくご指摘の、それ、なのです。小躍りしてご指示通りに表示数を減らしました。少し、たくさん、もっとたくさん。そして「適用」を押しました。でもいずれにも改善がみられません。壊れた表はそのままです。

私は野口悠紀雄先生曰くのいわゆるパラシュート型で、PCの知識はごくごく限られていて、第一の選択肢である「ブラウザーのウィンドウ幅を広げてみる」ですら、どうすればいいのか、わかりません。こちらも詳しくお教えいただけますか。

まったくの素人でもできるブログ、というタイトルを信じてずぶの素人が参考書ブログと参考書動画を何回も読んで見て、ここまで来ましたが、この壁は当然といえば当然のものです。この1週間は毎晩遅くまで、こうか?これか?と頭を捻ってきました。でも、この問題は解決まで、もう一歩の模様、どうぞどうぞ、さらなるご指導のほどよろしくお願いします。

7dawne2

 


7dawne2
(@7dawne2)
Active Member
結合: 1か月前
投稿: 5
Topic starter  

@leafytree

早速のご回答をありがとうございました。mk2様よりもご回答いただき、その結果を返信にてmk2様にお伝えしたところでleafytree様からのご回答に至り、さっそく読ませていただきました。お二人の回答内容は同じで、複数の先生から回答をいただく、とはなんと贅沢な、なんと素晴らしい、と感嘆しているところです。

結果をお伝えしますと、ご指示通りに表示数を減らしましたが、残念ながら(きっと私があちこち小さく壊しているからです)投稿一覧は壊れたまま。mk2様にブラウザーの幅を広げる方法をお尋ねしました(この程度の知識しかありません)。

また壁の前で足踏みが始まりましたら、ご相談させてください。

感謝しています。昨夜は、世の中に私は一人、と孤独感プラス絶望感でいっぱいでした。ご回答をありがとうございました。

7dawne2

 

 


mk2
(@mk2_mk2)
メンバー Moderator
結合: 3か月前
投稿: 947
 

7dawne2さん

もしかすると、他の原因もあるのかもしれませんが、まずはお試しいただければと。

 

1番手っ取り早いのは、ブラウザ右上の四角のアイコンをクリックして、ウィンドウを最大化することかもしれません。

 

うまく画像に収まりませんでしたが、簡単にデモンストレーションしてみましたので、ご参考にどうぞ。


わいひら 件のいいね!
7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk様

ありがとうございます。

昨夜は下の「私はロボットではありません」に気付かなかったので、私からの返信が無効になっているのでは、と思いもう一度の返信を試みています。

管理画面は常に最大化されていたので、「ブラウザーの幅を広げてみる」も残念ながら問題の解決には繋がりませんでした。

そこで質問なのですが、この問題は将来他に問題を引き起こす種類のものでしょうか?不具合は管理画面だけのもので、どうにか投稿一覧の機能は満たしているので、このままカスタマイズを続けてもいいものでしょうか。

それではよろしくない場合、最後の手段として、現在インストールされている親・子テーマをアンインストールして新しくインストールをし直す方法を考えましたが、それは有効でしょうか。

どうぞよろしくご示唆ください。

7dawne2


mk2
(@mk2_mk2)
メンバー Moderator
結合: 3か月前
投稿: 947
 

7dawne2さん

残念ながら、私は事象を把握している訳ではありません。
推測で、回答させていただいているに過ぎません。

そのため、今のところ何とお答えすべきかは分からないです。

本来であれば、実際のサイトを見せていただくのが、早いですし事象を正確に把握できます。
しかしながら、今回の事象は管理画面のことであり、ログインユーザーにしか確認のしようがありません。

 

そこで。。。

「投稿一覧」のスクリーンショットをとっていただき、画像の添付をしていただくことは可能でしょうか。
(私の最初の返信のような画像を添付するイメージです。)

どういうことが起きているのか、確認させていただきたいです。

Windows10であれば、「Snipping Tool」や「切り取り & スケッチ」を使うのが簡単だと思います。

 
 
その他バージョンやmacの場合は、「Windows8.1 スクリーンショット」「mac スクリーンショット」等で検索すれば、分かると思います。
 
 
 
スクリーンショットはブラウザ画面を最大化した状態で、「表示オプション」⇒「カラム」を操作して、何枚かとっていただきたいです。
  • 項目数が最大の場合
  • 「カラム」のチェックをいくつか減らした状態を何パターンか

 

なお、このフォーラムは1つの返信に1枚の画像しか添付できませんので、画像枚数分に返信を分けていただくようお願いします。
添付は、エディタ下部の以下のボタンをクリックすればできます。


7dawne2わいひら 件のいいね!
7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk2様

ご丁寧な説明に感謝します。

多数回の試行錯誤を経て、これからこの返信も含めて全5返信をします。

この通信:最大項目数999のショット。

第二通信:初期設定の20項目。

第三通信:少し減らした12項目。

第四通信:チェックを二つ外しました。

第五通信:チェックを4つ減らしました。

お求めのスクリーンショットはこれでよろしいですね。

お忙しい方とは重々承知しています。その中で私の問題のためにお時間を割いていただき、本当にありがとうございます。

7dawne2

 

 


7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk2様

どうぞよろしく。

7dawne2


7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk2様

これはなんばー・3です。

7dawne2


7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk2様

その4.もう少し。

7dawne2


7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk2様

これが最後になります。どうぞよろしくお願いします。

7dawne2


mk2
(@mk2_mk2)
メンバー Moderator
結合: 3か月前
投稿: 947
 

7dawne2さん

No.4やNo.5では解消しているように見受けられますが。。。

私が思っていることとは、違う事象のことなのでしょうか、もしかすると。


わいひら 件のいいね!
7dawne2
 7dawne2
(@7dawne2)
ゲスト
結合: 1か月前
投稿: 7
 

mk2様

同じ現象です。

目を疑いました。No.4とNo.5では大丈夫、というご回答を見て、そんな、とすぐに管理ページを開きました。まあ、きれいにきちんと既定の形で収まっているではありませんか。

途中から改善したということは、つまりはずらりと並んでいるカラムのアイテムが減ったことで正常に戻ったということですか?このチェックを外す試みはご相談の前でも途中でも、してみたけれど変化なしでした。不思議です。とても不思議です。説明がつきますか?

つまりは、このままカスタマイズ化を続けていい、ということですね。

ありがとうございました。なんとお礼を申し上げればよいのでしょう。お時間をたくさん割いていただきました。評価をする場所が見当たらないので、ここで最大の感謝をお伝えします。きっとこれからもお尋ねすることが多々あるかと思います。その際はどうぞよろしくお願いします。

7dawne2


mk2
(@mk2_mk2)
メンバー Moderator
結合: 3か月前
投稿: 947
 

7dawne2

つまりはずらりと並んでいるカラムのアイテムが減ったことで正常に戻ったということですか?

はい、そうですね。

WordPressの投稿一覧は、融通のきかないヤツで、表示項目単位に横幅が調整できません。

そのため、たくさんの項目を表示している場合、ぎゅうぎゅう詰めで行き場がなくなってしまい、縦に長くなったり、お隣さんと重なったりしてしまいます。

そういう場合は、ブラウザ画面の幅を広げるか、表示項目を減らすしかないです。

 

添付いただいた画像を拝見する限りは、7dawne2さんの環境に問題はないように見受けられますので、このまま環境構築を進めていただいて問題ないと思います。
(言い換えれば、今回の問題は誰にでも起こることです。)

 

評価をする場所が見当たらないので

ありがとうございます。

このフォーラムでは、それに該当するのは「いいね!」なのですが、以下のとおりフォーラム登録者しか利用はできません。

 
今後もフォーラムをご利用でしたら、登録しておいた方が良いかもしれませんね。
(登録しなくても利用はできますが。)
 
というか、最初は登録されたメンバーだったような気がしますが。。。
もしかすると、パスワードが分からなくなってしまいましたか?

7dawne2わいひら 件のいいね!
7dawne2
(@7dawne2)
Active Member
結合: 1か月前
投稿: 5
Topic starter  

mk2様

ありがあとうございました。

怒涛の1週間が過ぎ平和。そう言えば、投稿フォームが見当たらないので新規登録の手続きをしたのでした。すっかり忘れていました。新しい環境では慣れるまでが大変。失礼をお許しください。あすからカスタマイズの作業です。ストレス大で体重が減ります。ブログのスタートまでもう一息、勝負時です。

Thank you for this 平和。

7dawne2


mk2 件のいいね!
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5368
 

@7dawne2 さん

パソコンの画面が小さいときは、Windowsのタスクバーの設定で、「デスクトップモードでタスクバーを自動的に隠す」をONにしておくとか、作業によっては、タスクバーを画面下に移動する、などすると良いかもしれません。

 

超簡単!Windows10 タスクバーの位置を移動・固定する

https://pc-kaizen.com/win10-move-and-fixed-taskbar

 


わいひら7dawne2 件のいいね!
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5368
 

@7dawne2 さん

あと、画面が小さいパソコンの場合は、大きなディスプレイを買って接続して、2画面で作業するという手もあります。

 

ディスプレイを買わなくても、テレビに繋ぐという方法もあります。

This post was modified 1か月前 by リフィトリー

7dawne2
(@7dawne2)
Active Member
結合: 1か月前
投稿: 5
Topic starter  

リフィトリー様

ありがとうございます。

早速、タスクバーの勉強をして、いろいろ触り、なるほどと納得の上、タスクバーを隠しました。アドバイスを感謝します。

ということは、つまり私の問題は小型のPCに変えたことがそもそもの原因だった、ということになります(その変更はサーバーの購入をしているときにウィルスに汚染されたためでした)。小型になって確かにテン・キーはなくなりましたが、画面は同率の縮小がなされていて、そうした物理的スペースの縮小がこういう問題を生むとは、夢にだに思わず。

この度の問題対処では、たくさんの新しいことを学びました。先生方のおかげです。このページにはカスタマイズのサポート情報もあり、PC関連知識が最低限レベルの私としてはヘルプ!!と叫びたい誘惑に駆られますが、そこは辛抱。全力を尽くします(とりあえず、しばらく)。

ありがとうございました。

7dawne2


わいひらリフィトリー 件のいいね!
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年10ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年8ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon
タイトルとURLをコピーしました