投稿ページの作り方

Category: Wordpress, WPBakery Page Builder Tags: , ,

wordpressの投稿ページの更新方法です。画像の保存方法から投稿までの流れになります。
WPBakery Page Builderのプラグインを使っている場合になります。

画像を用意します

画像を用意します

まず、投稿するにあたって、最初に投稿のタイトルを決めます。
また、投稿を英訳して、短めの英語タイトルも決めてください。
英語タイトルは、例えば下記のように、小文字とハイフンのみで作ってください。

洗車 wash
グリッツェン gritsen-maintenance
ケイ素&クラリード silicon-klalead
コーティング  coating

画像には、「英語タイトル + 番号」を付けてください。
番号は通し番号をつけると分かりやすくなります。

画像を圧縮します

画像を圧縮してください。
そのままwordpressにアップロードしても大丈夫ですが、画像圧縮をしていないと、ページが遅くなります。
下記ページがおすすめの画像を圧縮するサイトになります。
https://tinypng.com/

画像は、幅1200px以下くらいにとどめておくと良いです。

画像をアップロードします

メディア > 新規追加を開きます。

ファイルを選択」ボタンをクリックするか、ドラッグアンドドロップで画像をアップロードします。

画像がアップロードされました。

投稿ページを作ります

投稿ページを作ります

投稿 > 投稿一覧
上記のページを開きます。

既に作ってあるページを複製します。
「新規追加」から作る事もできますが、複製した方が簡単にできるのでおすすめです。

「複製」をクリック

投稿ページが下書きの状態で出来ます。

出来た投稿ページにカーソルを合わせると、メニューがで出てきます。

「クイック編集」をクリックします。

「タイトル」、「スラッグ」、「カテゴリー」を入れ、「更新」をクリックします。

タイトル → グリッツェン塗り込み(投稿のタイトル)
スラッグ → glitzen-paint(英語タイトル)
カテゴリー → コーティング(親カテゴリー)

作ったタイトルをクリックします。

投稿ページの画像を編集する方法

投稿ページの画像を編集する方法

「単一画像」にカーソルをオーバーすると鉛筆のアイコンが出てくるのでそれをクリックします。

元々あった画像を削除して、再度画像を登録します。

画像を選んだ後「画像セット」をクリック。

「変更保存」をクリックして、保存します。
※この状態では、完全に保存されていません。ページ右上の「更新」ボタンをクリックしてページをこまめに保存してください。

投稿ページのテキストを編集する方法

テキストブロックにカーソルをオーバーすると鉛筆アイコンが出てくるのでクリックします。

「テキスト」ボタンをクリック。

前からあるテキストを消去して、入れたいテキストを入れます。

「変更保存」」をクリック。

投稿ページの見出しを編集する方法

「見出しカスタム」にカーソルオーバーすると鉛筆アイコンが出てくるので、それをクリックします。

前からあるテキストを消去して、入れたいテキストを入れます。

「変更保存」をクリック。

アイキャッチを設定する

編集ページの右下にあるアイキャッチの画像を設定します。

前の画像が既に入っている場合には、「アイキャッチ画像を削除」をクリックして削除し、
画像を登録します。

タグを設定する

タグを追加します。

投稿に関連するキーワードを入れてください。
人が検索しやすいワードを入れると良いです。

「追加」ボタンをクリックします。

投稿を公開します

編集ページの右上にある「公開」メニューをクリックします。
投稿設定を「公開」にして「OK」をクリックします。

その後、その下にある「更新」ボタンをクリックすると投稿が公開されます。

下書きのまま保存したい場合には、「非公開」にして「更新」ボタンをクリックします。
投稿ページを作成する場合には、なるべく作りながら保存する事をおすすめします。

要素の複製の方法

例えば「単一画像」を複製したい場合は、「単一画像」にカーソルをオーバーすると複製アイコンが出てきます。

複製アイコンをクリックします。

「単一画像」が複製されます。

行の複製方法

の右上にある複製アイコンをクリック。

が複製されます。

要素を追加する方法

カラムの下にある「+」をクリック。

メニューがでてきますので、その中から

「単一画像」のアイコンをクリックすると「単一画像」が入ります。

画像を設置する場合にはこちらを使います。

要素が追加されます。

その後、その下にある「更新」ボタンをクリックすると投稿が公開されます。

要素を削除する方法

「X」アイコンをクリックするとすぐに要素が削除されます。

その後、その下にある「更新」ボタンをクリックすると投稿が公開されます。

削除を間違ってしまった場合には、「更新」をクリックせず、ブラウザをリロードしてください。