WordPressでブログ投稿をしてみよう(ブロックエディタ編)
![](https://picca-boo.com/web-design/wp-content/uploads/2023/07/4838022_s.jpg)
WordPressでの更新
WordPressでホームページをつくると、初めてホームページの更新作業をする方やパソコンが苦手な方でも、簡単に更新作業が行えます。
ここでは、基礎編として簡単な更新手順をお伝えします。(テーマによって若干異なります)
まずは、見出しをつくってみよう
ブロックエディターは、ホームページをみたままのような状態で更新できるので、簡単です。
それでは、まず見出しをつくってみましょう。
下図①のように+マークをクリックするとブロックがでてきますので、そこで見出しを選択します。
見出しにはレベルがあります。
- H1:タイトルなどに使われる見出し
- H2:通常の大見出し
- H3:H2見出しの中の中見出し
- H4:さらにその下の小見出し
このページのようにページ上部に目次表示をしている場合は、この見出しがリンクとなります。目次表示を非表示にしているときは、デザインで選んでしまってもOKです。
![](https://picca-boo.com/web-design/wp-content/uploads/2021/12/見出しについて-1024x447.png)
![](https://picca-boo.com/web-design/wp-content/uploads/2021/12/image-2.png)
見出しができたら本文をいれてみよう
まず、見出しを書いたらエンターを押すと、下記のようなブロック入力エリアが出現します。テキストを入力したい場合は、そこにそのまま文字を書いていきます。
画像をいれてみよう
また、画像などを入れたい場合は、入力エリアに書いてある通り、「/」を入力するか、右端の+をクリックすると、下記のようなダイアログボックスが出現します。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/ブロックを追加.png)
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-2.png)
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-1.png)
どちらも同じなので、そのダイアログボックスの中から「画像」を選びましょう。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-3-1024x282.png)
そうすると、上記のようなボックスが出てきますので、「アップロード」もしくは、「メディアライブラリ」を選択しましょう。
画像をアップロードする
アップロードを選ぶとエクスプローラーが起動するので、パソコンに保存されている画像を選んでアップロードすることができます。
メディアライブラリーから画像を差し込む
メディライブラリーをクリックすると、下記のようなダイアログボックスが出てきます。
パソコン内のエクスプローラーから好きな画像をドラッグ&ドロップで保存ができます。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/メディアライブラリー-1.png)
うまくいかない場合は、ダイアログボックス内の上部にある「ファイルをアップロード」タグをクリックすれば、画像をアップロードできる画面にかわるので、そこからアップロードもできます。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-4-1024x416.png)
写真の横にテキストを入れたい場合
いくつかやり方はありますが、一番きれいで応用がきくのが「カラム」です。
カラムとは、横並びにできるブロックです。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-1.png)
再び、右端のプラスを押して、このダイアログボックスを出しましょう。
上の画像のようにカラムがこの中にない場合は検索窓に「カラム」と入れると出てきます。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-5.png)
このカラムを選ぶと、
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-6-1024x407.png)
このように表示されます。好きなカラム配置を選びましょう。まず、例として、2カラム50/50の配分のものを選んでみます。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-7-1024x213.png)
このようなエリアがでてきます。例えば、左のカラムに画像を、右のカラムにテキストを凍てたい場合は、左のカラムの真ん中の「+」をクリックして「画像」を選び画像を設置してください。
次に右のカラムの真ん中の「+」クリックして、「段落」を選びましょう(テキストを入れるのは「段落」です)
例えば、こんな感じです。
![](https://picca-boo.com/web-design/wp-content/uploads/2021/09/4955429_s.jpg)
このカラムはパソコン上では横並びになりますが、スマホ画面では上下に表示されます(左が上、右が下)。
なので、全く不自然ではなく表示されるのでとても便利です。
カラムは画像だけではなく、こんな使い方もできます。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-8.png)
私のトップページのSNS紹介コーナーです。
3カラムにするとこんな風になります。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-9.png)
いろいろと試してみてくださいね。
スラッグを変更する
スラッグとは、その投稿のURLの最後の部分です。
https://picca-boo.com/web-design/business-4/
このピンクのマーカー部分です。
デフォルトだと、この部分に見出しが入ってしまいます。
なので、このページだと
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-10.png)
となってしまいます。
URLに日本語が入ると、他にコピペしたときに
https://picca-boo.com/web-design/wordpress%e3%81%a7%e3%83%96%e3%83%ad%e3%82%b0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%97%e3%81%a6%e3%81%bf%e3%82%88%e3%81%86%ef%bc%88%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf/
こんな長いURLになってしまうのです。
ですから、このスラッグをあらかじめローマ字に変えておく必要があります。
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-11.png)
右部分の設定エリア(出ていない場合は歯車マークを押してください)の「投稿」タブをあけます。
そのなかの「パーマリンク」というところをクリックすると「URLスラッグ」が出てきます。
ここに現在タイトルが入っているかと思いますが、それを例えば「news」などに変更しましょう。
そして、その下にある「カテゴリー」タグをクリックすると投稿ページのカテゴリーが出てきます。(まだ設定していない場合は別途ダッシュボードの投稿からカテゴリーを設定します)
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-12.png)
該当のカテゴリーに✔してください。(新着情報がトップページに出るようになっている人はカテゴリー「News」に✔を入れてください)
カテゴリーごとにスラッグを決めておくといいでしょう。さきほど「news」と入れてみてと言いましたが、次の投稿も「news」と入れるとWordpressが自動的に「news-2」のようにナンバリングしてくれるので、簡単です。
さらに「カテゴリー」の下にある「タグ」をクリック。
これは、インスタやSNS投稿などでおなじみのハッシュタグ#と同じと考えてください。
ここに、#で入れたい言葉を#なしでそのまま入力します。エンターを押すと
![](https://picca-boo.com/web-design/wp-content/uploads/2022/05/image-13.png)
こんなふうにタグができあがります。これはいくつでも入れらるので、入力したらエンターを繰り返して入れてください。
また、以前使ったタグは「よく使うもの」というところに出てきますので、それをクリックすればそのまま「新規タグを追加」の中に追加されます。
どんどん投稿してみよう
WordPressは簡単に投稿できます。まずは、どんどんと投稿していってください。
発信していくと、ホームページがあなた色のホームページになっていきますよ♡