今回はWordPressのデフォルトにあるメディアとテキストの調整方法を紹介します。
![](https://website.goriweb.jp/demo01/wp-content/uploads/2022/08/computer-2170392_640のコピー.jpg)
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
目次
メディアとテキストの調整方法
画像を入れ替える場合
メディアが左でテキストを右にする場合
![](https://website.goriweb.jp/demo01/wp-content/uploads/2022/08/computer-2170392_640のコピー.jpg)
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストが左でメディアを右にする場合
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
![](https://website.goriweb.jp/demo01/wp-content/uploads/2022/08/computer-2170392_640のコピー.jpg)
STEP
画像をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-scaled.jpg)
STEP
ミニメニューが現れます
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-1-scaled.jpg)
STEP
■=が選択されてるので、「=■」に切り替えます
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-2-scaled.jpg)
STEP
テキストと画像が入れ替わりました
![](https://goriweb.jp/wp-content/uploads/2024/06/image-1.jpg)
画像を置換する場合
STEP
画像をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-scaled.jpg)
STEP
ミニメニューが現れます
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-1-scaled.jpg)
STEP
置換ボタンをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-3-scaled.jpg)
STEP
メディアライブラリーを開きます
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress.png)
STEP
画像を選択します
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-1-1.jpg)
STEP
画像が入れ替わりました
![](https://goriweb.jp/wp-content/uploads/2024/06/image.jpg)
画像サイズを変える方法
STEP
画像をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-scaled.jpg)
STEP
ミニメニューが現れます
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-1-scaled.jpg)
STEP
右サイドバーにあるブロックにある「メディアの幅」または数字「45」を調整します
![](https://goriweb.jp/wp-content/uploads/2024/06/新規投稿を追加_‹_ごりうぇぶ_—_WordPress-4-scaled.jpg)
STEP
45→30で画像が小さくなりました
![](https://goriweb.jp/wp-content/uploads/2024/06/貼り付けた画像_2024_06_11_16_02-scaled.jpg)
メディアとテキストを横並びにする方法
STEP
モバイルでは縦に並べるのチェックを外します
![](https://goriweb.jp/wp-content/uploads/2024/06/貼り付けた画像_2024_06_11_16_12-scaled.jpg)
STEP
モバイルでは縦に並べるのチェックを外しました。
![](https://goriweb.jp/wp-content/uploads/2024/06/投稿を編集_メディアとテキストの調整方法_‹_ごりうぇぶ_—_WordPress_と_名称未設定-scaled.jpg)
STEP
下記のように表示されます
![](https://goriweb.jp/wp-content/uploads/2024/06/image.png)