サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
CSSカスタマイズ相談
11
投稿
2
ユーザー
7
Reactions
1,648
表示
トピックスターター 2021年9月29日 00:56
恐れ入ります。
1)
https://tomoko-test.com/test/121-2/
↑ 例えばこちらの固定ページには、h3の中央寄せで見出しをつけているのですが、投稿ページにはエディターで見出しを追加しても表示されないですよね？(投稿ページに指定してある固定ページに見出しをつけています） ↓
2)
https://tomoko-test.com/test/このごろ/
もしかしたら、1)のソースコードにある以下のようなコードを埋め込めばいいのかな、と思ったのですが、ソースコードってそもそもどこにある、なんていうファイルなのかがわからず.....泣
<div class="entry-content cf" itemprop="mainEntityOfPage">
<h3 class="has-text-align-center">お教室</h3>
<hr class="wp-block-separator"/>
<p></p>
</div>
投稿ページに見出しを表示する良い方法があればご教示願えないでしょうか？
2021年9月29日 01:35
ForeverRed1208さん
エントリーカードが並んでいるページのことを「インデックスページ」と呼んでいます。
インデックスページを利用してタイトル等を付けたいときは、「カテゴリー」のインデックスページを利用する、という手もあります。
例えば、「このごろ」というカテゴリーを作成し、それに属する記事に「このごろ」というカテゴリーを設定します。
すると、カテゴリーのインデックスページには、「このごろ」のカテゴリーの記事だけ、エントリーカードが並びます。
「カテゴリー」のインデックスページは、ダッシュボードの「投稿」→「カテゴリー」とたどり、そのカテゴリーの「編集」という文字部分をクリックすると編集ページが開けます。
「このごろ」というカテゴリーページにアイキャッチ画像を設定することもできます。
この投稿は3年前 3回ずつリフィトリーに変更されました
わいひら reacted
2021年9月29日 01:40
ForeverRed1208さん
固定ページをトップページにして、ブログのページも作成したいときは、以下の方法でできるかと思います。
既にそれに近いことをやっておられるのかもしれませんが・・
ブログ投稿インデックスページとは？
http://wordpress.hitsuji.me/add-post-archive/
【WordPress トップページに固定ページを割り当てる方法】
https://webst8.com/blog/wordpress-toppage/
わいひら reacted
2021年9月29日 01:45
ForeverRed1208さん
ブログ投稿インデックスページは、通常のブログのトップページをトップページではなく別のページに移動させたようなイメージかと思います。
ただ、このブログ投稿インデックスページは通常のブログのトップページと同じであまり自由に書き込むことはできないかもしれません。
できるとすれば、先にご紹介させていただいた「インデックスリストトップ」などのウィジェットエリアを利用するぐらいでしょうか？
カテゴリーを作成してカテゴリーのインデックスページを編集した方が編集の自由度は高いかもしれません。
いただいた文面から適当に推測して書き込んでしまいましたが、的（まと）外れでしたらご容赦ください。
この投稿は3年前ずつリフィトリーに変更されました
わいひら reacted
トピックスターター 2021年9月29日 12:01
@leafytree さま
早速のご返信ありがとうございます。
なるほど、
「ブログ投稿インデックスページ」と呼ぶこと、またご提示いただいた、
http://wordpress.hitsuji.me/add-post-archive/
から、ブログ投稿インデックスページ用の固定ページの内容は反映されないと言うこと、理解いたしました。
@leafytree さまの『インデックスページを利用してタイトル等を付けたいときは、「カテゴリー」のインデックスページを利用する、という手もあります。』を試してみて
https://tomoko-test.com/test/category/blog/
↑ とりあえずこのようにできましたが、右のウィジェット（？）(検索窓から始まって、最近の投稿、アーカイブ、カテゴリーが並んでいる部分）よりも上（ページ全体のトップ）に表示されるようにしたいです。
例えば、こちらのサイトですと ↓
https://momotose.jp/news_event/
ページのトップに、NEWS & EVENT という見出し、その下に区切り線がありますよね。このようにしたいです。
ご提示いただいた『ウィジェットエリアの「インデックスリストトップ」のエリアに「カスタムhtml」ウィジェットを入れてhtmlを書くとか・・』
こちらをこれから試してみます。
このトピック、もう少しオープンのままにしておいてもらってもよろしいでしょうか。
また、スクリーンショットはどのようにしたら、こちらに貼り付けられるのでしょうか？
引き続きよろしくお願いいたします。
あ、すみません、添付ファイルが貼り付くのですね。投稿してからわかりました。
↑ こちらもページのトップにブログという緑背景のバーが出ているので、どうやってるのかなー？と思った次第です。
↑ こちらもページのトップにブログという緑背景のバーが出ているので、どうやってるのかなー？と思った次第です。
この投稿は3年前ずつForeverRed1208に変更されました
2021年9月29日 12:48
見本のページの感じですと、ウィジェットエリアの「コンテンツ上部」を利用すると良いかと思います。
HTMLの理解がお有りのようですので、コンテンツ上部のエリアに「カスタムHTML」ウィジェットを入れて見出しタグを記述すると良いかもしれません。
「コンテンツ上部」のウィジェットエリアが表示されるページを、「このごろ」のインデックスページだけにするのは、ちょっとやってみないと確実なことはわかりませんが、先にご紹介した「ブログ投稿インデックスページ」ですと、固定ページにインデックスページを設定することになりますので、ウィジェットの表示を「チェック・入力したページ」にして、「固定ページ」タブを選択し、固定ページのIDを指定して表示するページを限定するとかでしょうか。（もしかしたら、間違っているかもしれません）
コンテンツ上部を「このごろ」のページだけに表示すればよいのですが、上手くいかない場合は、「このごろ」のインデックスページだけBodyタグに付与されるclassを見つけて、子孫セレクタでセレクタを絞り、「このごろ」のページだけに表示されるようにそのページだけdisplay:block;にしておくとか、何かしらの工夫をすると良いかもしれません。
この場合は、カテゴリーのインデックスページよりブログ投稿インデックスページの方がやりやすいかもしれませんが、何しろ、やってみないと私もよくわかりません。
見本のページのアンダーラインは「メインカラム」（webサイトを左右に区切ったり、３つに分割したりすることを２カラムとか、３カラムとかよく呼ぶようです。Cocoonでは右側のサイドバー「最近の投稿とかアーカイブとかが入っているところ」とメインカラム「ブログ本文のところ」の２カラムになっています）だけに表示されているようですので、メインカラムの上部にCSSでボーダーを指定すればよいかもしれません。
今出先で、隙間の時間に書き込んでいるので、けっこう適当な内容です。
まあ、それでも参考になれば良いかなと・・
この投稿は3年前 9回ずつリフィトリーに変更されました
わいひら reacted
2021年9月29日 12:54
「ブログ投稿インデックスページ」については、先に貼り付けた、Webst8様 の記事が秀逸ですので、よくお読みになってみてください。
トピックスターター 2021年9月29日 16:55
@leafytree さま
『コンテンツ上部のエリアに「カスタムHTML」ウィジェットを入れて見出しタグを記述すると良いかもしれません。』
↑ こちらを参考に、やってみました。コンテンツ上部だと表示されなかったので、インデックスリストトップに挿入しました。
https://tomoko-test.com/test/blog/
メインカラムとサイドバーの区切り線が微妙にずれているのが今ひとつですが、色々試しても原因が探し切れなかったので（インデックスリストップとサイドバーのカスタムHTMLウィジェット中に、<br>や区切り線を同じように入れると線の位置が揃うが、インデックスリストトップの方に<h3>タグで「このごろ」を入れるとずれる、サイドバーに同じように<h3>タグで文字を入れてみたがフォントサイズの違い？かズレる）とりあえず、このまま進めてみます。
ウイジェット凄いです。少しずつ使い方がわかってきました。お忙しい中、どうもありがとうございました！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。