サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
18
投稿
4
ユーザー
17
Reactions
3,527
表示
Topic starter
2021年7月12日 22:32
お世話になっております。
サイドバーの件でお伺いしたいことがありご連絡させていただきました。
下記ご覧くださいませ
対象のページのURL： http://kangoshi-note.net/
相談内容：サイドバーしかり・固定ページもなのですが、２つ以上のブロックを表示させることは可能でしょうか？ご教示の程何卒よろしくお願いいたします。
解決のために試したこと：プラグインが使えるか・function.phpの編集なども試みましたが、うまくいかずでして、、、、
参考までに理想のサイトのURLとキャプチャお送りいたします。
理想： https://lounge.nurse-senka.jp/
環境情報：----------------------------------------------
サイト名：【看護師です。ノート】
サイトURL： http://kangoshi-note.net
ホームURL： http://kangoshi-note.net
コンテンツ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-master/skins/skin-colors-pink/style.css
WordPressバージョン：5.7.2
PHPバージョン：7.4.16
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.2.1
カテゴリ数：9
タグ数：7
ユーザー数：7
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：1056バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2021/07/看護師です。ノート-1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AddToAny Share Buttons 1.7.44
BackWPup 3.9.0
Classic Editor 1.6
Display Posts 3.0.2
Jetpack 9.9
List category posts 0.84.2
MaxButtons 8.6
Newpost Catch 1.3.9
Responsive Tabs 4.0.4
Search & Filter 1.2.14
Shortcodes Ultimate 5.10.1
Ultimate Member 2.1.21
User Submitted Posts 20210212
----------------------------------------------
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
2021年7月12日 22:52
前略、shibuyaryouhei さん
Cocoonに同梱されているスキンの中では、tecurioシリーズがブロックっぽいデザインかもしれません。
わいひら reacted
2021年7月12日 22:56
shibuyaryouhei さん
あとは、ご自身でカスタマイズするか、有償でプロに依頼するか、といったところでしょうか。
2021年7月12日 23:10
shibuyaryouhei さん
以下のリンクにカスタマイズを請けておられる（有償です）方が掲載されています。
Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】
2021年7月13日 00:09
相談内容：サイドバーしかり・固定ページもなのですが、２つ以上のブロックを表示させることは可能でしょうか？
可能だと思います。でも、私はスキンなしです。
Cocoon設定＞ウィジェットエリア＞
表示させたいエリアがたくさん出てきます。
実際はどうやって表示させるか？
次の返信の画像を...
2021年7月13日 00:12
その
次の返信の画像を...
です。
ダッシュボード＞外観＞ウィジェット
の画面です。
たくさんのウィジェットを追加できます。
実際に運用しています。
ご参考にどうぞ。
わいひら reacted
Topic starter
2021年7月13日 00:12
2021年7月13日 00:19
shibuyaryouheiさん
「ブロック」という言葉が曖昧で、難しいです。
ブロックエディタと言われるように、HTMLのブロック要素を連想してしまいます。
サイドバーについては、投票2020さんの仰るように、ウィジェットをいくらでも設置できます。
サイドバーの背景色と、ウィジェットの背景色を変更すれば、そういう風に見えるのではないでしょうか。
それは、投稿ページ・固定ページ・トップページであろうと同様です。
ウィジェットは追加することができます。
（位置は限られますが。）
また、ウィジェットでなくても、ブロック要素で囲って、その背景色を変えることで、そういう風に見せることはできるのではないでしょうか。
（逆に言えば、別々な要素でも、背景色を同じにしてくっつけてしまえば、同じもののように見えます。）
やり方次第、工夫次第だと思います。
ただ、曖昧な問いには、曖昧な回答しか返ってない。。。気はします。
わいひら reacted
2021年7月13日 00:35
「ブロック」とか「トピック」といった言葉が何を指しているのかよくわかりませんが、投票2020さんがご案内くださっているいるのは、WordPressやCocoonの基本的な使い方のことだと思います。
Cocoonの「ウィジェット」を使うと、「新着記事」や「人気記事」、また、「カテゴリー」や「タグ」などをサイドバーに配置することができます。
デザインをどのようにしたい、という事もあるかとは思いますが、先ずは、WordPressやCocoonの使い方から、いろいろ試してみると良いような気がします。
htmlやCSSでのカスタマイズ方法が良くわからない場合は、Cocoonに同梱されているスキンを、いろいろ適用してみるのも有りかと思います。
また、「Local」のようなサービスを利用して、ローカルのテストサイトでいろいろと試してみるのも良いと思います。ローカルのテストサイトであれば、いろいろ弄りすぎて、訳がわからなくなってしまっても、また、やり直せば良いだけですので。
以下は Local のサイトです。
以下は、わいひらさんのブログの記事です。
WordPressローカル環境ツール「Local by Flywheel」のインストール方法と使い方
https://nelog.jp/local-by-flywheel-install
This post was modified 3年前 by リフィトリー
わいひら reacted
2021年7月13日 00:39
shibuyaryouheiさん
例えばです。
以下は私のテスト環境のサイドバーです。
Cocoonの標準の状態です。
これに、スキンを当てると、以下のように見え方が変わります。
中身はまったく同じものなのですが、デザインが変わっただけです。
（フォント・背景色などなど。）
（フォント・背景色などなど。）
そういうことなのかなぁ。。。という気はします。
デザインの変更は、別にスキンである必要はありません。
CSSというものを記載します。
CSSというものを記載します。
ただ、馴染みのない方には、それが難しいのだと思います。
それを知識がなくても手軽にできるのが、スキンです。
それを知識がなくても手軽にできるのが、スキンです。
【追記】
最初の画像のものも、更に同じ色にしてしまえば、更に同化して見えるでしょうし。
（デザインを変えただけです。中身は何も変わっていません。）
（デザインを変えただけです。中身は何も変わっていません。）
わいひら reacted
2021年7月13日 00:39
デザインを変更するには、htmlやCSSの知識が不可欠です。
以下のトピックには有用な情報が満載です。
【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック
わいひら and shibuyaryouhei reacted
2021年7月13日 00:43
わいひら and shibuyaryouhei reacted
2021年7月13日 01:06
ブロック
トピック
何がどれを指しているのか、というのがわかりませんが、、、
例えば、
「テキスト」をクリックしたまま、
「投稿タイトル上」に入れようかな
「投稿タイトル下」に入れようかな
「投稿本文上」に入れようかな
という画面です。
わいひら and shibuyaryouhei reacted
2021年7月13日 01:10
ウィジェットの追加の仕方は他にもあります。
例、「テキスト」の
右側「▲ or ▼」をクリックすると「ウィジェットを追加」というボタンが出てきます。
その画面です。
わいひら and shibuyaryouhei reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。