Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

画像の上に文字を入れたいです
 
共有:
通知
すべてクリア

[解決済] 画像の上に文字を入れたいです

9 投稿
5 ユーザー
5 Reactions
7,103 表示
(@おや)
Active Member
結合: 5年前
投稿: 7
Topic starter  

画像を2枚横並びにして、その上にそれぞれ文字を書きたいと思っています。

携帯で見ると文字と画像がずれてしまいます。

ずれない方法はあるのでしょうか?

 

 

Shortcodes Ultimate


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

申し訳ないですが、状況がわからないです。
フォーラムの案内にもあるように、実際のページを提示していただいてよろしいでしょうか。

不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください

また、どのようなコードを入力されたのかなど、分からないのでソースコードなどのキャプチャをいただければと思います。
ソースコードをそのまま貼り付ける場合は、以下の方法でできるかと思います。
https://wp-cocoon.com/notepad-pw/


   
(@おや)
Active Member
結合: 5年前
投稿: 7
Topic starter  

返信ありがとうございます。

 

こちらで大丈夫でしょうか?

https://notepad.pw/share/qh36hnlmg

よろしくお願いいたします。

これはプラグインなど使わずに作成しました。

 

 

 

また、ショートコードが反映されないのは、

[su_spoiler title="収録曲"]あああ
いいい
ううう
[/su_spoiler]

こらをテキスト画面に挿入すると、

 

[su_spoiler title="収録曲"]あああ
いいい
ううう
[/su_spoiler]

とビジュアル画面に出てきてしまいます。

こちらはShortcodes Ultimateというプラグインを使用しています。

 

質問の仕方が下手ですみません・・・

よろしくお願いいたします。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

画像上に文字をいれたい。

ってことで、わいひらさんの返信を返信してますか????

そして、読みましたか?

 

  • カスタマイズ対象ページのURLを提示
  • 高速化を無効にしてください

って事を書いてますけど。

不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください

また、どのようなコードを入力されたのかなど、分からないのでソースコードなどのキャプチャをいただければと思います。
ソースコードをそのまま貼り付ける場合は、以下の方法でできるかと思います。
https://wp-cocoon.com/notepad-pw/

HTMLだけでズレているってどうしてわかるのか不明すぎますよ。

  • おまけのついで。
    ブロックエディタでも同じことができますよ。

Cocoon設定・テーマ情報があればたすかります。

該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

 

 

またこの質問。

また、ショートコードが反映されないのは、

[su_spoiler title="収録曲"]あああ
いいい
ううう
[/su_spoiler]

こらをテキスト画面に挿入すると、

~ 中略 ~

こちらはShortcodes Ultimateというプラグインを使用しています。

  • トピックの質問と同じ内容でしょうか?

プラグインのことをココで解決できるのかわからないけど
ひくほど案内を何度もしてるんですが。

1つのトピックにつき1つの質問を書き込んでください

 

 

冒頭案内にも書いてるんですけど、読んでますか???

https://gyazo.com/bac8e8fb03ca8590fb08115cd1a09770

This post was modified 5年前 by かうたっく

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

該当ページのURLをいただければと思います。


   
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
 

Gutenbergにカバーブロック、ギャラリーブロックがありますがこれじゃイメージと違いますかね(添付)これならプラグインもいらない。

ギャラリーブロックはよく使っています(スマホでも2枚までならそのまま表示される)


   
わいひら reacted
(@まの)
New Member
結合: 4年前
投稿: 4
 

はじめまして。ワードプレス初心者なのですがカバーブロックで画像を挿入したとき、編集画面では添付画像の左のように両端が切れた状態で表示されてしまいます。右のプレビュー画面のように表示したいのですがどうしたらよいでしょうか?


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、@まの さん

たぶんですが、ブラウザの画面幅を最大まで広げるか、もしくは、右上の歯車マークをクリックしてみると、解消するような気がします。

 

パソコンじゃない場合は、ちょっと、どうしたものか・・

 

あと、このトピックは、「画像の上に文字を入れたいです 」というトピックですので、ご質問と若干、内容が異なります。

そのようなときは、別に新しいトピックを立てていただくようにお願いします。

 


   
わいひら reacted
(@まの)
New Member
結合: 4年前
投稿: 4
 

@leafytreeさん

丁寧にありがとうございます。解決いたしました。

質問の仕方がよく分からずこちらに投稿しましたが新しくトピックを立てる必要があったのですね、

以後気を付けます((+_+))


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました