ネットはみるだけでなく、ブログ配信!はじめませんか!

このサイトは、こんな人におすすめ
  • 時間が余り、することがない(定年退職者など)
  • インターネットで配信したいんだけど何からすればいいのか分からない(一度失敗した)
  • 有機栽培などの野菜をインターネットを使ってPRしたい(野菜の良さを伝えたい)
  • 新聞、雑誌関係に仕事をしたかった人。(自分で全部できます)
  • 物忘れが多くなった人(痴呆症予備軍)

パソコンはワープロ程度は使えますが、ブログは初めてです。何からすればよいですか

博士
博士

鉄人28号の親、敷島大二郎の弟で、プレミアムドメイン(daiki.comやyukari.jp)を取得している敷島がシニアにも簡単にできるブログを紹介します。

1.ブログするなら知っておくべきポイント3選

どうやってブログを作るのですか

博士
博士

プラモデルを作る感覚で、回答を選ぶ試験のように、誰でも簡単にできます。デザインは着せ替え人形のようです

博士
博士

突然ですが、鉄人28号の歌、おぼえていますか

(問題)
 鉄人28号の歌詞を回答番号で、お答え下さい。
(回答番号)
 ①ガオー ②ダーン 
 ③バーン ④ビユーン

(答え)
 ビルのまちに、( ① )
 夜のハイウェイに( ① )
 ダダダダ( ② )とたまがくる
 ババババ( ③ )とはれつする
 ( ④ )と飛んでく鉄人28号

 簡単に答えられましたか?真っ白い答案用紙に答えを書くのが、HTMLと言う言語を使って作るウェブサイトです。解答欄から答えを選ぶ感じで作るのがワードプレスを使ったブログです。
 ブログには答えを選ぶだけの「無料ブログ」と問題も自分で作れる「有料レンタルサーバー」があります。

「有料レンタルサーバー」は、ドメイン維持料と合わせて年間16,500円程度の費用がかかりますが、「ワードプレス(無料)」のテーマを使い“きせかえ”感覚で、自由にデザインの変更ができ、世界で一つの「独自ドメイン」が取得できます。

博士
博士

まずは、ドメイン・レンタルサーバー・ワードプレスの3つの仕組みを理解しましょう

①ドメインとは

ドメインとは、何ですか

博士
博士

ドットコム( .com)、聞いたことありますか


ドメインとは、ウェブ(Web)サイトの住所です
ご覧のサイト「玉手箱」のドメインは、
tamatehako.com(たまてはこドットコム)です

ドメインは世界に一つで、同じものはないことから早いもの勝ちです

ドメインとは、Webサイトを表示するための住所です。Webサイトは、電話番号のようなIPアドレス(123.45.678.9)で識別していますが、IPアドレスにドメインを関連づけることで、これを覚えやすくしています

サイトの名称(玉手箱)は、“たまてばこ(tamatebako)”ではないのですか

博士
博士

tamatebakoは先に取られていましたので、tamatehakoにしました。案外、気にいってます
 私、自分の名前(プロフィール)daiki.comと農園yukari.jpを昔に取得しました

 一般的に、ドメインは、.jpや.comで覚えやすく、入力しやすいものを取得するのがおすすめです。
 野菜の販売をお考えの方は、ブランド名をドメインすればPR効果
が倍増します。

②レンタルサーバーとは

レンタルサーバーとは、何ですか

博士
博士

サーバーは、ネットの世界では土地になります

ホームページやブログを発信するためには、サーバーに画像や文書を預ける必要があります。このサーバーには、①無料サーバーと②有料レンタルサーバーがあります

①無料サーバー
・利用料金(家賃)は無料。
・集合住宅ですので、住所(サイト名)は部屋番号。
・アメーバブログなど

②有料レンタルサーバー
・利用料金(家賃)が必要。
・一戸建てのため、住所(サイト名)はドメイン取得で選択可能。
・ワードプレスを使いモデルハウス感覚で間取りやデザインも自由。
・Xサーバーなど

 レンタルサーバーにドメインとワードプレスを登録すれば完成です

博士
博士

ワードプレスは、パソコンでもスマホでも、ネットにつながれば操作できます

③ワードプレスとは

ワードプレスとは、何ですか

博士
博士

ワードプレス(WordPress)は、特別な知識がなくてもブロブなどのサイトが作れるソフト(道具)です
さあ、ワードプレスで家を建てましょう

 これらのサイトは、無料テーマのCocoon(コクーン)のスキン(衣装)をかえることで、見栄えをかえています。
 ワードプレスは、テーマやスキンの“着せ替え”でレイアウトの変更ができます。

画像や文字を表示するには、どのように入力しますか

博士
博士

この会話風(吹き出し)の操作を説明します

💭吹き出しの作り方は、
+ クリックするとブロックを表示します。
💭吹き出しクリック。
⇒③悩むおじさん(左)チェック。
⇒④フラットチェック。
⇒⑤チェックして。
⇒⑥丸(枠線あり)チェック。
「画像や文字を表示するには、どのように入力いますか」入力。
   

博士
博士

できそうですか 答えを選ぶだけで完成です
このサイトのマネをすれば誰でも簡単にできます
※もう少し学習される方は、次の固定ページに進んでください

2.さあ はじめよう ドメイン・レンタルサーバー・ワードプレスで

何から始めれば、いいですか

博士
博士

ブログを始めるには、ドメイン・レンタルサーバー、ワードプレスが必要になりますが、ドメインとレンタルサーバーを利用するには、賃貸契約が必要になります

ドメインとレンタルサーバーの契約はどのようにしますか

博士
博士

 ドメインとレンタルサーバーの契約は、同じ会社と契約する方法と別々の会社にする方法があります

同じ会社

・ネームサーバーにドメインを登録する操作が必要ない。
・キャンペーンなどでサーバー契約期間中は無料の時もある。
・超簡単インストールのクイックスタート等が利用できる。

・サーバーの契約を変更した時複雑になる。
・キャンペーンなどがないと比較的に契約料が高い。

別々会社

・レンタルサーバーの契約先の変更が容易である。
・契約料が比較的に安価である。

ネームサーバーにドメインを登録する操作が必要である。

レンタルサーバーのおすすめはどこですか

博士
博士

 レンタルサーバーは、“エックスサーバー株式会社”との契約を例として、説明します
 玉手箱も他社から乗り換え“エックスサーバー株式会社”で運営しています
 スマホで「玉手箱」を見ながらおすすみください

エックスサーバーの優れているポイント
・WordPressのインソールが簡単。
・電話サポートがある。
・処理速度が満足できる。
・不正アクセスのログイン制限やSSL等のセキュリティが十分である。
・利用者が多いので、操作方法などのサイトが豊富で安心できる。

一番簡単で、早くブログが始められる方法を教えてください

博士
博士

ワードプレスをインストールしてブログを始めるには、Xサーバーでは①超簡単なクイックスタートと②通常インストールがあります

希望ドメイン名は考えましたので、契約の説明をお願いします

博士
博士

事前に準備するものを用意してください

操縦画面で操作を説明します

事前に準備するもの

・スマートフォン、携帯電話(SNSで認証コードが送られる)
・メールアドレス(連絡用のメール※renracu@gmail.comを使い説明します)
・希望ドメイン名(drone28go.comを例に説明しています。)
・ブログのタイトル
・ブログ管理画面用のユーザー名、レンタルサーバーのID
・ブログ管理画面用のパスワード、レンタルサーバーのパスワード

①超簡単クイックスタート(同じ会社)でワードプレスをインストールする方は、

OP№ xq1
クイックスタートログイン

「Xサーバー」をクグッてお申し込みはこちら10日間無料お試し 新規お申込みクリックしてください。

OP№ xq2
XSERVE申込フォーム

サーバーIDは、表示のままでも自分で決めるで修正もできます。
プランは、X10で十分です。(プランで料金が異なります。)
WordPressクイックスタートにチェックをしてください。
Xserverアカウントの登録へ進むクリックしてください。

OP№ xq3 事前確認
⇒Ⓐクイックスタートは「10日間無料のお試し期間」がありません。「お申し込みと同時にサーバー料金の支払い」が発生します。「支払いはクレジットカードで自動更新」として契約が自動的に更新されます。
確認しましたクリックしてください。

OP№ xq4 サーバー契約
サーバーの契約期間希望の期間を選択ください。利用料金が表示されます。

OP№ xq5 ドメイン契 約
希望ドメインを入力し、トップドメイン.comなどを選択してください。
※すでに登録されている場合は登録できません

OP№ xq6WordPressの登録
ブログ名あとで変更できます。(例:ドローン28号)
ユーザー名ワードプレス管理画面のログインに使用します。
パスワードワードプレス管理画面のログインに使用します。
メールアドレスワードプレス(ドローン28)からの通知用メールアドレスです。メールアドレスは連絡用に作成したもの(renracu@gmail.com)を表示していますので、ご自身のものを入力してください。
Xserverアカウントの登録へ進むクリックしてください。

・ユーザー名とパスワードは、メモってください。
・パスワードは、大小文字・数字・!#$%=~^|:_[].+-*/などを使い複雑なものを設定ください。
・パスワードは後で変更できますが、ユーザー名は追加できても変更できません。

OP№ xq7 
XSERVE申込フォーム
メールアドレスは、Xサーバーの連絡用です。WordPress用と同じでもOKです。㊟メールアドレスは連絡用に作成した(renracu@gmail.com)を表示していますので、ご自身のものを入力してください。
パスワードは、Xサーバーの利用に使います。
登録区分は、該当をチェックしてください。
⇒Ⓓ氏名・フリガナ・郵便番号・住所・電話番号(SNS認証コードに使用)を入力してください。

OP№ xq8 カード情報
クレジットカード情報を入力してください。
インフォメーションの配信は、チェックするとキャンペーンなどの情報が配信される。

【利用規約と個人情報に関する事項】
内容を確認、次へ進むクリックしてください。

OP№ xq9 認証入力
・Xサーバーに登録したメールアドレスに認証コードが届きます。

【メール認証コード入力】
メールで届いた認証コードを入力、次へ進むクリックしてください。

OP№ xq10 サーバー契約
登録内容を確認、SNS・電話認証へ進むクリックしてください。

OP№ xq11 SNS・電話認証
⇒Ⓐ認証コードを受ける電話番号を入力してください。
⇒Ⓑテキストメッセージの取得をチェックしてください。
SNS・認証コードを取得するクリックしてください。

SNS認証コード
認証コードが登録した電話に届きます。

OP№ xq12 
XSERVE申込フォーム

SNSで届いた認証コードを入力、認証して申し込みを完了するクリックしてください。

申込が完了しました。

博士
博士

登録できましたか
サイトURLにアクセスして、サイト名・Hell world!が表示されれば完成です。

②通常インストール(同じ会社)でワードプレスをインストールする方は

通常インストールでワードプレスをインストールする方法を教えてください

博士
博士

クイックスタートを使った方もドメインの追加などの参考にしてください

【通常インストールでの手順】
 レンタルサーバーの契約をする
 ドメインの契約と設定をする。

 レンタルサーバーにドメインを設定する。
 ワードプレスをインストールする。
 サイトを常時SSL化する。

レンタルサーバーの契約をするには

OP№ xn1 通常契約ログイン
「Xサーバー」をクグッてお申し込みはこちらスタート10間無料お試し 新規お申込みクリックしてください。

OP№ xn2 通常契約ログイン
サーバーIDは、表示のままでも自分で決めるで修正もできます。
プランは、X10で十分です。(プランで料金が異なります。)
⇒Ⓒ利用するチェックしないでください。
Xserverアカウントの登録へ進むクリックしてください。

OP№ xn3 通常契約ログイン
⇒Ⓐメールアドレス~電話番号までの必須項目を入力します。㊟メールアドレスは連絡用に作成したもの(renracu@gmail.com)を表示していますので、ご自身のものを入力してください。
インフォメーションの配信は、チェックするとキャンペーンなどの情報が配信される。
【利用規約と個人情報に関する事項】
内容を確認、次へ進むクリックしてください。

【認証メール】
・Xサーバーに登録したメールアドレスに認証コードが届きます。

OP№ xn4 通常契約ログイン
メールで届いた認証コードを入力、次へ進むクリックしてください。

OP№ xn5 契約内容確認
登録内容を確認、SNS・電話認証へ進むクリックしてください。

【SNS認証コード取得】
認証コードが登録した電話に届きます。

OP№ xn6 
XSERVE通常契約申込フォーム

SNSで届いた認証コードを入力、認証して申し込みを完了するクリックしてください。

申込が完了しました。

博士
博士

登録できましたか!
次に、Xサーバーのキャンペーンで無料の独自ドメインを取得するため、利用料の支払いをします。
支払い方法は、コンビニ支払いを選択しています。

OP№ xns1 
XSERVEアカウントログイン

Xserverアカウントに事前に登録したメールアドレス・パスワードを入力してください。
⇒スタートログインクリックしてください。
⇒サーバー等の内容を確認、料金支払いクリックしてください。

OP№ xns2 料金支払い
⇒Ⓐ契約期間を選択してください。(お支払金額が表示されます。)
支払方法を選択するクリックしてください。
コンビニエンスストアをチェックしてください。(クレジット・銀行振込も可能です。)
決済画面へ進むクリックしてください。

OP№ xns3 請求書発行
Ⓐ支払店舗~メールアドレス(必須)を入力します。㊟メールアドレスは連絡用に作成したもの(renracu@gmail.com)を表示していますので、ご自身のものを入力してください。
確認画面へ進むクリックしてください。

OP№ xns4 請求書発行確認
内容を確認、お支払い手続きを行うクリックで手続き完了l

OP№ xns5 コンビニ振込票
確認メールがとどきますので、「コンビニ振込票」を最寄りのコンビニで提示し、料金を支払います。(スマホでメールを受け取ると画面に振込票を表示できますので、連絡用メールを事前に設定ください)

支払が完了すると「【Xserver】コンビニでのお支払い受付のお知らせ」メールが届きます。

ドメインの契約と設定をするには

博士
博士

サーバーの契約が完了しましたので、いよいよドメインの取得です。

ここで問題です。プレミアムドメインのdaiki.com(氏名)やyukri.jp(農園名)をどのようにして取得したか。

答えは簡単です。早く申請したから(笑) daiki.comは20年以上前に取得しました、

 ブログ名や野菜のブランド名を考え、取得するドメイン名を検討してください。
※希望のドメインがすでに取得されている場合は、工夫が必要です。例えば
・このサイトtamatehako.comのように読み方を工夫する。
・音読み、訓読みで工夫する。
・Kをcにする。
・数字やーを追加する。 など

博士
博士

ドローン用サイトの(ドローン28号drone28.comを例にドメインとレンタルサーバーが同じ会社のXサーバーの契約で説明します。

Xserverでは、キャンペーン(無料)Xdomain(有料)で取得する方法があります。

OP№ xd1 
XSERVEアカウントログイン

Xserverアカウント連絡用メール・パスワードを入力、スタートログインクリックしてください。
永久無料キャンペーンの場合
各種特典のお申し込Ⓑ①クリックしてください。
有料でのドメイン取得の場合
サービス一覧クリックしてください。
XdomainクリックⒸ①してください。

OP№ xd2 
XSERVEドメインキャンペーン

この特典を利用するⒷ②クリックしてください。
OP№ xd2 
XSERVEドメイン通常取得

Xdomainクリックしてください。
⇒Ⓒ②ドメイン取得クリックしてください。

OP№ xd3 
XSERVEドメイン検索

drone.com(希望ドメイン名入力、新規取得クリックしてください。
検索するⒷ③クリックしてください。
OP№ xd3
XSERVEドメイン通常検索

drone.com(希望ドメイン名)入力、.com .net .jpクリックしてください.
ドメインを検索するⒸ③クリックしてください。

OP№ xd4
XSERVEドメイン検索
結果

drone.com(希望ドメイン名)はすでに取得されていますので、ドメイン検索画面にもどるクリックしてください。

博士
博士

トップドメインが .com .net .jp では、droneはすでに登録されており、取得できませんでしたので、子供の頃ほしかった鉄人28号と同じ,ドローン28を検索しましたが、これもダメだったから、drone28goの取得を例にします

OP№ xd5
XSERVEドメイン検索

drone28go.com(登録するドメイン)チェックしてください。
選択したドメインの取得申請をするⒷ⑤クリックしてください。
OP№ xd5
XSERVEドメイン通常検索

drone28go.com(登録するドメイン)チェック、Ⓔ登録年数チェック、取得及び更新料金を確認してください。
⇒Ⓕ『エックスサーバー』を設定するチェックしてください。 
⇒Ⓖ(標準)と「利用規約」個人情報・・・・」に同意するチェックしてください。
⇒内容を確認、申し込み内容の確認とお支払いへ進むⒸ⑤クリックしてください。

OP№ xd6
XSERVEドメイン
取得申請

「利用規約」「個人情報・・・・」に同意するをチェック取得申請をするⒷ⑥クリックしてください。
OP№ xd6
XSERVEドメイン
通常料金支払い

Ⓒ⑥:コンビニエンスストアをチェックし、決済画面へ 進むクリック

Whois情報設定が有効になっているか確認ください

OP№ xd7
XSERVEドメイン
通常請求書発行

Ⓒ⑦確認画面に進むクリック
※内容を確認し、レンタルサーバーの契約④以降と同じようにコンビニ支払いを行ってください

Whois情報の代行とは、ドメイン所有者の氏名・住所等の個人情報が公開されていますので、ドメイン会社が代行してくれるサービスです。。(有料の場合もあります。)

③レンタルサーバーと別々の会社でドメインを取得するには、

博士
博士

希望のドメインは取得できましたか
次はいよいよ、ブログを動かす無料ソフトWordPress(ワードプレス)のインソールです

レンタルサーバーにドメインを設定する

博士
博士

他社から移管したブログ「ゆかり農縁yukari.jp」を例として、Xサーバーにいワードプレスを設定する方法を説明します
事前にネームサーバーにドメインを登録する必要があります。

OP№ xds1
XSERVEパネルログイン

⇒契約時に設定したメールアドレス又はサーバーID・パスワードをXサーバーのサーバーパネルに入力してください。
ログインⒷ①をクリックしてください。

OP№ xds2 ドメイン設定
ドメイン設定クリックしてください。
ドメイン設定追加クリックしてください。

OP№ xds3 ドメイン設定
yukari.jp(※ご自身のドメイン)を入力してください。
⇒Ⓑ無料独自SSLを利用す」・「高速化・アクセス・・・」を必ずチェックしてください。
確認画面へ進むクリックしてください。
確認後、通知するクリックしてください。

無料独自SSLの設定に最大1~2時間程度中断します

ワードプレスをインストールする。

OP№ wpk1 WordPress簡単インストール
Xサーバーサーバーパネルログインしてください
設定対象ドメインに設定したドメインがあるか、確認してください。
WordPress簡単インストールクリックしてください。

OP№ wpk2 
XSERVEドメイン選択

該当のドメイン選択するクリックしてください。
設定ドメインの確認、WordPressインストール③クリックしてください。


OP№ wpk3
WordPress簡単インストール

⇒Ⓐ設定対象ドメイン名選択してください。
⇒ⒷサイトURLドメイン名と同じか確認ください。
⇒Ⓒブログ名:あとで変更できます。(例:ドローン28号)
Ⓓユーザー名:ワードプレス管理画面のログインに使用します。

Ⓔパスワードワード:プレス管理画面のログインに使用します。
Ⓕメールアドレス:ワードプレス(ドローン28)からの通知用メールアドレスです。㊟メールアドレスは連絡用に作成したもの(renracu@gmail.com)を表示していますので、ご自身のものを入力してください。
⇒Ⓖキャッシュ自動削除:ONにするチェックしてください。
⇒Ⓗデーターベース:自動・・・チェックしてください。
確認画面へ進む④クリックしてください。

・ユーザー名とパスワードは、メモってください。
・パスワードは、大小文字・数字・!#$%=~^|:_[].+-*/などを使い複雑なものを設定ください。

OP№ wpk4
WordPress簡単インストール
⇒Ⓐ以下の内容でWordPressをインソールしますか?確認してください。。
インストールするクリックしてください。
⇒Ⓐ内容確認、誤りがなければメモしてください。
インストール完了です。
ログオフク⑥リックしてください。

サイトを常時SSL化する。

常時SSL化とは何ですか

博士
博士

 サイトを訪れ、利用する人の通信データを暗号化する仕組みで、安全に利用できるようにすることです。

SSL化しないと、どうなりますか

博士
博士

 webブラウザのアドレに警告が表示されます。

【iphoneサファリの表示】
SSL化(https://)していないと安全ではありません等の表示がされます。

OP№ ssl1 通常契約ログイン
グーグルなどにワードプレス管理画面URL①を入力してください。
⇒Ⓐユーザー名とパスワードを入力してください。
ログインクリックしてください。

OP№ ssl2 WP一般設定
ワードプレス左側の管理画面(ダッシュボード)の設定一般をクリックしてください。
⇒Ⓐサイトのタイトル・キャッチフレーズを修正できます。
⇒ⒷWordPressアドレス・サイトアドレスのhttp://にsを追加してください。(※必ず半角:1バイトで)
変更を保存クリックしてください。

OP№ ssl3 サーバーパネル
ホームページ⇒htaccessクリックしてください。
該当のドメインの選択するクリックしてください。

OP№ ssl4 htaccess編集
htaccess編集クリックしてください。
htaccessのソースコードが表示されます。
3行目に追加するため、中断します。

OP№ ssl5 XSERVEマニュアル
📖マニュアルクリックしてください。
マニュアルの検索に常時SSL入力検索🔍クリックしてください。
1..htaccess>Webサイトの常時SSL化クリックしてください。

OP№ ssl6 
マニュアル常時SSL化
コソースコード3行をコピーしてください。

ソースコード

RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

OP№ ssl7 SSL化追加
コピーしたソースコード3行を張り付けてください。
※コードは下段にも表示しています。
⇒⑫確認画面へ進むクリックしてください。

OP№ ssl8 htaccess編集完了
内容確認、実行するクリックしてください。
⇒Ⓐhtaccess編集が完了しました。
ログアウトクリックしてください。

博士
博士


「http://~」のURLでアクセスした時、自動的に「https://~」のURLへ転送されていれば全ての設定は完了です

3.ブログの操作方法

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

博士
博士

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

①管理画面の基本操作

博士
博士

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

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

②ブログの表札(ファビコン)の作成

博士
博士

ワードプレスの家ができたら、ペイントで表札を考えましょう。ワードプレスの表札は操作画面にファビコンを設定します
表札ですので、なくてもかまいません

OP№ fa1 ファビコン操作
・GoogleやiPhoneの画面に表示されるWordPressのアイコンをファビコンを設定することで独自作成の表札できます。
・ブログ名、キャッチフレーズが表示されます。
・オリジナルのファビコンを設定しないと、ワードプレスのアイコンになります。

ブログの表札のようなファビコンは、小さいアイコン(マーク)のため、複雑なものや色数の多いものは避け、シンプルでわかりやすいものが好ましいです。

Windows ペイント操作
Windowsアクセサリ⇒ペイント①クリックしてください。
⇒②サイズ変更クリックしてください。
⇒③ピクセルチェックしてください。
⇒④縦横比を維持するチェックを外してください。
⇒⑤512を縦横に入力してください。
⇒⑥Aクリックしてください。
⇒⑦文字サイズ250入力してください。
⇒⑧色選択してください。
⇒⑨文字入力してください。
※フォントも好みに修正しれください。
⇒⑩ホームクリックしてください。
⇒⑪□クリック、文字を囲んでください。
⇒⑫囲んだ文字を移動できます。
⇒⑬ファイル名前を付けて保存PNG画像クリックしてください。

私はゆかり農縁に、初めて来た草花のクローバーをファビコンに加工しました。

設定方法を説明します。

OP№ fa2 ファビコン操作
ワードプレス管理画面サイドバー 外観カスタマイズクリックしてください。
⇒サイト基本情報②クリックしてください。
サイト基本情報下段サイトアイコンを選択③クリックしてください。
⇒ファイルを選択④クリック、パソコンから作成したアイコンをインストールしてください。

OP№ fa3 ファビコン操作
インストールするとワードプレスのメディアライブラリーに保存されます。
該当のファイルを選択、選択クリックしてください。
⇒削除・画像の変更Ⓑができます。
公開クリックしてください

表札(ファビコン)の出来栄えはどうですか
表札の次は、ユニットのハイムのようなテーマCocoon(コクーン)を使い、家を建てます

③無料テーマCocoonの設定

博士
博士

Cocoon(コクーン)は無料のテーマですが、オプションのブロックが豊富で快適なブログが作りやすいですのでおすすめします
では、テーマの設定方法から説明します
最初にCocoonの親テーマと子テーマをダウンロードファイルにダウンロードします

OP№ tc1 
Cocoonダウンロード

Cocoonの公式サイトhttps://wp-cocoon.com/ダウンロードクリックしてください。
スクロールする1.親テーマダウンロード”Cocoonテーマ”をダウンロードクリックしてください。
⇒スクロールする2.子テーマダウンロード”Cocoonテーマ”をダウンロードクリックしてください。

『親テーマ』とは、『テーマの本体・元』、『子テーマ』とは、『カスタム用』になります。
『親テーマ』がアップロードされても、『子テーマ』があれば上書きによってカスタマイズが修正されることがありません。
『親テーマ』『子テーマ』の両方をインストールして、『子テーマ』を有効にしてください。

OP№ tc2 テーマ設定
WordPressの管理画面外観テーマクリックしてください。
新規追加又は✙新しいテーマを追加クリックしてください。

OP№ tc3 テーマアップロード
テーマのアップロードクリックしてください。
ファイルの選択クリックしてください。

OP№ tc4 
Cocoon親ダウンロード

ダウンロードⒶ⇒cocoon-masterⒷ⇒⑧開く(o)クリックしてください。
cocoon-masterⒶ⇒今すぐインストールクリックしてください。

OP№ tc5 
Cocoon親テーマ設定完了

アップロードしたファイルからテーマをインストールしています
yukari.jpを待機しています
インストール完了

Cocoon子テーマ設定
⇒外観⑩クリックしてください。
新規追加又は✙新しいテーマを追加クリックしてください。
■ⒶCocoonの親テーマのインソールが確認できます。

OP№ tc6 
子テーマアップロード

テーマのアップロードクリックしてください。
ファイルの選択クリックしてください。

OP№ tc7 
Cocoon子テーマダウンロード

ダウンロードcocoon-chiid-masterⒷ⇒開く(o)クリックしてください。
cocoon-chiid-masterⒶ⇒今すぐインストールクリックしてください。

OP№ tc8 
Cocoon子テーマ設定完了

アップロードしたファイルからテーマをインストールしていますyukari.jpを待機していますインストール完了
子テーマの有効化
有効化クリックしてください。
cocoon-chiid-master子テーマの有効化確認してください。

博士
博士

Cocoonをインストールすることでサイト(ゆかり農縁)の骨格、柱の部分ができました。

④WordPressの初期設定

博士
博士

次にサイトの発信をする最小限のWordPress初期設定を行います

OP№ wps1 
WordPress一般設定

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

OP№ wps2 
WordPressh表示設定

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

OP№ wps3 
WordPressユーザー設定

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

OP№ wps4 
WordPressユーザー設定

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

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

OP№ wps5 
パーマリンク設定
管理画面設定設定パーマリンク設定クリックしてください。
カスタム構造チェック、囲み内の表示を削除してから、カテゴリー(a)(b)(c)(d)をクリックしてください。
変更を保存クリックしてください。

OP№ wps6 
ディスカッション設定

管理画面設定設定ディスカッションクリックしてください。
デフォルトの投稿設定新しい投稿へのコメントを許可チェックを外してください。
変更を保存クリックしてください。
コメントを許可するとスパムメールの危険があります。

⑤投稿と固定ページ

どのようにして、いろんなサイトページを作っていますか

博士
博士

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

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

サイトのテーマを設定して、構造もできました
投稿できますか

博士
博士

壁や装飾はまだですけど、骨組みはできましたので、投稿をしてみましょう
投稿ページでカテゴリーを設定すると、内容が区分整理され情報の抽出などに活用できます
では、作物別のカテゴリーを設定しましょう

OP№ wptc1 WordPress投稿カテゴリー
管理画面投稿カテゴリークリックしてください。
名前「玉ねぎ」入力してください。
スラッグ「onion」入力してください。

OP№ ptc2
WordPress投稿カテゴリー

続けて追加
名前「ジャガイモ」入力してください。
スラッグ「potato」入力してください。
⇒Ⓒクリックするとカテゴリーの親子や背景色等が設定できます。
新規カテゴリーを追加クリックしてください。

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

博士
博士

カテゴリーも設定しましたので、新規追加から投稿をはじめてください。

OP№ wptp1 
WordPress投稿ページ

投稿新規追加クリックしてください。
⇒Ⓐタイトルを追加に「はじめての投稿 玉ねぎ」入力します。
⇒Ⓑ文章「玉ねぎをうえました。」入力しれください。
+ブロックは固定ページで説明します。
投稿公開状態今すぐクリックすると公開日を修正できます。
カテゴリーィチェックしてください。
⇒Ⓕアイキャッチ画像を選択クリックしてください。

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

OP№ wptp2 
WordPressアイキャッチ

⇒Ⓐファイルアップロードクリックしてください。
該当の画像チェックしてください。
⇒①開くクリックしてください。
パソコンのファイルを選択の場合はファイルアップロード、メディアライブラリーからも選択できます。

OP№ wptp3
WordPress投稿公開

■Ⓐアイキャッチ画像が表示されます。
⇒①クリックしてください。
■Ⓑ公開してもよろしいか?
⇒再度①クリックしてください。

ブログらしくなってきましたが、もう少し派手になりますか

⑥プラグインの導入

では、ワードプレスの機能拡張できるプラグイン導入をしましょう
プラグインは便利ですが、設定が多くなると相性の合わないものやサイトの更新速度が遅くなることがあります

OP№ wpp1 WordPressプラグイン
管理画面プラグイン新規追加クリックしてください。
プラグイン検索に追加するプラグイン名を入力してください。

OP№ wpp2 WordPressプラグイン
今すぐインストールクリックしてください。インストール中表示になります。
有効化クリックしてください。
■プラグイン一覧に表示されます。
新規追クリックしてください。

※推奨のプラグインの追加を繰り返してください。

推奨プラグイン8選
  • Category Order and Taxonomy Terms Order⇒投稿のカテゴリーの表示順番を変更できます。
  • Contact Form 7(設定必要)⇒お問い合わせフォームを作成できます。
  • EWWW Image Optimize⇒画質を劣化させることなくサイズを圧縮できます。
  • Google XML Sitemaps(設定必要)⇒Googleにサイトの構造を効率的にしらせます。
  • Invisible reCaptcha(設定必要)⇒スパム対策を行います。
  • WP Fastest Cache(設定必要)⇒自動的に溜まるキャッシュを項目ごとに自由に設定・削除します。
  • WP Multibyte Patch⇒2バイト系の日本語を適正にすることができます。
  • Revision Control(設定必要)⇒固定ページや投稿で過去の内容を自動的に保存するバックアップの数を制御します。

⑦Cocoonのカスタマイズ

博士
博士

最後に、Cocoonをカスタマイズすると完成です
最低限の設定を行います。

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