2018.05.30この記事は約5分で読めます。スポンサーリンクこんにちは、ぐだおです。今日はWordPressでの記事の投稿の仕方の基本について書いていきます。目次(4)WordPressで記事を投稿してみる(4−1)WordPressで記事を書く(4−2)HTMLタグの基本とQuicktagについて(4−3)記事へ画像を挿入する(4−4)記事を公開しよう(4−5)WordPressの管理画面にある投稿一覧で項目の幅を調整するおわりに(4)WordPressで記事を投稿してみる(4−1)WordPressで記事を書くまず、サイドバーの投稿–>新規追加を選びましょう。WordPressトップの「次のステップ」の「ブログに投稿する」を選びます。すると、こんな感じのページが出てきます。順番にひとつずつ見ていきましょう。ここの「ここにタイトルを入力」のところに投稿のタイトルを入れます。次に一つ前の画像の下の大きな四角い空欄のところに記事の内容を書いていきます。ちなみに上記の画像の右下のビジュアルとテキストというのは、テキストがHTMLつまりページの生の情報を表示するモードであり、ビジュアルはそれをブラウザ(FirefoxやChromeなど)で表示した時にどのように見えるのかを確認できるモードになります。HTMLにこれまで触れたことのない人はビジュアルで執筆しても良いですが、テキストの方が拡張性が高いので、今のうちに慣れておきましょう。(4−2)HTMLタグの基本とQuicktagについてタイトルのすぐの下のこれらはQuicktagと呼ばれるもので、HTMLを打つ時の支援ツールみたいなもんです。無料ブログサービスを使用したことある方はなんとなく分かると思いますが、例えばbは太字でiは斜体です。使い方としては太字にしたい部分を選んでbを選べばOKです。テキスト表示形式だと、<b>太字にしたい文字列</b>のようになるはずです。これをビジュアルあるいはブラウザで確認すれば実際に太字になっているのを確認できると思います。同様に、他のページへのリンクを貼りたい場合にはlinkのタグを選びます。ここからリンク先URLを入力します。リンク文字列というのは実際にページ上で表示される文字列になります。自分のホームページ上にリンクを貼りたいときは既存のコンテンツにリンクのところから探すこともできます。『WordPressについての説明はこちら』では、リンク文字列に「こちら」、URLにhttps://gudao-lazy.com/wordpress0/をいれています。これらのQuicktagはビジュアルモードだと以下のように表示されます。ビジュアルモードのBやIはそのままでわかりやすいですね。右から5個目のクリップのようなものがリンクになります。(4−3)記事へ画像を挿入するつぎに、画像を投稿中に挿入する方法ですが、ここの左下の「メディアを追加」からできます。「ファイルをアップロード」から挿入したい画像をアップロードし、「メディアライブラリ」からアップロードした画像を選んで、最後に右下の「投稿に挿入」を押します。これで画像を挿入できたはずです。ちなみに「投稿に挿入」の直上のところで挿入する画像の表示サイズも選べます。(4−4)記事を公開しよう最後に記事の公開についてです。右のサイドに次のような項目が表示されていると思います。ここでは公開・カテゴリー・タグの設定ができます。カテゴリーやタグはそのままなので説明の必要はないかと思います。公開のところでは、この投稿を公開するのか否か、いつ公開するのか等の設定をすることが可能です。ここのプレビューから実際にブラウザでどのように見えているか確認できるので、公開前にこのプレビューをチェックすることをオススメします。いうわけで、無事に記事を投稿できましたね。(4−5)WordPressの管理画面にある投稿一覧で項目の幅を調整するあるていど投稿の数が増えてくると、リライトのために古い記事を探すなど、管理画面の投稿一覧ページにいくことがままあると思います。WordPressの管理画面にある投稿一覧は初期設定のままだと項目の幅がいまいちで、一つの記事かなんども改行されてしまい、非常に見にくくなりがちです。そこで項目の幅を調整する必要があるのですが、Excelみたいにセルの幅を直接いじれるわけではありません。「外観–>テーマエディタ」からfunctions.phpにコードを追加する必要があります。詳細は下記サイトを参照してください。img{max-height:32px!important;}</style><?php}add_action('admin_head','colwidth_css');author/作成者tags/タグcategories/カテゴリーdate/日付post_thumb/アイキャッチ画像comments/コメントのようにコードを追加する必要があります。実際の幅はpxの前の数字を変えて、自分にとってベストの状態に改変すると良いと思います。おわりにここまで4回の記事に分けてWordPressの使い方について書いてきましたが、これでようやくWordPressの使い方(基本編)が終わりです。現時点で最低限のホームページの体裁はできたと思いますし、パソコンが得意でない方にとってはそれで十分だろうと思います。WordPressの世界はまだまだ奥深くてもっともっといろんなことが出来ちゃいます。その辺のWordPressを使い倒すための細かいTipsについては随時更新していきたいと思います。WordPressの基本WordPressを始める:ページタイトルをつけるこんにちは、ぐだおです。今回はWordPressを使ってそれっぽいページを作っていく方法を書いていきます。レンタ...WordPressの基本WordPressを始める:ウィジェットを設定するこんにちは、ぐだおです。今回で、WordPressにおけるホームページの外観の基本設定はおわりです。今回は、「ウィジェット」についてですね。(3−1)ウ...WordPressの基本WordPressのテーマを変更するこんにちは、ぐだおです。今日はWordPressのテーマの変更の方法について紹介します。WordPressの説明のところでも書きましたが、自分でスタイルシートを頑張って作らなくても、すでに公開されている様々なテーマを使え...WordPressの基本WordPressを始める:メニューを作成するこんにちは、ぐだおです。今回は前回の、WordPressでホームページの外観をカスタマイズする、の続きで「メニュー」「ホームページ設定」について説明していきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。新しい投稿をメールで受け取るΔホームぱぱっとホームページを作るWordPressの基本スポンサーリンクスポンサーリンクサイト運営者ぐだお30代半ばのぐだおです。このページでは「ぐだお」がアーリーリタイアして隠遁生活をするための資産運用について主に書いています。目次へトップサイドバースポンサーリンクスポンサーリンクサイト運営者ぐだお30代半ばのぐだおです。このページでは「ぐだお」がアーリーリタイアして隠遁生活をするための資産運用について主に書いています。〜資産運用関連〜ぱぱっとホームページを作るWordPressを使い倒すその他タイトルとURLをコピーしました。