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カスタマイズ依頼

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

投稿ページでメインメニューの下に表示さ...
 
共有:
通知
すべてクリア

[解決済] 投稿ページでメインメニューの下に表示されるカテゴリと写真を非表示にしたいです。

16 投稿
3 ユーザー
16 Reactions
4,876 表示
 arys
(@arys)
New Member Registered
結合: 5年前
投稿: 2
Topic starter  

いつもお世話になっております。

素晴らしいテーマを有難う御座います。

それでは質門させて頂きます。

投稿ページでアイキャッチ画像を設定すると ブログのコンテンツ内上部?メインメニューの下?に

表示されるアイキャッチ画像とカテゴリ名を全ページ非表示にすることは可能でしょうか?。

 

サイドバーを右側に配置してそこへ新着記事ウィジェットを配置しているのですが、その中の該当のものが左側コンテンツ内、最上部に、メインメニュー下に、

ウィジェット内のアイキャッチ画像とカテゴリ名と記事タイトルが表示されています。これを非表示にしたいです。

ブログ初心者のためどのようにご説明したらよいのか分かりません。すみません。

位置的にはアピールエリアの部分?に表示されるアイキャッチ画像とカテゴリ名とタイトルです。

理想はヘッダーがあり、その下にh2から始まるコンテンツ、右側にサイドバー、サイドバートップに新着のウィジェットと配置したいです。

ご教授願えましたらありがたく思います。

どうぞ宜しくお願い致します。

 

 

 

 

 


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

arys さん

Cocoonには、沢山オプションがありますので、arysさんがどのような状態で、利用されているのか、他の人にはわかりません。

 

想像で、やり取りすることも、できなくはないかと思いますが、お互いの認識の齟齬が生じ易く、簡単に済む話も、非常に長いやり取りを要してしまうことが考えられます。

 

ここは、やはり、フォーラム冒頭の案内にありますとおり、URLをご提示いただき、高速化を無効にしていだだき、環境情報を貼り付けていただく方がよろしいかと思います。

 

また、キャプチャ画像で、ここと、ここと、ここ、みたいに、赤枠等で、示していただければ、回答される方々にも、理解されやすいかと思います。

 


   
わいひら reacted
 arys
(@arys)
New Member
結合: 5年前
投稿: 2
 

@leafytree 様

仰るとおり質問が分かりにくくて申し訳御座いません。

赤枠で囲んだ部分を非表示にしたいです。

高速化設定していません。無効状態です。

環境情報を添付させていただきましたのでお手数ですが宜しくお願い致します。

質問内容に分かりにくいことがあるかと思われます。どうぞご指摘下さい。

 

----------------------------------------------
サイト名:*************
サイトURL: http://shoryu-ken.com/srk
ホームURL: http://shoryu-ken.com/srk/rcg
コンテンツURL: http://shoryu-ken.com/srk/wp-content
インクルードURL: http://shoryu-ken.com/srk/wp-includes/
テンプレートURL: http://shoryu-ken.com/srk/wp-content/themes/cocoon-master
スタイルシートURL: http://shoryu-ken.com/srk/wp-content/themes/cocoon-child-master
子テーマスタイル: http://shoryu-ken.com/srk/wp-content/themes/cocoon-child-master/style.css
スキン: http://shoryu-ken.com/srk/wp-content/themes/cocoon-master/skins/skin-dark-enji/style.css
WordPressバージョン:5.4.1
PHPバージョン:7.3.14
ブラウザ:Mozilla/5.0 (Windows NT 6.1; ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.1.4.1
カテゴリ数:3
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
style.cssサイズ:4860バイト
functions.phpサイズ:203バイト
----------------------------------------------


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

@arys さん

もしかしたら、単純にアイキャッチ画像を表示しない設定にすれば、ご希望通りになるのかもしません。

違う可能性もなくはないですが・・


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

Cocoon設定で、「画像」タブを選択して、「本文上にアイキャッチを表示する」のチェックを外して、「変更をまとめて保存」ボタンをクリックして、設定を確定します。


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

画像の上のタイトルは、HTMLの文法的には、h1という見出しになっています。

非表示にも、できるかと思いますが、記事のタイトルなので、表示させておいた方がいいと私は、思います。

 

えーと、タイトルにカテゴリを入れない方法って、どうするんだっけ・・・


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

CSSの使い方も、ご存知のようですので、例えば、h1にもh2と同じデザインを適用する、なんて方法もなくはないです。

.article h1 {
padding: 12px;
color: #d2d2d2;
border-radius: 4px;
border: 2px solid #0c0b0b;
background-image: linear-gradient(135deg, #84172f, #84172f 30%, #8f2f44 30%, #84172f 70%, #84172f 100%, transparent 0);
box-shadow: 0px 0px 0 2px #2c2b2b;
font-size: 24px;
text-shadow: -1px -1px #353434;
}

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

全く、別の方法では、

.postid-588 .article-header.entry-header {
display: none;
}

h1とアイキャッチ画像、投稿日も、非表示にしちゃう、なんてやり方も、できなくはないですよね。

 

どんなやり方が、一番いいのか、ちょっと考えたり、試してみたりしてみてはいかがでしょうか?

 

あんまり、SEO的なことは、地域限定のサービスであれば、最優先ではないのかもしれませんし・・


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

投稿記事のタイトル(h1)の後にカテゴリを表示させないようにするには、

Cocoon設定の「タイトル」タブの設定を変えればいいみたいです。

 

 
いろいろ、お試しください。
 
全然関係ないですが、ラーメン食べたくなってきました。

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

でも、やっぱり、これから、新メニューとか、どんどんフレッシュな記事で集客していくことを考えると、h1は、むしろ、カテゴリーも含めて表示しておいた方が、いいような気がします。私感ですけれども。


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

サイトタイトルのカテゴリの表示・非表示のやり方、間違っているかもしれません。

ちょっと、小用で、外すので、どなたか正解書いてくださると、助かります。


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

h1のカテゴリは、もしかしたら、手入力だったのかもしれませんね。

 

h1とh2で、同じ内容がふたつ並んでいるのが、どうも気に入らないという場合は、いっそのこと、h1の文字を小さくして、パンくずリストっぽくして、目立たなくしてしまう、という方法も、どこかのサイトで見たことがあります。

 

非表示にするよりは、いいのかもしれません。

 


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

参考ページ

内容の正確性については、私も、よくわかりませんが・・

「display:none」で隠したテキストには、SEO効果がありますか?

【ペナルティ注意】隠しテキストや隠しリンクとは|発生ケース別に紹介

 


   
arys and わいひら reacted
 arys
(@arys)
New Member
結合: 5年前
投稿: 2
 

@leafytree 様

出来ました!!!
ドンピシャです! 有難う御座います。

私のやりたかった事はこれなんです。
カテゴリ名、アイキャッチ画像の非表示です。h1はそのままです。
質問自体、少し間違ってました。すみません。

アイキャッチ画像とカテゴリ名を非表示にしたらh1も非表示になると思っていました。

画面→アイキャッチ画像表示 ここのチェックをはずすで 思い通りになりました。

ここに質問するまでどれだけうろうろしたことか。
また、飲食店のSEOの考え方、見出しタグなど とても勉強になりました。

スタイルシートも今後の参考にさせてもらいます!

ややこしい今だからこそホームページでcocoonの力をお借りして売り上げアップをはかろうかと思います。

初心者の質問にもかかわらず
ご貴重なお時間お付き合いいただいて有難う御座います。

またの機会も宜しくお願い致します。

「いいね」と「解決済み」ボタンが分かりません???
どこにあるのでしょうか?

この返信も なかなかうまくいきません。どうしてかな?

14:30ごろ返信しているんですがうまくできてないようなので
3回目の返信です。


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

@arys さん

返信が上手くいかなかった理由は、ちょっと、私には、わかりません。

親しい友人に書くつもりで、書き込ませていただきました。

拙い表現はご容赦ください。


   
 arys
(@arys)
New Member Registered
結合: 5年前
投稿: 2
Topic starter  

@leafytree

「拙い表現はご容赦下さい」

とんでもないです。

私のほうこそ失礼しました。

 

それから 「解決済み」と「いいね」ボタンはログインすれば

ボタンが出てくることが確認できました。

 

@leafytree

お世話になり有難うございます。

 

これで 解決済とさていただきます。

 

 


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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