ご希望の玉を押してください。

WordPresの操作方法

太郎
太郎

ワードプレスのインストールは完了しました。操作方法を教えてください。

敷島博士
敷島博士

WordPresの操作に必要な最低限の設定と操作のポイントを『ゆかり農縁yukari.jp』を例に説明しましょう。

スポンサーリンク

①管理画面の基本操作

敷島博士
敷島博士

最初にワードプレスを操作する基本操作画面を説明します。

管理画面の基本操作
ユーザー名、パスワードログインクリックしてください。
■Ⓑ管理バー:サイトの表示と管理画面を切り替えます。
■Ⓒサイドバー:管理画面メニュー、選択します。
■Ⓓユーザー名:管理画面からログアウトする時にクリックしてください


スポンサーリンク

②WordPressの初期設定

敷島博士
敷島博士

ここからは、「ゆかり農縁」のサイトyukari.jpを例に立ち位置を変えて説明します。
まずはWordPressのサイトレイアウトの名称を確認ください。

WordPress一般設定

敷島博士
敷島博士

最初は、一般設定でサイトのタイトルやキャッチフレーズを変更できます。

OP№ wpi1 
WordPress一般設定開始

管理画面設定ダッシュボード一般クリックしてください。


OP№ wpi2 
WordPress一般設定
変更

サイトのタイトル、キャッチフレーズ修正できます。
変更を保存クリックしてください。


WordPress表示設定

敷島博士
敷島博士

WordPressの表示設定では、サイトの最初のページ(フロント)を設定できます。

OP№ wph1
WordPressh表示設定開始

管理画面設定ダッシュボード表示設定クリックしてください。


OP№ wph2
WordPressh表示設定変更

ホームページの表示最新の投稿チェックしてください。
検索エンジン表示検索エンジンがサイトを・・・チャックしてください。
サイトの完成後は、チェックを外してください。
変更を保存クリックしてください。
※投稿と固定ページは、後ほど説明します。

WordPressユーザー設定

敷島博士
敷島博士

WordPressユーザー設定では、ブログ上の表示名はIDからニックネームに変更しましょう。

OP№ wpy1
WordPressユーザー設定開始

管理画面ユーザーユーザー一般クリックしてください。


OP№ wpy2
WordPressユーザー設定選択

ユーザー名クリックしてください。


OP№ wpy3
WordPressユーザー設定変更

ニックネーム(必須)ユーザー名を「管理者など」に修正しましょう。
ブログ上の表示名「管理者」を選択します。
新しいパスワードを設定クリックしてください。
修正する場合は、表示された強力なもの又は自ら考えたものを入力してください。
プロフィールを更新クリックしてください。

WordPresパーマリンク設定

博士
博士

パーマリンクとは、固定ページや投稿ページのURLになります
「数字ベース」や「日付と投稿」などのシンプルで分かりやすいものが好まれます。
『ゆかり農縁』は農園日誌がメインですので、「カテゴリーと日付」を設定し、カテゴリーには作物の種類を登録しています。

OP№ wpp1 
パーマリンク設定開始
管理画面設定設定パーマリンク設定クリックしてください。


OP№ wpp2 
パーマリンク設定変更
カスタム構造チェック、囲み内の表示を削除してから、カテゴリー%category%(a)年%year%(b)月%monthnum%(c)日%day%/(d)数字%post_id%(e)をクリックしてください。
変更を保存クリックしてください。

WordPresディスカッション設定

敷島博士
敷島博士

WordPresディスカッションでは、スパムを防止するためコメントの許可をしないに設定します。なおコメントはお問い合わせページを利用します。

OP№ wpds1 
ディスカッション設定開始

管理画面設定設定ディスカッションクリックしてください。


OP№ wpds2
ディスカッション設定
変更

デフォルトの投稿設定新しい投稿へのコメントを許可チェックを外してください。
変更を保存クリックしてください。

スポンサーリンク

③ウイジェットとサイドバー

博士
博士

ウイジェットとは、あらかじめ用意している部品を使ってサイトに情報を表示する機能です。
このウイジェットでサイドバーを変更しましょう。

OP№ wpu1 
ウイジェット設定

管理画面設定ダッシュボード設定ウイジェットクリックしてください。


OP№ wpu2 
ウイジェット
追加
ドラック&ドロップ
⇒②Ⓐ人気記事を引っ張ってサイドバーのボックスまで移動する。

表示項目とボックスが離れている場合
画像②Ⓑクリックしてください。
サイドバーにチェックをしてください。
ウイジェットを追加②Ⓒクリックしてください。
タイトルを入力すると項目名を変更できます。
完了クリックしてください。
⇒削除④クリックすると項目を削除できます。


ゆかり農縁は栽培情報が主なサイトですので、サイドバーはカテゴリー・最新の情報にしています。
カテゴリーはタイトルを「ご覧になりたいのは」に修正、親に栽培日誌、子に各作物を設定する予定です。

OP№ wpu3
ウイジェット
修正

⇒Ⓐタイトルを「ご希望の項目をクリック」に修正しています。
⇒Ⓑ階層を表示チェックしています。
保存クリックしています。


表示項目名の前に[c]の表示があるのは、Cocoonのオリジナルですので、テーマを変更すると影響がでます。

④投稿ページと固定ページの活用

敷島博士
敷島博士

ワードプレスの投稿には、投稿ページと固定ページがありますので、用途に応じて使い分けしてください。

投稿ページ
  • 頻繁に情報を更新するのに適しています。
  • 情報はカテゴリー別に時系列に表示され、本来のブログ的使い方ができます。
  • 野菜の栽培日誌、生産履歴(使用した資材)など向いています。
固定ページ
  • 更新頻度が低く、固定している情報に適しています。
  • フロントやメニュー等でリンクしないとたどり着けません
  • 野菜の基本的な栽培情報、プロフィールなどに向いています。
敷島博士
敷島博士


投稿ページでカテゴリーを設定すると、内容が区分整理され情報の抽出などに活用できます。
では、親カテゴリーに「農園の物語」「栽培日誌」、子カテゴリーに「玉ねぎ」「ジャガイモ」等作物別を設定しています。

投稿ページとカテゴリー

OP№ wptc1 WordPress投稿カテゴリー
管理画面ダッシュボード投稿カテゴリークリックしてください。
名前「農園の物語」入力しています。
スラッグ「story」入力しています。
新規カテゴリーを追加クリックしてください。


スラッグとは、カテゴリーがURLに表記される時、使用します。例えば玉ねぎの投稿のURLはhttps://yukari.jp/oinon/2020/11/13/になります。

OP№ wptc2
WordPress投稿カテゴリー追加

続けて追加
名前「玉ねぎ」入力しています。
スラッグ「onion」入力しています。
親カテゴリー農園日誌クリックしてください。
新規カテゴリーを追加クリックしてください。
未分類編集クリックしてください。


敷島博士
敷島博士

未分類は削除できませんので、カッコ悪いから「農園の物語」に修正します。
アイキャッチ画像に表示されるカテゴリー名の背景色を四つ葉ロゴと同調色にします。

OP№ ptc3
WordPress投稿カテゴリー
修正

名前農園の物語に修正入力してください。
スラッグstoryに修正入力してください。
親カテゴリーを設定できます。
カテゴリ色背景色色を選択クリックしてください。
カラーコードを入力してEnterしてください。
文字色で変更が可能です。
更新クリックしてください。

敷島博士
敷島博士

カテゴリーも設定しましたので、新規追加から投稿を行います。

 投稿内容に関連した画像をアイキャッチ画像をとして設定すると目に留まりやくなります。
 アイキャッチ画像は一記事に一つですが、グロックを使えば本文に写真などの画像を設定できます。

OP№ wptp1 
WordPress投稿ページ

投稿新規追加クリックしてください。
⇒Ⓐタイトルを入力します。
⇒Ⓑ文章入力してください。
投稿(公開状態)今すぐクリックすると公開日を修正できます。
公開日に未来を入力すると設定日に公開されます。
カテゴリーチェックしてください。
+ブロックの使用例は後ほど説明します。
⇒②アイキャッチ画像を選択クリックしてください。


OP№ wptp2 
WordPressアイキャッチ

⇒Ⓐファイルアップロードクリックしてください。
該当の画像チェックしてください。
⇒③開くクリックしてください。
該当ファイルチェックしてください。
⇒④アイキャッチ画像を設定クリックしてください。
事前にパソコンの画像ファイルをメディアライブラリーにアップロードしておき、メディアライブラリーから選択もできます。


OP№ wptp3
WordPress投稿公開

■Ⓐアイキャッチ画像が表示されます。
公開クリックしてください。
公開してもよろしいか?公開クリックしてください。
公開しました✖クリックしてください。
投稿を削除する場合は
投稿④⇒編集ゴミ箱へ移動クリックしてください。


敷島博士
敷島博士

投稿に画像や模様をブロックで表示する方法を説明します。

OP№ wptp4
WordPress投稿編集

投稿①⇒編集クリックしてください。
⇒Ⓐブロックを確認してください。
③㋐クリックしてください。
※主なブロックが表示されますが、全てのブロックを表示するにはすべて表示又はをクリックしてください。
画像と文字を表示する場合
メディアとテキスト(ブロック)クリックしてください。



OP№ wptp5
WordPress投稿ブロック

メディアエリアアップロードクリックしてください。
該当ファイルチェックしてください。
開く(O)クリックしてください。
画像や文字の位置変更
⇒⑧上揃えクリックしてください。コンテンツ(文章)が上に移動します。


OP№ wptp6
WordPress投稿ブロック

フォントサイズクリックしてください。入力した文字サイズが変更されます。
コンテンツに文章を入力しないでEnterクリックして改行してください。
クリックしてください。ブロックの追加ができます。
白抜きボックスクリックしてください。


OP№ wptp7
WordPress投稿ブロック

色設定ボーダー色(枠)・背景色・文字色チェックしてください。
更新クリックしてください。


敷島博士
敷島博士

投稿をしましたので、サイトのフロントページを確認をします。

固定ページとメニュー

敷島博士
敷島博士

固定ページも投稿ページと同じでブロックを使用します。
固定ページは積み重ねて最新の情報には更新しません。まさに固定です。
固定ページのアドレスは、カテゴリーを使わないで直接設定します。

OP№ wpkp1
WordPress投稿ブロック

管理画面ダッシュボード固定ページ新規追加クリックしてください。
タイトルを追加入力してください。
⇒Ⓑ文章を入力、またはブロックを選択します。
⇒Ⓒ・Ⓒブロックを追加できます。
⇒Ⓓ固定ページとブロックの項目を切り替えできます。
パーマリンククリックしてください。
URLスラッグ固定ページの名称を英語で入力してください。
アイキャッチ画像を設定できます。
公開クリックしてください。


敷島博士
敷島博士

固定ページは、メニューによって案内されます。
メニューはヘッダーやフッター、さらにサイドバーに設定できます。
ここではヘッダーメニューやフッターメニュー操作方法を説明します。

OP№ wpkm1
WordPressメニュー

管理画面ダッシュボード外観メニュークリックしてください。


OP№ wpkm2
WordPressヘッダーメニュー

メニュー名「ヘッダーメニュー」入力してください。
メニュー設定ヘッダーメニューをチェックしてください。
メニューを作成クリックしてください。


敷島博士
敷島博士

メニューの表示項目名と表示順を変更できます。
固定ページのタイトルからメニューにするものを選択してください。

OP№ wpkm3
WordPress
メニュー表示順
メニュー項目追加すべて表示クリックしてください。
メニューにする固定ページチェックしてください。
メニューに追加クリックしてください。が表示されます。
⇒Ⓕ項目を引っ張って順序を変更できます。
項目を右に移動することで子メニューになります。



敷島博士
敷島博士

サイトのデザインにあったメニュー項目に省略して修正します。

OP№ wpkm4
WordPressメニュー
ラベル修正
ナビゲーションラベル修正入力してください。
削除クリックしてくださいメニューが削除されます。


敷島博士
敷島博士

外部サイトのリンクをメニューに設定できます。

OP№ wpkm5
WordPressメニュー
カスタムリンク
カスタムリンク▼クリックしてください
リンク先のアドレスや項目入力してください。
メニューを保存クリックしてください。


OP№ wpkm6
WordPress
フッターメニュー

新しいメニューを作成しましょう。クリックしてください。


OP№ wpkm7
WordPress
フッターメニュー

メニュー構造メニュー名ヘッダーメニュー入力してください。
メニュー設定ヘッダーメニューにチェックしてください。
メニューを作成クリックしてください。
以降はヘッダーメニューと同様の操作をしてください。


タイトルとURLをコピーしました