サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
不具合報告
11
投稿
3
ユーザー
4
Reactions
1,160
表示
Topic starter
2021年8月31日 19:08
お世話になります。
固定ページの作成にあたり、
表示を中央寄せにしたのですが、
プレビューにすると左寄せで表示されてしまいます。
またモバイルで表示すると画像の大きさが一枚だけ小さく表示されてしまいます。
添付ファイルは固定ページで作成段階のものです。
エラーページは下記でございます。
よろしくお願いいたします。
2021年8月31日 19:33
どの部分をどのように中央寄せしているのでしょうか？
該当部分のエディター上での設定のスクリーンショットもいただけますでしょうか。
2021年8月31日 19:38
ブロックエディターだとプレビューといっても、3種類あります。
添付画像のどのプレビューでしょうか。「デスクトップ」プレビューということでしょうか。
Topic starter
2021年8月31日 22:02
分かりづらく申し訳ございません。
固定ページの画像の下の文字です。
画像のようにカラムで「中央寄せ」を選択していますが、
実際には文字だけ「左寄せ」で表示されてしまいます。
デスクトップ表示です。
Topic starter
2021年8月31日 22:05
実際のプレビュー（デスクトップ表示）
Topic starter
2021年8月31日 22:06
モバイル表示で
一部画像が小さくなってしまう。
2021年8月31日 23:58
前略、fwfwmymelodyさん
Cocoonでは、画像のキャプションは基本的に左端に寄せてあるようです。
以下のCSSのコードを追加CSSか、子テーマのstyle.cssファイルに記述すると、全てのページの画像ブロックのキャプションが画像の左右中央に配置されるかと思います。
.wp-block-image figcaption {
text-align: center;
}
そのページだけに適用させたいときは、記事編集ページの下の方にあるカスタムCSSの欄に記述します。
ただし、画像ブロックで、配置を何も指定しない場合（左寄せ、中央寄せ、右寄せなど）は、画像は配置スペースの左側に寄り、キャプションは、画像の左右中央ではなく、画像ブロックを配置したスペースの幅の左右中央に配置されます。
簡単に説明しますと、画像ブロックの「左寄せ」「中央寄せ」「右寄せ」の指定は、画像に対するキャプションの位置ではなく、メインカラムの幅より画像の幅が狭い場合に、画像をどこに配置するか、という指定になります。
This post was modified 3年前 2回 by リフィトリー
わいひら reacted
2021年9月1日 00:03
fwfwmymelodyさん
また、画像が、ひとつだけ小さく表示されているのは、その画像が小さいからだと思います。
他の画像と同じサイズの画像を使うか、も少し大きいサイズの画像にしてみてください。
あ、えーと、もうひとつトピックがありましたね。
どこだったかな？・・
This post was modified 3年前 2回 by リフィトリー
Topic starter
2021年9月1日 10:27
ありがとうございます。いずれも解決しました。
中央寄せとはそういう定義だったのですね。
画像はサイズを合わせたのですが、一番右のカラムだけ余白が出てしまいます。。
メディア自体の画像サイズ、ページ挿入後の寸法も同じです。
2021年9月1日 10:56
・アクセス
・その他の事業
・カウンセリング
の３つの画像は、画像自体に左右に白い部分があるみたいです。
画像ソフトなどで、左右の余白ない画像に加工してください。
加工する際は、他の画像とアスペクト比を揃えた方が無難かもしれません。
わいひら reacted
Topic starter
2021年9月1日 12:22
@leafytree 基本的なところが抜けており申し訳ございません。
大変助かりました。ありがとうございました。
仰っているもうひとつのトピックは下記のことだと存じます。
https://wp-cocoon.com/community/customs/サイドバーのリンク色が変わらない/#post-56038
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。