WordPressの操作マニュアル

こちらでは、WordPressの基本的な操作方法をまとめています。

こちらで掲載している以外の操作方法に関して、まずはGoogle検索してください

WordPressのログイン方法と画面説明

初回ログイン方法

手順①

ご登録メールアドレス（Gmail）に、WordPressログインの為のパスワード設定メールが届きます。
※設定メールが届いていない場合は、コミュニティチャットへお問い合わせください

手順②

記載されているURLをクリックすると新規パスワード設定ができますので、任意のパスワードを設定します。（管理者側にパスワードが知られることはありません）

手順③

ログインページに飛び、あなたのユーザー名と設定したパスワードを入力してログインします。（ユーザー名はメール内に記載されています）

手順④

ログインが完了したら、右上に「こんにちは、○○さん（あなたのユーザー名）」と表示されていることを確認します。

業務画面の説明

サイトにログイン後、ダッシュボードに切り替わります。
主に作業する項目は投稿→「新規追加」です。

投稿一覧画面の見方

左の投稿＞「投稿一覧」をクリックすると、サイトに保存された記事をリストで確認できます。

◆上記画像の項目名について

すべて・・・全ての記事を表示します
所有・・・あなたが作成した記事のみを表示します
公開済み・・・全ての公開済み記事を表示します
下書き・・・全ての下書き記事を表示します
非公開・・・全ての非公開記事を表示します
ゴミ箱・・・全てのゴミ記事を表示します
保留・・・全てのレビュー待ち記事を表示します
※非公開・・・管理者には記事が表示され、閲覧者には表示されない状態

こちらで掲載している以外の操作方法に関して、まずはGoogle検索してください

くらしくの操作マニュアル【クラシックエディター】

見出しの作り方

長い文章になる場合、途中に『中見出し』や『小見出し』を入れて区切ることで読みやすくなります。

見出しを作りたいところにカーソルをあてる
「見出し」をクリックします
見出しのテキストを入力します

テキストを入力してから見出しを選択することもできます。作成した見出しは、「目次」に自動的に表示されます。

【記事の目次例】

画像のように、大きな見出し(h2)の下には、次の小見出し(h3）がきます。

h2→h3→h4……といった順番がルールです。（「見出しの入れ子構造」参照）

※順番を飛ばしてh2→h4などとならないように注意してください。

記事作成の基本的な流れは、

見出しをつくり、記事の文章を完成させる
画像や動画、ツイッターなどの埋め込みをする
太字や枠などの装飾をして、体裁を整える

です。

ポイント：はじめに2〜3個の見出し(h2)を決めてからそれぞれの文章を書き、見出しごとに(h3、h4…）項目を作成するとスムーズです。

注意：使用するのは「見出し2」「見出し3」「見出し4」のみ。「見出し1」と「見出し5以下」は使用しません。

アイキャッチ画像の設定方法

※動画内ではサイズ640×480で作成していますが、レギュレーションで指定している場合はそちらを優先してください。

文字を装飾する方法

文字を装飾することで、より読みやすくポイントが掴みやすい記事を作ることができます。

特に使用する頻度が高い装飾を解説していきます。

太字を設定する

太字にしたい文字をドラッグして選択し「B」ボタンをクリックします。

文字の色を変更する

色を変更したい文字を選択し、色設定をクリックしてください。選択したい色をクリックすると、文字色が変わります。初期状態に戻したいときは、「クリア」を押しましょう。※基本は赤色のみ

アンダーラインを引く

アンダーラインを引きたいときは、「U（下線）」をクリックしてください。
選択すると指摘箇所にアンダーラインが引かれます。

マーカーを引く

アンダーラインを引きたいときは、「スタイル」→「マーカー」→「好きな色」を選択します。
但し、基本は

黄マーカー（細）
赤マーカー（細）

上記２つのみ使用するものとします。

引用

引用したい部分を選択し、「“」をクリックするだけです。

以下の画像のように引用したい部分だけに引用装飾がされます。

※実際のデザインと異なる場合があります。

【専門的な文章の引用】
例えば、「花粉症になりやすい人」の特徴を書きたい場合、専門性がない一般人が書ける内容ではありません。そのため、企業の公式サイトや医師の記事など専門性の高い文章を引用する必要があります。

【引用の表記】URLの記載ではなく引用元のメディアの名前を記載してください。
○引用元：アレジオン
×引用元：https://www.ssp.co.jp/alesion/hayfever/

箇条書き（リスト）

箇条書きしたい部分を選択し、リストタグをクリックしてください。
また、番号付きのリストもありますので必要に応じて使い分けましょう。

会話調の吹き出し

口コミ
あなたの意見

などを視覚的にわかりやすくするときに、吹き出しは有効です。

吹き出しの挿入手順

ツールバーの「タグ」→「会話ふきだし」→「会話◯」を選択
[st-kaiwa]と[/st-kaiwa]の間に、言葉を入れる

会話調の吹き出しの見本

ボックス

他の記事と雰囲気を合わせるため、基本的には以下の色（緑・赤・黄・灰色）を使ってください。

ボックス（タイトルあり）

ボックスに入れたい文章を入力する
その文章を選択
「Quicktag」→「★ボックス（赤or緑or黄）」をクリック
「タイトル（15文字以内）」をお好きなタイトルに編集
プレビューで確認

【ボックスの見本】

【「Quicktag」→「★ボックス（赤or緑or黄）」が見当たらない場合】
「ビジュアル」タグから「テキスト」タグに切り替えて、「★ボックス（赤or緑or黄）」を選択してください。

ボックス（タイトルなし）

ボックスに入れたい文章を入力する
「マイボックス」を選択
必要であれば色を変える（bgcolor=”#f3f3f3″の#f3f3f3を変える）
プレビューで確認

緑：#daf5f5
赤：#ffebee
黄：#fffad1

【ボックス（タイトルなし）の見本】

SNSや画像などの挿入・埋め込み方法

画像の挿入

画像挿入したいとことろにカーソルをあて、「メディア追加」で入れたい画像を選択します。
基本的にサイズは「大」を選択してください。
※画像によって「大」が表示されない場合があります。その際は、全体のコンテンツに応じて適宜サイズを調整します。

YouTube動画の埋め込み

Instagramの埋め込み方法

埋め込みたいインスタをPC画面で開く
右上のメニューボタンをクリック
「埋め込み」を選択
「コードのコピー」をクリック
WordPressの新規投稿画面に戻り、「テキスト」をクリック
任意の場所に貼り付け
「ビジュアル」に戻すと、無事に貼れています（プレビューを見れば実際の画像を確認できます）

※PC環境によっては、実際の画像を確認できない場合があります。

著作権の関係上、できるだけ「公式」のマークがついたものを埋め込むようにしてください。口コミなどの利用目的であっても、使用する人に許可を取るのが無難です。

Twitterの埋め込み

ツイッターもインスタグラムとほぼ同じ手順です。

著作権の関係上、できるだけ「公式」のマークがついたものを埋め込むようにしてください。

STEP1：埋め込みたいTwitterのメニューボタンをクリック

STEP2：「ツイートを埋め込む」をクリック

STEP3：「Copy Code」をクリック

STEP4：WordPressの投稿画面で「テキスト」を開く

STEP5：任意の場所に貼り付ける→完成

Googleマップの埋め込み

Googleマップで、埋め込めたい場所を検索する
「共有」をクリック
「地図を埋め込み」→「HTMLをコピー」をクリック
新規投稿の編集画面で「テキスト」をクリック
任意の場所に貼り付け
「ビジュアル」に戻すと、埋め込み完了

テーブルの使い方

テーブル幅の調整方法

WordPressバグが起こった時の対処法

商品リンクの使い方

こちらで掲載している以外の操作方法に関して、まずはGoogle検索してください

mylioの操作マニュアル【ブロックエディター】

見出しの作り方

文字を装飾する方法

文字を装飾することで、より読みやすくポイントが掴みやすい記事を作ることができます。

特に使用する頻度が高い装飾を動画で解説しています。

太字を設定する
文字の色を変更する
引用
箇条書き（リスト）
吹き出し
ボックス

アイキャッチの設定方法

アンカーリンクの作り方

表の中にリストを作成する方法

ブロックエディターで改行を作る方法

ブロックエディターでは、基本的に「エンター」を押しただけでは改行（スペース）ができません。

その為、『スペーサー』を挿入して改行を調整する必要があります。