なやむくん
ショートコードの中に画像を入れて表示したい…..
今回は、wordpressのショートコード内に画像を入れる方法について紹介させて頂きます。
完成図はこちら
STEP.1
楽天ギフトカードのサイトへアクセス
POSAカードを購入したら、まず初めに楽天ギフトカードのサイトへアクセスします。
STEP.2
PIN番号を入力する
楽天ギフトカードの裏面に記載されているPINカードを空欄に入力します。
STEP.3
チャージ完了
楽天ペイを開いてチャージされているかを確認する
実際に使用しているコードは以下の通りです。
※下記からダウンロードして、コピペでご利用下さい。
画像やPDFのURLはどうやって取得するの？
なやむくん
<img src=“画像”>の画像の部分に入れるURLって、どこで取得するの？
これはwordpressでサーバーをお持ちの方が取得出来ます。
STEP.1
メディアライブラリにアクセス
wordpressの”メディア”もしくは記事から”メディアライブラリへ移動”
STEP.2
対象の画像をクリック
画像URLの欲しい画像を選択して下さい。
STEP.3
右下にある画像URLを取得する
右側の添付ファイルの詳細の中に、”ファイルURL”という項目が画像URLになります。これをコピペして活用して下さい。
なので、画像やPDFをURL化したい時はWordpressにアップロードをして活用することをオススメします！
画像の箇所に「？」が出る場合
私も他の方のブログを見て試してみたのですが、画像が表示されないことがありました。
その時は、画像が表示されるはずの場所に青四角の「？」が出てました。
色々試行錯誤してみた結果、<img src=“画像”> → <img src=画像> に変更をしたらなぜか直りました。
その後、再び記事に戻ると「このブロックには、想定されていないか無効なコンテンツが含まれています。」
と表示が出てきたので、何度か「ブロックのリカバリーを試行」を押していると、上記のコードに戻りました。
まとめ
wordpressには理由は不明だが、色々と試行錯誤してみると結果的に直ることが多いです。
上記、記事の内容が参考になれれば幸いです。
