引用ブロックの中に画像を設置したい。 < SWELLに関する質問

不具合報告では、その現象が確認できるURLを添えて、ご報告ください。
(+できれば画像も添付していただければ助かります。)

トピックを立てる前にチェックしてね!
  1. 初めてご利用の方は、 「フォーラムガイドライン」・「よくある質問」・「SWELLでの非推奨プラグイン」に一度は目を通しておいてください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. WordPressでの不具合が全てテーマによる不具合だとは限りません
    本当にテーマによる問題かどうか、プラグインを見直して解決しないかどうかも先に検証しておいていただけると、非常に助かります。
  4. まずはGoogleで検索してみて、自力で解決できる問題かどうかを調べてみてください。
    ここで質問しようとしている内容をそのまま検索すれば答えが見つかるかもしれません。
引用ブロックの中に画像を設置したい。
 
通知
すべてクリア

引用ブロックの中に画像を設置したい。

rose_and_mary
(@rose_and_mary)
New Member

こんにちは、始めまして。
swellに変更してから、ブログ初心者でも楽しくブログが書けています。

ひとつお伺いしたいのですが、
引用ブロックに中に画像は入れれませんでしょうか?

画像を引用してきた印で囲みたいのですが、
引用ブロックの中に画像をどうしても入れることができません。

クラシックエディターの時は出来ていたのですが、調べても分からず…
大変お忙しいと思いますがご教授いただけると幸いです。

よろしくお願いします。

※画像1枚目 希望する引用スタイル
※画像2枚目 引用ブロックに画像を挿入しようとしても別のブロックになってしまいます。

引用
Topic starter 投稿済 : 25/01/2021 10:14 am
rose_and_mary
(@rose_and_mary)
New Member

追加の画像です。

返信引用
Topic starter 投稿済 : 25/01/2021 10:14 am
しらこ
(@96ssbike)
Estimable Member

引用ブロックをグループ化してもだめそうなので、こういうやり方はどうでしょうか??

  1. ブログパーツで、引用ブロック内に入れたい画像+本文データだけを作成。
    (引用ブロックは使用しない。ただ単に画像と文字だけを作成)
  2. ブログパーツを作成完了したらショートコードが発行されるので、ブログパーツの一覧画面の右側から、ショートコードをコピーしてくる。
    例:[blog_parts id="10"]など
  3. ブログパーツIDをメモ帳などに一旦貼り付けて、一文字削って再度コピーする
    例:[blog_parts id="10"]であれば[blog_parts id="10"など
    (一文字削る理由:次の手順で引用ブロックに貼り付けた段階で「ショートコードブロック」に自動的に変換されてしまうのを防止するため)
  4. 引用ブロックの本文側に先ほどのショートコードの一文字削ったものを貼り付けて、ショートコードの最後に再度「]」を足して、引用元を明記して終了。

以上の手順で、多少手間はかかるかもしれませんが出来ると思います。

もしくは、上記が手間だなーと思ったら、多少非推奨なやり方ではあります(将来的にもしClassic Editorがサポート終了したら微妙なやり方)が、そのやりたい部分だけクラシックブロックを使用して引用を作成するかです。

This post was modified 1か月前 by しらこ
返信引用
投稿済 : 25/01/2021 11:06 am
rose_and_mary 件のいいね!
了
 
(@ryo)
メンバー Admin

引用ブロック自体はコア側のものなのでテーマ側からはいじれません。画像ブロックが挿入できないのはWordPress側の仕様です!

どうしても画像を入れたいなら、しらこさんのおっしゃっているようにブログパーツ使っていただくか、インライン画像を挿入していただくといいんじゃないかなと思います!

返信引用
投稿済 : 25/01/2021 11:10 am
rose_and_maryしらこ 件のいいね!
rose_and_mary
(@rose_and_mary)
New Member

しらこ様、了様
お忙しい中お返事ありがとうございました。
ブロックパーツは画像ブロックを入れることができないのですね。
理由が分かったので納得しました。

ショートコードは使ったことのない初心者なので、
明日時間を作って教えていただいた手順で挑戦してみます。

教えていただきありがとうございます。
お礼申し上げます。

返信引用
Topic starter 投稿済 : 25/01/2021 10:52 pm
しらこ 件のいいね!
共有: