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


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

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



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

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

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

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


目次



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

超基本。画像の挿入


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


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

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

【設定】で画像を弄る

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


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


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

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

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


いや~楽しい。

メディアと文章

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


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


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

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

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

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

カバー


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


文字だけVer

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


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

まとめる


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



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

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

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

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


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

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

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


  • サイト読込スピード対策PNG・JPEG画像WebP一括変換フリーソフト
    画像をWebPに変換できる無料ツールです。PNG・JPEG・GIF・WebPに対応し、複数枚やフォルダの一括変換、ZIP一括ダウンロードが可能。変換前後の容量削減率や画質差を実測で表示し、透過画像には警告も表示します。会員登録不要でその場ですぐ使えます。


サイト最新記事


  • 100均商品辞典|探す・口コミレビューする情報共有ツール
    100均商品辞典は、100均の商品情報を検索したり、実際に使ったレビューを投稿したりできる無料の参加型ツールです。ユーザー自身が商品を登録・編集でき、みんなで情報を更新しながら商品辞典を作れます。気になる商品の情報収集から使用感の共有、コミュニティでの質問や情報交換まで、100均商品を探す人・使った人の双方に役立ちます
  • 【ハンドメイド帖】作品を投稿・共有しよう!作品・作り方・アイデアが集まる投稿サイト
    ハンドメイド帖は作った作品を画像付きで記録し、自分だけの作品ギャラリーとして管理できる無料Webツール。作品公開やハンドメイド好き同士の交流にも対応。制作した作品を残したい、過去作品を振り返りたい、作品を見てもらいたい人におすすめ。登録した作品や活動実績をマイページでまとめて確認できます。
  • ひとりの時間の過ごし方が分からない人へ|何をするか迷ったときの考え方とアイデア
    「ひとりの時間、何をすればいいか分からない」と悩んでいませんか?この記事では、一人の時間の過ごし方が分からなくなる理由を解説しながら、心を休める・楽しむ・学ぶ・作る・自分と向き合うという5つの視点で、充実したひとり時間の過ごし方をご紹介します。自分らしい過ごし方を見つけるヒントとして、ぜひご活用ください。

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

マイページ
最近はまってるもの①

私の肌を救ってる

  • 30代で手をつけた美容液
  • 肌馴染みよし
  • 臭いなし
楽天saleで買う
最近はまってるもの②

ホッともいけるけどアイスがうますぎる

  • 最初少量の水で溶いてから
  • 氷入れて水大量
  • 幸せドリンクできあがり
楽天saleで買う

ツール一覧

AI・デザイン・画像
AI画像 お絵描き Color Studio AI指示
ハンドメイド
ビーズアート 小物配送
サイト制作・効率化
サイト素材 タスク管理 メモ 悩み整理
AIのお世辞を制御しつつ、イエスマンに終始しないプロンプト販売中。議論でもお気に入りタイプとの語り合いでも。

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

その買うを、もっとハッピーに。|ハピタス