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. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

「投稿一覧」の乱れ
 
共有:
通知
すべてクリア

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

20 投稿
4 ユーザー
13 Reactions
1,418 表示
(@7dawne2)
Active Member Registered
結合: 4年前
投稿: 8
トピックスターター  

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

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

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

 

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

投稿リスト

タイトル 投稿者 カテゴリー タグ コメント 日付 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)
Illustrious Member Moderator
結合: 4年前
投稿: 8120
 

7dawne2さん

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

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

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、7dawne2 さん

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

 

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

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


   
わいひら reacted
(@7dawne2)
Active Member Registered
結合: 4年前
投稿: 8
トピックスターター  

@mk2_mk2 様

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

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

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

7dawne2

 


   
(@7dawne2)
Active Member Registered
結合: 4年前
投稿: 8
トピックスターター  

@leafytree

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

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

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

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

7dawne2

 

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8120
 

7dawne2さん

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

 

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

 

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


   
わいひら reacted
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk様

ありがとうございます。

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

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

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

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

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

7dawne2


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8120
 

7dawne2さん

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

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

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

 

そこで。。。

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

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

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

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

 

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


   
7dawne2 and わいひら reacted
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk2様

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

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

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

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

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

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

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

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

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

7dawne2

 

 


   
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk2様

どうぞよろしく。

7dawne2


   
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk2様

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

7dawne2


   
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk2様

その4.もう少し。

7dawne2


   
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk2様

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

7dawne2


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8120
 

7dawne2さん

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

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


   
わいひら reacted
(@7dawne2)
Active Member
結合: 4年前
投稿: 7
 

mk2様

同じ現象です。

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

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

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

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

7dawne2


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8120
 

7dawne2

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

はい、そうですね。

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

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

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

 

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

 

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

ありがとうございます。

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

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

   
7dawne2 and わいひら reacted
(@7dawne2)
Active Member Registered
結合: 4年前
投稿: 8
トピックスターター  

mk2様

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

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

Thank you for this 平和。

7dawne2


   
mk2 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@7dawne2 さん

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

 

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

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

 


   
わいひら and 7dawne2 reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@7dawne2 さん

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

 

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

この投稿は4年前ずつリフィトリーに変更されました

   
(@7dawne2)
Active Member Registered
結合: 4年前
投稿: 8
トピックスターター  

リフィトリー様

ありがとうございます。

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

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

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

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

7dawne2


   
共有:

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

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

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

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

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

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

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

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