サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
4
投稿
2
ユーザー
2
Reactions
210
表示
トピックスターター 2024年8月29日 11:22
初めまして。さっそく質問させていただきます。
ウィジェットで投稿本文下にリンク付きの画像を入れたのですが、その画像を中央揃えにしたいです。
しかし、その方法がわかりません。どのようにすればいいかアドバイスをいただければ幸いです。
添付ファイルに写っているマシュマロのバーナーです。
恐れ入りますがご教授よろしくお願いします。
参考リンク: https://ajinger.com/?p=242
2024年8月29日 16:31
●回答
以下の部分かと思います。
[外観]→[ウィジェット]→投稿本文下に「画像」ウィジェットを配置
以下をCSSに追加します。
.article-footer .widget_media_image {
text-align: center;
}
●補足
「ブログ村」の画像は「カスタムHTML」ウィジェットで配置しており。
こちらは中央寄せになっています。
わいひら reacted
2024年8月29日 16:38
初心者の方は必見！！！
リリース情報は必ず読みましょう。
●パターンを活用しよう
WordPressの機能にパターンがあります。
HTML、CSSの知識がなくとも、簡単にブロックを並べるだけです。
Gutenbergエディターを用い、ブロックを並べ簡単に作成、利用できます。
Cocoonの機能に、patternショートコードがあります。
patternショートコードは、先述したパターンを呼び出す機能です。
以前のテンプレート機能は、クラシックエディターでしたが、ブロック用に同様の機能を有しています。
https://wp-cocoon.com/pattern-shortcode/
●手順
- 図①[管理メニュー]→[パターン一覧]を選択。
- 図②「新規パターン追加」を選択。
- 図③エディターが起動し、パターンの名前を入力。
図④「生成」をクリック。 - エディターでブロックを、好みのレイアウトに配置。
記事と同じように、「保存」をクリック。 - 図⑤ショートコードを、図⑥例えば、投稿本文下に配置した、「カスタムHTML」ウィジェットに、コピペ。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。