サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-04-24 19:15
初歩的な質問ですいません。初歩的な質問すぎて、過去を探しても見つかりませんでした。すいません。
トップページですが。
ヘッダー
メニュー
投稿
フッダー
とありますが、メニューと投稿の間に、画像や文字を追加したり、スライドショーなどを追加したいのですが、どの部分から編集すればよろしいのでしょうか？
2021-04-24 20:18
前略、mugihime さん
Cocoonの機能としては、「アピールエリア」があります。
ヘッダー下アピールエリアの使い方
https://wp-cocoon.com/appeal-area/
アピールエリアで背景画像だけを表示する方法（文章部分を非表示にする）
https://wp-cocoon.com/hide-contents-of-appeal-area/
わいひら reacted
2021-04-24 20:19
いくつか方法はあると思いますが、大体何でも挿入できるという意味で「ウィジェット」機能が使えます。
詳しい使い方は「ウィジェット」という言葉をヒントに検索してみてください。
外観>ウィジェットから、「メニューと投稿の間」ということであれば「コンテンツ上部」というウィジェットエリアになると思います。
「スライドショー」は、Cocoonの機能だと「カルーセル」になるのかなと思います。
あるいは画像のスライドショーを表示するためのプラグイン等もあるので、それを使うのもありだと思います。
2021-04-24 20:24
mugihime さん
Cocoonの機能に「カルーセル」という機能があります。
ヘッダー下にお勧め記事カルーセルを表示する方法
https://wp-cocoon.com/carousel-setting/
しかし、これは、ブログの記事を多数紹介するためのものなので、mugihime さんが望んでいらっしゃるものではないような気がします。
わいひら reacted
2021-04-24 20:31
mugihime さん
Cocoonの機能にスライドショーの機能はありませんので、プラグインをお使いになるのが良いかもしれません。
今しがた「Smart Slider 3」というプラグインをインストールして試してみたところ、10分ほどの作業で、簡単なスライドショーを表示することができました。
「Smart Slider 3」で適当なスライドショーを作成して、ウィジェットエリアの「コンテンツ上部」に「Smart Slider 3」のウィジェットを入れて、作成したスライドショーを選択して保存、完了で表示できました。
ただ、スライドショーとグローバルメニューの間に隙間が出来たので、以下のCSSのコードで隙間を消せば良いような気がします。
.content-top {
margin: 0;
}
This post was modified 3年前 2回 by リフィトリー
mugihime reacted
2021-04-24 20:37
mugihime さん
プラグインの「Smart Slider 3」の使い方は、「Smart Slider 3 使い方」等のキーワードでググってみてください。（私も先ほどインストールしてみたばかりで、よくわかりませんので）
なお、プラグインについては、基本的には、Cocoonのフォーラムのサポートには含まれていませんので、ご自身でいろいろ調べたり、試したりしてみてください。
2021-04-24 20:48
mugihime さん
以下の画像は、ウィジェットエリアのキャプチャ画像です。
2021-04-24 20:57
mugihime さん
なお、サイトの各種の設定やカスタマイズ等は、子テーマを有効化して、子テーマで行ってください。
親テーマ・子テーマの概要につきましては、以下のトピックが参考になるかと思います。
[解決済] 親テーマと子テーマについてです。
https://wp-cocoon.com/community/postid/34811/
Cocoonテーマをインストールする方法
Topic starter
2021-04-24 21:43
ありがとうございます。
やってみたら、画像表示になりました。
適当な画像で試したので、画像加工して横に張りたいと思います。
スライドショーに関しましては、もう少し勉強しないとだめな気がしてきました。
頑張ってみます。
あとは、画像の下に、文章を入れればいいかなと思いました。
この治療院は、全盲の親友がやっているので、親友のために勉強してみます。
これからもいろいろと教えて下さい。宜しくお願い申し上げます。
Topic starter
2021-04-24 21:46
ありがとうございます。
スライドショーに関しては、時間がかかりそうですが、トライしてみます。
まずは、ウィジェットで、画像が貼れました。
次に、その下に文章を入れることにトライしてみます。
子テーマは、インストールしましたが、有効化はどこからできるのでしょうか？
自分なりに調べてみます。
初心者に色々と教えてくださりありがとうございます。
2021-04-24 22:00
@mugihime さん
子テーマは、インストールしましたが、有効化はどこからできるのでしょうか？
ダッシュボードの「外観」→「テーマ」とたどり、「Cocoon Child」の「有効化」ボタンをクリックします。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。