読む人にも、書く人にも、
真に価値ある情報を。
wordpressの初心者向け情報サイト『webcode』
WordPress

WordPressの投稿の操作方法一覧

laptop 593673 1920 - WordPressの投稿の操作方法一覧

WordPressの「投稿」機能に関する操作方法を纏めてみました。これから初めてWordPressを使う方は参考にしてください。

WordPressでの基本的な投稿フロー

まずは基本的な投稿フローを覚えていきましょう。

ダッシュボード→投稿→新規追加

最初は、ダッシュボードから始まっているはずなので、「投稿」→「新規追加」へ行きます。

018e6c6a9b8617ec34766f7370fc3a52 - WordPressの投稿の操作方法一覧

ビジュアルかテキストか選択

次は、文章の入力方法を選びましょう。「ビジュアル」か「テキスト」か選択します。

  • ビジュアル:ビジュアルエディタ。見た目に通りの記事作成ができるので、編集しやすい。
  • テキスト:プログラミングできる方向け。HTMLでの記述が必要。
07893ceba76109df290fa006f0a2a82f - WordPressの投稿の操作方法一覧

タイトル・文章を入力

次は、タイトルと文章を実際に入力していきます。実際は、文字の装飾などをすると思いますが、それについては下の項目でまとめて説明していきます。

9b85466622eed7575441829a030b7bfb - WordPressの投稿の操作方法一覧

下書き・プレビュー・公開

文章が入力し終わったら、公開です。ただ、下書きにして保存などもできるので、上手く活用して下さい。

表示がどんなものになるのかを確認したければ、プレビュー機能を使ってくださいね。

92b4179f7410826dc66ff3956b32db02 - WordPressの投稿の操作方法一覧

WordPressの投稿に関する機能

それでは、WordPressの投稿時に使える機能を一つ一つ知っていきましょう。

見出し

見出しの設定方法です。見出しは「見出し1」〜「見出し6」まで選択できます。

※「段落」を選択することで、もとの状態に戻ります。

c6fbeca21bb4ae9bbc965deaaebddb0d - WordPressの投稿の操作方法一覧

太字・斜字

太字斜字は、「B」と「I」マークで行います。変更したい部分を選択状態にして、「B」などのマークを押してください。

9776f34917f17be1310527a6f705b867 - WordPressの投稿の操作方法一覧

リスト

リストは、「I」マークの横にある、リストマークで行います。

左側が「順序なしリスト」、右側が「順序づきリストになります」

  • 順序なしリストの例1
  • 順序なしリストの例2
  • 順序なしリストの例3
  1. 順序ありリストの例1
  2. 順序ありリストの例2
  3. 順序ありリストの例3
2671500144113dba5a047bc160840ce6 - WordPressの投稿の操作方法一覧

引用

引用はダブルクオーテーションマークを押すことで行なえます。

引用は、どのテーマでも基本的にデザインが分かりやすく変わっていることが多いです。

a22208d33968ea571aa4c96ba5f7fa43 - WordPressの投稿の操作方法一覧

リンクの貼り付け

次は、リンクの貼り付け方法です。

リンクは、リンクマークを押して、URLを入力することで貼り付けることが出来ます。

4e3c49588792c85850489ea5a01ae838 - WordPressの投稿の操作方法一覧

画像の貼り付け

画像は、「メディアを追加」から行うか、直接ドラッグ&ドロップをします。

67f3635fcb0f0902b686ed1a9c8892e2 - WordPressの投稿の操作方法一覧3a366fa102bb0d24bb3657cd428bdd95 - WordPressの投稿の操作方法一覧7071375756ce454165ec428fb0656e5d - WordPressの投稿の操作方法一覧

画像へのリンク貼り付け

画像へのリンクの貼り付けは、普通のリンクの貼り付け方法に似ています。

エディタ上に表示されている画像をクリックして、リンクマークを押します。

アイキャッチ画像の設定

アイキャッチ画像は、カスタムフィールドから設定します。アップロード方法は画像の貼り付けの場合とほとんど同じです。

afc20748827d3047d98438dd5a576712 - WordPressの投稿の操作方法一覧

パーマリンクの変更

パーマリンクの変更は、タイトル下にあるURLの「編集」ボタンを押すことで変更できます。

7e6409eeeeb412dca62c645a306bde05 - WordPressの投稿の操作方法一覧

カテゴリー・タグの追加

カテゴリーとタグは、別途追加して、記事に設定するシステムになっています。

007685ded5da6b4e037330c147123143 - WordPressの投稿の操作方法一覧

既にあるカテゴリーやタグを編集する

ダッシュボードの「投稿」の下層ページからカテゴリーやタグを編集できます。

8ac8db187cacef8cbd055b94149d45de 1 - WordPressの投稿の操作方法一覧f675421d21b9a1b4343b34e4c1be429e - WordPressの投稿の操作方法一覧

 

WordPressでおすすめのプログラミングスクール

オンラインマンツーマンならCodeCamp

bgt?aid=160728030173&wid=010&eno=01&mid=s00000016159001010000&mc=1 - Wordpressでおすすめのプログラミングスクール0 - Wordpressでおすすめのプログラミングスクール
CodeCampは、完全オンラインで、現役エンジニア講師のマンツーマンレッスンを受けられるプログラミングスクールです。

CodeCampは期間限定でWordpressコースを提供していますが、上場企業のグループ会社が運営していることもあり、これまでに2万人以上の受講実績があります。

プログラミング未経験者でも、WordPressのインストール、サーバーの準備、テーマの設定、プラグインの導入など、WordPressでサイトを構築するためのスキルを身につけることができます。

プログラミングのオンラインスクールCodeCamp0 - Wordpressでおすすめのプログラミングスクール

CodeCampの口コミはこちら

オンラインテキストを自習形式ならTechAcademy

bgt?aid=160728030174&wid=010&eno=01&mid=s00000016188001104000&mc=1 - Wordpressでおすすめのプログラミングスクール0 - Wordpressでおすすめのプログラミングスクール
TechAcademyは、1ヶ月の短期集中でWordpressについて学べる、完全オンラインのプログラミングスクールです。

基礎的なPHPの知識に加えて、サイト制作における企画・設計・制作・運用方法、WordPressテーマのカスタマイズ方法、プラグインを利用した機能の追加方法、オリジナルWordPressテーマの作成方法などを学ぶことができます。

TECH ACADEMYでは申込みから1週間の間、オンライン教材・メンターによるサポート等の学習システムを無料で体験することも可能です。

TECH ACADEMYの無料体験はこちら0 - Wordpressでおすすめのプログラミングスクール

TECH ACADEMYの口コミはこちら