画像で遊ぶ!WordPress記事作成ではこんなことができる【初心者向け】


「ワードプレスで画像を使いたいけどどんなことが出来るんだろう?」

記事の顔にもなってくれる画像は表示の仕方でとっても表情を変えてくれます。自分が書く記事にあわせて変えていければ記事作成も楽しくなること間違いなし!



① 超基本。画像の挿入
・新規段落の追加後 / 半角のスラッシュ→【画像】選択
・【ブロックの追加】→【画像】選択
(以下の【メディアと文章】などのブロックを追加するときも同様の動作をします)

② 【設定】で画像を弄る
右上の歯車アイコン設定を押す
・【デフォルト】or【角丸】
・サイズ変換

③ メディアと文章
・文章と画像を並べて表示。
ツールバーから左右垂直と位置変更可。
右上歯車アイコン【設定】で、
・色設定
・画像、文字の大きさ変更
・モバイルでは縦に並べる←画像が上に文字が下にという表示になる

④ カバー
画像や動画を背景にして文字を飾れる。
画像と画像の上にかける色と文字を選ぶことが出来る


目次



WordPress初心者向けマニュアル。2020年度版~
ワードプレス基本の使い方から知っておいたら便利な小技まで動画や画像を使ってまとめています。初心者にオススメ。

超基本。画像の挿入


① 超基本。画像の挿入
・新規段落の追加後 / 半角のスラッシュ→【画像】選択
・【ブロックの追加】→【画像】選択
(以下の【メディアと文章】などのブロックを追加するときも同様の動作をします)


※1番のマークが【ブロックの追加】です。

「あ、違う画像を挿入しちゃった…」という場合は、
画像クリックをすると上記ツールバーにでてくる【置換】をクリックして画像変更しましょう。

【設定】で画像を弄る

こっちがデフォルト
こっちが角丸


② 【設定】で画像を弄る
右上の歯車アイコン設定を押す
・【デフォルト】or【角丸】
・サイズ変換


実際に触って遊んでほしい。
なぜってとっても楽しい。このサイトの記事をご覧の人は分かるように私は角丸表示が好きでそればっかりしていますが、

サイズ変換をするとこんなこともできます。

これは【画像サイズ】→【サムネイル】選択


いや~楽しい。

メディアと文章

女の子の可愛さが光ります。


③ メディアと文章
・文章と画像を並べて表示。
ツールバーから左右垂直と位置変更可。
右上歯車アイコン【設定】で、
・色設定
・画像、文字の大きさ変更
・モバイルでは縦に並べる←画像が上に文字が下にという表示になる


①と同じ要領で【メディアと文章】を記事内に挿入して試してみてください。

上に用意したサンプルと同じようなものを作れますか?
ちゃちゃーっと答えを載せてしまうと、

①メディアと文章挿入
②画像挿入
③メディアと文章をクリックして詳細から色設定
④画像を調整

ちなみに画像にも文字にもリンク張れますよ~

カバー


④ カバー
・画像や動画を背景にして文字を飾れる。
画像と画像の上にかける色と文字を選ぶことが出来る


文字だけVer

画像+文字+オーバーレイ白


上記のような表示にするには、
記事内に【カバー】追加後、右上アイコン【詳細】を押して希望の変更をすればオッケーです。

まとめる


画像で遊んでると記事作成に時間がかかるのが唯一の注意ですが、せっかくWordPressを使うならおおいに楽しんじゃいましょう。ぜひ、自分のワードプレス記事作成画面で試してみて。



① 超基本。画像の挿入
・新規段落の追加後 / 半角のスラッシュ→【画像】選択
・【ブロックの追加】→【画像】選択
(以下の【メディアと文章】などのブロックを追加するときも同様の動作をします)

② 【設定】で画像を弄る
右上の歯車アイコン設定を押す
・【デフォルト】or【角丸】
・サイズ変換

③ メディアと文章
・文章と画像を並べて表示。
ツールバーから左右垂直と位置変更可。
右上歯車アイコン【設定】で、
・色設定
・画像、文字の大きさ変更
・モバイルでは縦に並べる←画像が上に文字が下にという表示になる

④ カバー
画像や動画を背景にして文字を飾れる。
画像と画像の上にかける色と文字を選ぶことが出来る


基本的に「細かく変更したいな~」と思ったら対象個所をワンクリックして【詳細】を押せば大丈夫。

【WordPress】【mixhost】サイトやブログ作成を考える超初心者にオススメ【2020年】
「ブログを作りたいけど結局どれがいいの?」にお答えすると失敗談から言えば、というお話。

ワードプレス、サイト関連



サイト最新記事


100均 (2) WordPress・ブログ運営 (4) お仕事のリアル体験談 (1) お金の知恵 (1) アロマ生活 (2) ハンドメイド販売・フリマ活用 (3) 人間関係・恋愛のモヤモヤ (4) 健康・美容セルフケア (1) 副業・個人事業のはじめかた (1) 創作・小説 (7) 生活のお悩み解決 (7) 紙もの・文房具クラフト (1) 贈り物・プレゼント (2)

マイページで確認

よく見るページ

NOTE
AIとの対話をもっと自分好みに

AIのお世辞を制御しつつ、 イエスマンに終始しないプロンプト販売中。 議論でもお気に入りタイプとの語り合いも。

noteで詳しく見る →
HAPITAS その買うを、もっとハッピーに。|ハピタス