サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023年6月5日 22:56
画像上にタイトルをいれるのはなんとかキャプションを使ってみたのですが、それプラス画像の下に文字を回り込ませて説明文を入れたいのですが、何か方法はありますか？教えてくれると幸いです。よろしくお願いします。
2023年6月6日 19:25
恐れ入りますが書き込まれた簡単な説明だけではどのようなことをしたいのかがちょっと分かりかねます。
画像上にタイトルをいれるのはなんとかキャプションを使ってみたのですが、
こちらのカスタマイズ状態を見ることで、どのようなことをしたいか意図はわかるかもしれません。
こちらが実装されているページのURLを提示していただいてよろしいでしょうか。
Topic starter
2023年6月15日 20:58
お返事いただき、ありがとうございます。
そして、ご指摘ありがとうございます。
1→ http://tl0907.com/moridrive/
この1にある画像のように画像上に文字がある状態で
その画像一つ一つ（全4枚）に説明文を入れたいです。
画像上に文字を表示する方法としていまはギャラリーを使用していますが
説明文を入れるために、ほかの方法が良いとかあれば教えていただきたいです。
希望は添付画像であれば
1.画像一つ一つに画像タイトル
（できればこれを画像下に説明文を記入したい）
2.画像上に文字入れ
この2点をどうにかできればと思っています。
助言していただけると幸いです。
よろしくお願いいたします。
This post was modified 1年前 2回 by thilu
2023年6月16日 06:44
特にアイディアがある訳ではないので、ご参考ということで。
添付いただいた画像は、おそらく以下のページのものかと思われます。
https://www.chugai-yuka.co.jp/product/
PC表示
モバイル表示
その画像1枚部分は、以下のような構造で、それが4回繰り返されているということみたいです。
参考にするものがあるのではあれば、まずはそれを調べて真似してみるところから始めても良い気がするんですよね。
良し悪しはあるでしょうから、その後自分好みに変えていくなり。
良し悪しはあるでしょうから、その後自分好みに変えていくなり。
既に、今ギャラリー（とはいえ、1つ1つは画像ブロック）で作ったものを基にして、参考のものを取り入れるとかもあるでしょうし。
（カラムブロックで、画像を並べるとか・・・）
（カラムブロックで、画像を並べるとか・・・）
私が言えるのはこれくらいです。
（こういうのは苦手なもので）
（こういうのは苦手なもので）
2023年6月16日 19:30
1.画像一つ一つに画像タイトル
（できればこれを画像下に説明文を記入したい）
2.画像上に文字入れ
この2点をどうにかできればと思っています。
ギャラリーで個別にタイトルを入れる方法は自分の知る限りないかと思います。
現在あるもので無理やり行なうとするならば「カラムブロック（2カラム」）の中に「見出しブロック」か「段落ブロック」でタイトルを入れて、その下に「ギャラリーブロック」を一つずつ入れるという方法ならできるのかもしれません。
余白などはそれ用に作られていないためスタイルで調整する必要があるかもしれませんが。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。