2019年11月13日WordPressでブログを始めたのはいいものの、最初のうちはどうやって記事を公開したらいいのかわからないですよね。触るツールだと思うので、基本的な画面の見方すらわからないと思います。記事の投稿方法の説明をしていきます。記事を書くところから投稿するまでの流れをぜひマスターしていってください!WordPressの投稿画面の使い方まずWordPressの左側メニューにある「投稿」をクリックしてください。はじめは下記のような画面になってると思います。world!」という記事しか入っていないと思いますが、今後記事を投稿していくと一覧になってでてきます。world!」以外の記事がある場合もあります。world!」という記事はサンプルのようなものなので削除してしまって大丈夫です。記事を削除する手順を見る消したい記事のタイトルの左側にある四角にチェックを入れます。上の方にある「一括操作」をクリックし、「ゴミ箱へ移動」を選択します。右の「選択」をクリック。「1件の投稿をゴミ箱へ移動しました。先ほどの記事がゴミ箱に移動してくれました。(1)」をクリックして同じ手順を繰り返してください。(このとき「ゴミ箱へ移動」だった文字が「完全に削除する」になっています。)「新規追加」をクリックすると、記事を書く画面が出てきます。「新規追加」は2箇所にありますが、どっちをクリックしても同じページが出てきますよ。上記画像と違う画面が出てきた方へおそらく最新バージョンの投稿画面です。最近ガラッと投稿画面がリニューアルされたのですが、ほとんどのテーマは対応が追いついていない状態です(そして「使いづらい」と言ってる方が多いです......💦)。記事を書くのに最低限必要なのが下記の4つです。見出し本文ここではこの4つを入力する場所と書き方のポイントを説明していきます。タイトルをつけようタイトルは一番上の欄です。POINTタイトルだけ見てもどんな内容かわかるように書く(例)この記事は、WordPress初心者向けにブログの書き方(どの欄に書くのか、どのボタンを押すのか、まで)を伝えたくて書きました。そんなわけでタイトルは『WordPressブログの書き方|記事を公開するまでの流れを徹底解説!』です。検索結果に大きく表示されるのはタイトルです。本文すべてが表示されるわけではありません。短い中でもちゃんと内容が伝わるような、記事の内容に沿ったタイトルにしましょう。導入文を書こうここからは本文に入っていきます。記事の投稿方法を説明していくよ、というのを伝えました。することで、タイトルに興味を持って見てくれた読者に「あ、ここなら欲しい情報がちゃんと書いてあるかも」って思ってもらいやすいです。本文に入る前に、まずは訪問してくれた読者に対して「この記事ではこんなことが書いてあるよ」というのを説明してあげると親切です。これが導入文になります。人のプレゼンを聞くときをイメージしてみてください。話に入られるよりも、「今日はこんな感じの流れで進めていきます」って説明されてからのほうが、話がすっと入ってきますよね。ブログも同様で、「何を読まされてるんだろう......」って思われないためにも(笑)はじめに大まかな内容を説明してあげたほうが読みやすい記事になります。ちなみに記事の内容を伝えるときは、文章でダラダラ書かずに内容1〜〜内容2〜〜内容3〜〜↑こんな感じのリスト(箇条書き)にしてあげると読みやすくなります。見出しをつけよう導入文の次は本文に入っていきますが、本文の中でもいくつかの話のまとまりってありますよね。タイトルをつけることで、さらに本文の中にでてくる細かい話たちをまとめてあげましょう。見た目は普通の本文よりも大きく、目立ちます。参考までに、当ブログの見出しは下記の画像のようになっていると思います。見出しの作り方を説明していきますね!導入文の下に最初の見出しを入れていきます。左上にある「段落」をクリックし、その下に出てきた「見出し2」を選択してください。「見出し1」がある方は、使わないようにしてください!!すると、ちょっと見た目が変るハズです。私は有料テーマ『WING(AFFINGER5)』を使用しているので、グレーの吹き出しのような背景がついてきます。テーマによっては入力画面がすごくわかりやすくデザインされてるものがあるので、個人的にWINGはすごくおすすめです。他のテーマでも、せめて文字のサイズは変わっていると思います。見た目の変化がわかりづらくても、左下に「H2」と表示されていませんか?「H2」が「見出し2」という意味なので、これが表示されているならOKです。そのまま見出しの文章を入力してみましょう。POINT見出しだけ読んでも伝わるようにする(例)見出しに設定した文章は「目次」に表示されます。目次だけ(つまり見出しだけ)読んでも内容が理解できるように意識して付けました。残念ながら、読者って文章を隅々まで読んでくれません(涙)特にわかりづらい記事って本当に読んでもらえないんです。流し読みでも伝わるように、うまくタイトルを活用していきましょう。Plus」というプラグインを設定してみてくださいね!本文を書こう見出しの内容を書くイメージで、本文を書いていきましょう!POINT一文の量に注意しながら書くブログの読者はスマホからのアクセスが圧倒的に多いです。スマホで見た場合、一文が長いとすごく長い文章に感じてしまうんですよね(すぐに折り返されてしまうため)。1つの文章は、3行〜多くても4行くらいにしておくと読みやすいです。WordPressブログでの記事の装飾方法ここからはもっと記事を読みやすくするために、装飾方法をご紹介していきます!重要な文章を太字にする番号なしリスト(箇条書き)を使う番号付きリストを使うリンクを挿入する引用するその他の装飾をする(文字の色変更や装飾ボックスなど)ひとつずつ画像で解説していきますね。ちなみに右上の「プレビュー」を押すと、記事を公開しなくても実際の表示が確認できます。重要な文章を太字にするドラッグで文字を選択してから「B」というアイコンを押すと、太くなります。この「B」はその文章を強調するような役割があるので、使いすぎには注意。ひとつの見出しに1回くらいが最適かなぁと思います。重要な文章ではないけど文字を太くしたい場合は、「太字」を使うと良いです(私の使用しているテーマ『WING(AFFINGER5)』にはこの太字が初めから用意されています)。「B」だと「この文章は大事だよ!」って意味もついてしまうのですが、ただの「太字」なら見た目が太くなるだけです。「B」と「ただの太字」の見分け方は??「B」というアイコンを押すと、strongタグが入力されます。STRONG」と書いてありますよね。これは「ここにはstrongタグが使われているよ」という意味です。このstrongタグのおかげで「この文章は大事だよ!」という意味になります。使い過ぎ注意のやつです。B」といった表示がされるかと思います。文字を太くした場所を選択して、左下に何が出るか確認してみてくださいね。番号なしリスト(箇条書き)を使う箇条書きで物を書くとき、この「番号なしリスト」が役立ちます。押すと黒い丸がでてくるので、あとは文字を入れるだけ。改行すれば引き続き丸がでてきます。箇条書きをやめたいときは、2回改行すれば丸が消えますよ!番号付きリストを使う手順などを説明するときは「番号付きリスト」が使えます。こんな感じで左側に数字がでてくるよ「番号付きリスト」のアイコンを押せば、数字がでてきます。改行したら今度は「2.」「3.」と数字が続いていきます。やめたいときは2回続けて改行してください。リンクを挿入するリンクにしたい文字をドラッグして、「リンクの挿入/編集」ボタンを押します。下記のような画面になると思います。リンク先のURLリンクの文字(ドラッグした文字が表示されてるハズ。ここでも変えられます!)リンクを新しいタブで開く最後の「リンクを新しいタブで開く」に関しては、自分のサイト以外へリンクを貼る場合はチェックを入れた方が良いです。引用する他のサイトから一部文章をそのまま載せたり、本の内容を一部そのまま載せる場合は、正しく引用しなければなりません。「ここは引用だよ!」って伝えるために、まずは「引用」のところを押してください。次に引用元のリンクを貼ります(本の場合はタイトル・ページなど)。先ほどの「リンクを挿入する」をマスターしていれば簡単に貼れると思います。これで引用できました。右寄せにしてスッキリさせたい場合は、まず引用の行だけをドラッグ。「右寄せ」ボタンを押せばここだけ右寄せになります。その他の装飾をする(文字の色変更や装飾ボックスなど)テーマによってはショートコードと呼ばれる機能があります。「スタイル」や「タグ」というボタンがあれば、そこにショートコードが入ってるハズです。私は『WING(AFFINGER5)』というテーマを使用していますが、かなりたくさんの装飾機能が入ってます。下記の画像のように、「タグ」→「テキストパーツ」→「ミニふきだし」から「ピンク」を選択してみると......こんな感じでタグが挿入されました。これがショートコードです。かっこで囲われてるものが2つあると思うので、その真ん中に文字を入れます。投稿画面ではショートコードになってしまうのでどんな風に表示されるか見えませんが、プレビューをしてみたら確認できます。ちなみに上記画像にでてくるショートコードは、実際に表示させるとこんな感じです↓あああ繰り返しますが、これは私が『WING(AFFINGER5)』というテーマを使っているからこの装飾が使えるだけです。...続きを見るWordPressブログでの記事の投稿方法やっと記事を投稿するところまできました!ただ、投稿する前にもやっておいてほしい設定があります。記事の投稿もう少し一緒に頑張りましょう!!!パーマリンクを設定する記事のURLを自分で設定することができます。タイトルの下に出てるURLを見てみると、後ろが日本語になってると思います。※なっていない場合、WordPress側でのパーマリンクの設定が終わってない可能性があります。「ブログの始め方」の記事を参考にして設定を終わらせてきてください。横の「編集」ボタンを押してみてください。自分で文字が入力できるようになりました。英語で付け替えてください。ローマ字でも数字を組み合わせてもいいので、半角英数字で!OKを押したら完了です。日本語にしてしまうと、シェアなどをするときに勝手にアルファベットや数字、記号の組み合わせになって、URLがぐちゃぐちゃになっちゃうんです。わからない文字列が生成されてしまうので、気をつけてください😢カテゴリを設定する書いた記事を入れておくカテゴリを設定しておきます。したテーマというかジャンルというか、そういうイメージでつけてみてください。新規カテゴリーを追加」から新たに追加できます。参考までに、この記事のカテゴリは「ブログの始め方」となっています。ブログを始めたばかりの方に読んでいただく記事なので、このカテゴリにしました。アイキャッチ画像を設定するカテゴリの下の方に「アイキャッチ画像」を設定するところがあります。アイキャッチ画像は記事一覧ページに表示されたり、SNSなどでシェアされたときにも表示されます。YouTubeでいうサムネのようなイメージです。ブログの内容にあった画像を用意してみましょう。私もできるだけ自分のイラストと組み合わせて作るようにしています。記事の投稿をする右上の「公開」ボタンを押したら記事の投稿は完了です!WordPressでの基本的なブログの書き方は以上です。お疲れ様でした!テーマによってはたくさん装飾があってなかなか使い方がマスターできないかと思います(私も全て把握してるわけではありません💦)。記事を書かなきゃ何もはじまりません!最初はアクセスがない状態なので、装飾は後回しにしてどんどん記事を書いていくことをおすすめします✨この記事を書いた人ぱる新卒で独立の道へ進み、現在はブロガー・イラストレーター・YouTuberとして活動中。得意のイラストを活かして、初心者向けにわかりやすく「ブログの始め方」を解説しています。タグとstrongタグの意味合いですが、strongタグの方は強調の意味合いが含まれていて、一つの記事の中で、使いすぎNG的な感じで、代わりに、単に文字を太く装飾したいだけの時にはbタグを使う、ということかと思います。editorで太字にしようとすると、strongタグが入力されてしまいますので、html画面でbタグに打ち直す必要がありますが、そういう面倒を避ける趣旨でbのボタンが付いているのかなと、思いました。20:27すみません、勘違いしていました。bタグが入力されるbボタンじゃなくて、strongタグが入力されるbぼたんですね。これはたぶん、お使いのテーマの入力画面というより、クラシックエディターのデフォルトの入力画面ですね。おつかいのテーマで、bタグが入力されるbボタンがあるんだー、と勘違いしました。02:48こんにちは。楽しく拝見させてもらっています。ブログを始めようと大変参考にさせて頂いています。わからない事があるので質問させてください。アイキャッチ画像の事についてなのですが、記事を開くとアイキャッチ画像は表示されているのですが記事一覧(サイトトップ)だと表示されません。始めたばかりでわからない事だらけなので教えて頂けたら嬉しいです。自分でも色々調べたのですがコードを書き足すのかプラグインを使うのか色々あってよくわからない状況です。「ぱるろぐ」さんの解説が非常に分かりやすく参考になります。23:06投稿したら、早速壁にぶち当たりました。ヘッダー画像の下に記事ごとの枠がありタイトルが付いています。その横に画像を入れられるスペースがあって上部にサイト名が小さく表記されてます。そこの画像はノーイメージとなって公開されているのですが、この画像の変更はどこからやれば良いのでしょうか?また画像を載せない方法はありますか?テーマはGiraffeです。Imageはアイキャッチ画像のことだと思います。投稿画面(記事を書くところ)の右側のどこかにアイキャッチ画像を設定できる欄があるので、そこに画像を入れれば変更できますよ!このアイキャッチ画像を載せない方法は、調べた感じ設定箇所が見当たりませんでしたのでコードをいじるしかなさそうです。コードは変にいじるとサイトが消えちゃう可能性もあるので、私からはアドバイスできないのですが......もしいじりたい場合は、htmlとphpを勉強すれば理解できるようになると思います。15:49ぱるさん、はじめまして。「ブログをやってみたい!」と思い立って迷走しているときに、ぱるさんのYouTubeやブログに出会い、なんとか「あとは投稿しましょう」まで設定が完了しました。サーバーやらドメインやら「なんじゃそりゃ」からのスタートでしたので、かなり時間がかかってしまいましたが、なんとかできました。それで、お聞きしたいことがあるんです。他にも細かい設定はあるとは思いますが、とにかく記事を書くことが大切だと思いますので、記事を書き続けながらブログの装飾やら設定やら作り方はその都度に修正していけばよろしいでしょうか?ブログって、記事が半永久的に残ると思いますから、最初にしっかりと固めておかないといけないのかなって思っての質問です。回答を頂けたら嬉しいです。お願いします♪ブログ始めます。15:24>TAKEさんお返事遅くなってしまい申し訳ございません!ブログはだいたい3か月くらい経ってからやっと検索結果に出てくるので(新しいブログはなかなか見つけてもらえないんです)、最初から気合い入れて書いても見てくれる人が少ないんですよね。コメントをキャンセルメールアドレスが公開されることはありません。時間IllustratorWEBサービス・アプリフリーランスぱるお家大好き!ずっとお家で過ごしたくて新卒でフリーに。ブロガー・イラストレーター・漫画家・YouTuber等のクリエイター活動をしてます。家にいながら稼ぐ方法を発信中。フリーランス2019/04/02新卒フリーランスから1年。良かったこと・悪かったことを振り返る。