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