月: 2020年9月

WordPressでホームページを作成する際に
検討したサイトを載せておきます。
参考にしてください。

初めてホームページを作成する
ドメインは有料で1年で更新料が必要（私の場合）
レンタルサーバー利用料は無料から企業用までさまざま
WordPressってなに？
カタカナと英数字ばかりが並ぶ説明
私の脳はついていけていませんが、
手探りでやっています！

ドメイン

レンタルサーバー

その他

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

なんとかブログが立ち上がりましたが、うまくいかないことが多い～！

httpS　に変更してもまたSがとれてしまっていたり、

カテゴリーを設定してもなぜか変わっていたり、

コメントの受付は設定できたのにメールが届かなくなっていたり、

お問い合わせフォームも作ったのにメールが送れなかったり、

SEO対策の設定がうまくいかなかったり、

サイドバーに表示を設定したはずなのに表示されなかったり、

サイトのページが表示されなくなったり・・・

WordPressサイトにコードを貼りつける！！

サイドメニューの＜外観＞→＜テーマエディター＞

head と/headの間に貼りつけの指示の場合
＜テーマヘッダー＞をクリックし、
＜/head＞の前を右クリックし、
＜貼り付け＞をクリック
コピーしたコードを確認し、＜ファイルを更新＞をクリックし完了。

まだまだ勉強が必要です。

少しずつでも使いこなせるようになりたいです。

ムームードメイン

お名前.com

安心してデータを預けられるレンタルサーバー。
月額100円（税抜）～容量最大400GBでWordPress簡単インストールなど
多彩な機能がついて、バックアップ機能も完備！

低価格なのに高速・多機能・高セキュリティ 月額400円(税別)から最大容量100GB WordPress専用高速サーバー Z.com WP

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

⑯新しい固定ページを作成します

ダッシュボードを表示して、サイドメニューの＜固定ページ＞をクリックし、

＜新規追加＞をクリックする

「タイトルを追加」をクリックし、タイトルを入力する

「文章を入力～」をクリックし、文章を入力

Shiftキーを押しながらEnterキーを押すと改行されます。

＜プレビュー＞をクリックすると新しいタブに表示され確認できます

ダッシュボードを表示しているタブをクリックするとダッシュボードに戻り

「保存しました」と表示され自動的に保存されます。

固定ページに画像を挿入することもできます。

が私はできませんでした…

ページを公開しよう！

左側のパネルエリアの「文章」をクリックし、

＜パーマリンク＞をクリック。

「URLスラッグ」にタイトルが日本語で表示されているので

英数字で入力します。

＜公開する＞をクリック

＜公開＞をクリック。

「右上」のリンクをクリックするとアクセスできます。

やっとここまできました～‼！

次はいよいよ記事の投稿です！

続く…

隠れた絶品グルメを産直！九州おとりよせ本舗

今年はどこにも旅行に行けなかったので、お取り寄せしてみようかな。

安心してデータを預けられるレンタルサーバー。
月額100円（税抜）～容量最大400GBでWordPress簡単インストールなど
多彩な機能がついて、バックアップ機能も完備！

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

⑪サイトの基本デザイン「テーマ」を理解しましょう

と本には書かれていますが、私には何を選べばいいのかわからないので

本の通り、公式の「Twenty Sixteen」を使用します。

＜ダッシュボード＞をクリックし、＜更新＞をクリックします。

テーマにチェックを付け、＜テーマ更新＞をクリックします。

＊テーマを設定します

＜外観＞をクリックし、＜新規追加＞をクリックします。

右上にあるテーマ検索に「twenty sixteen」と入力し、

「Twenty Sixteen」をポイントして＜インストール＞をクリックします。

＜有効化＞をクリックしたら設定完了。

⑫ロゴを登録します

ロゴは会社名や店舗名などをイメージした画像のこと

各ページに表示されるので何のサイトかがわかる画像を作成して設定しましょう

と書いています。

＜外観＞をクリックし、＜カスタマイズ＞をクリックします。

＜サイト基本情報＞をクリックし、＜ロゴを選択＞をクリック

＜ファイルをアップロード＞タブをクリックして、＜ファイルを選択＞をクリック

使用する画像をクリックして、＜開く＞をクリック

メディアライブラリにアップロードした画像が表示されます。

＜代替テキスト＞ボックスに会社やお店の名前のロゴであることを入力

＜選択＞をクリック

＜切り抜かない＞をクリック

ロゴが追加できました。

⑬サイトアイコンを設定する

「サイトアイコン」はブラウザのタブやブックマークに表示される

小さなアイコンのこと。一般的にはファピコンと呼ばれているらしい。

＜サイトアイコンを選択＞をクリック

＜ファイルをアップロード＞タブをクリック

＜ファイルを選択＞をクリックして画像を選択

画像を選択し、＜選択＞をクリック

サイトアイコンが設定できました。

⑭訪れた人が最初に目にしやすいトップページの上部に写真を入れます

＜ヘッダー画像＞をクリックし、＜新規画像を追加＞をクリック

＜ファイルをアップロード＞タブをクリックして、

＜ファイルを選択＞をクリックして画像を追加する

画像を選択して、＜代替テキスト＞ボックスに会社やお店の名前を入力する

＜選択して切り抜く＞をクリック→＜切り抜かない＞をクリック

ヘッダー画像が設定できました。

＜公開＞をクリック！　クリックしないと実際のサイトに反映されません。

⑮サイトを表示してみましょう！

ダッシュボード、左上の＜サイト名＞をクリックします

サイトが表示されました。イメージ通りですか？

編集画面に戻るには再度＜サイト名＞をクリックします。

＊Ctrlキーを押しながら＜サイト名＞をクリックすると、新しいタブにサイトが表示されます。編集画面と実際のサイトをタブで切り替えながら見比べることができます。

年間920円（税抜）からの格安ドメイン取得サービス─ムームードメイン─

安心してデータを預けられるレンタルサーバー。
月額100円（税抜）～容量最大400GBでWordPress簡単インストールなど
多彩な機能がついて、バックアップ機能も完備！

スキルのフリマ【ココナラ】

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

いよいよホームページの作成です。

WordPressにログインすると「ダッシュボード」という画面が表示されます。

⑦管理画面の見方をざっくり紹介します

ツールバー：上の黒い横に細長いバー

左はしから

1⃣WordPressのサイトやサポートページが表示ができる

2⃣家のマークはクリックすると実際のサイトが表示できる

（3）プラグインやテーマの更新があれば表示される

4⃣コメントがついた時に数字が表示される。クリックしたらコメントの画面を表示

5⃣̟̟＋プラスのマークをクリックすると新しい投稿ができる

右はしの「こんにちは、○○さん」はプロフィールの編集やログアウトができる

サイドメニュー：横にある黒いところ

WordPressの更新や各メニューをクリックすると

記事の投稿やデザインの変更などができる

ダッシュボード：真ん中の白いところ

サイトの記事の数やコメント数を確認できる

クイックドラフトには投稿のアイデアや下書きを書き留めておける

⑧では早速サイトタイトルとキャッチフレーズを登録しましょう

サイドメニューの＜設定＞をクリック

＜一般設定＞の画面が表示されたら＜サイトタイトル＞のボックスにサイト名を入力

次に＜キャッチフレーズ＞ボックスにサイトの説明を入力します。

検索サイトの結果にも影響するらしいので、何のサイトかわかるように短文で入力。

独自ドメインのURLになっているか確認して、

WordPressアドレスとサイトアドレスの「http」を「https」に変更する。

画面をスクロールして、＜変更を保存＞をクリック。

⑨次にニックネームを設定します

サイドメニューの＜ユーザー＞をクリックし、ユーザー名をクリックします

画面をスクロールして、記事を書く時のニックネームを入力して、

「ブログ上の表示名」の▼をクリックして、入力したニックネームを選択します。

＜プロフィールを更新＞をクリックします。

⑩パーマリンクは最初に設定しましょう

パーマリンクは各ページのURLのこと。

後から変更するとURLが変更され、SNSや他のサイトに貼ってもらったリンクが途切れてしまうらしい…

サイドメニューの＜設定＞をクリックして、＜パーマリンク設定＞をクリック

＜投稿名＞をクリックして、下部の＜変更を保存＞をクリック

＊パーマリンクに「投稿名」を設定すると、URLにページのタイトル「投稿名」が入ります。

続く…

慣れないことをすると時間を忘れてしまう～

ガストの宅配を頼んでしまいました。便利です‼！

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

⑰新しい投稿を作成しよう！

＜投稿＞をクリックし、＜新規追加＞をクリックして記事を作成します。

見出しを入れて、文字を太字にしたり、色をつけたり
記事の先頭にアイキャッチ画像をいれたり…

「カスタムHTML」ブロックでGoogleマップの地図も入れられるらしい

私にはまだまだ難しい…

投稿のカテゴリーを設定して、コメントの受付を設定して…

投稿を公開！

公開した投稿にミスや変更があった時は修正可能！

編集する記事を選んで＜下書きへ切り替え＞すれば非公開にすることができます‼！

頼りたくなってきました↓

⑱プラグインて？
　機能が足りないときにプラグインという仕組みを使って補えます。

私はお問い合わせフォームの作成に[Contact Form7]
　　SNSボタンを表示する[Add To Share Buttons]
　 SEO対策をする[All in SEO]
　　スパム対策をする[Akismet]
　　セキュリティを強化する[SiteGuard WP Plugin]
をインストールしました。

◎お問い合わせフォームを作ります。

プラグインのインストールの仕方は

サイドメニューの＜プラグイン＞をクリックし、＜新規追加＞をクリック

右にあるキーワードの欄に「Contact」と入力し、Enterキーを押します

表示されたら＜今すぐインストール＞をクリックし、
インストールが終わりました。＜有効化＞をクリック。プラグインが有効化されます。

サイドメニューに＜お問い合わせ＞が表示されるのでクリック、＜新規追加＞をクリック

コンタクトフォームを追加の欄に「お問い合わせ」と入力

「メッセージ本文」をドラックし、「お問い合わせ内容」と入力

＜メール＞をクリックし、メッセージを受け取るメールアドレスを入力

＜保存＞をクリック

◎固定ページにフォームを設置します。

サイドメニューの＜お問い合わせ＞をクリックし、
「問い合わせ」のショートコードをクリックし、
右クリックして、＜コピー＞をクリックします。

サイドメニューの＜固定ページ＞をクリックし、
＜新規追加＞をクリック。

タイトルに「お問い合わせ」と入力。

＜ブロックの追加＞をクリックし、＜ウィジェット＞をクリックし、
＜ショートコード＞をクリックします。

ボックス内を右クリックし、＜貼り付け＞をクリック。

＜下書き保存＞をクリックします。

＜プレビュー＞をクリックし、フォームに必要事項を入力し、
＜送信＞をクリック。

送信されました。と表示されたら設定したアドレスにメールが届いているか確認。

OKなら固定ページを＜公開＞しましょう。

本の通りにがんばってきましたが、使いこなせるようになれるには
かなりの時間がかかりそうです…

革靴・ブーツ・運動靴の臭いに
魔法の粉です。

靴にこの粉を付属のスプーン1杯いれるだけ。
靴を脱いだ時のあのもぁっとした臭いが不思議となくなります。
でも靴下が粉で真っ白になります。
外出先で靴を脱ぐときはおすすめできませんが
我が家の必需品のひとつです。

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

安心して閲覧してもらうためにSSLを利用します。

ロリポップ！では無料で簡単にSSL化できるらしい！

WordPressを使うならロリポップ！
簡単インストール完備で楽々スタート！

④独自SSLを申し込む

まず、ロリポップ！のユーザー専用ページの＜セキュリティ＞をクリックし

＜独自SSL証明書導入＞をクリック

サイトにチェックをつけて、＜独自SSL（無料）を設定する＞をクリック。

＜SSL設定作業中＞に変わります。

5分くらい私はもっとかかりました。
時間がかかります！しばらく置いておきましょう。

＜SSLで保護されているドメイン＞をクリックし、

＜SSL保護有効＞になっていることを確認します。

＜ログアウト＞をクリックします。

＊SSLを使えるようになりましたが、WordPressの設定を

　変更する必要があります！

続く…

安心してデータを預けられるレンタルサーバー。
月額100円（税抜）～容量最大400GBでWordPress簡単インストールなど
多彩な機能がついて、バックアップ機能も完備！

スマホも使いこなせない時代遅れな私でも自分のサイト・ブログが開設できるのか？

チャレンジします！

SSL化の続き

⑤WordPressの管理画面にログインしましょう

ログインできたらダッシュボードが表示されます。

更新案内が表示されていたら

必ずWordPressをアップデートしましょう

更新せずに使っていると、サイトを乗っ取られたり

するみたいです。

＜今すぐ更新してください＞をクリック

＜今すぐ更新＞をクリック

最新の状態になります。

⑥WordPressをログアウトしましょう

＜こんにちは、○○さん＞をポイントし、

＜ログアウト＞をクリックします。

＜ログイン状態を保存する＞にチェックをつけておくと

次回以降ドメイン名やパスワードを入力せずに

ログインできます。

＊複数人でパソコンを使っている場合は、ログインしたままに

しておくと他人がサイトを書き換えたり、削除してしまうことも

あるのでログアウトする習慣をつけましょう。

次はいよいよホームページの作成です！

続く…

困ったら”ココナラ”で助けてくれる人を探すのもあり！

ワンコイン500円からビックリするくらい高い料金の人までさまざまですが、
私は500円でピンポイントで知りたいことを教えてもらいました。
SSL化できていたのに翌日みたら「保護されていない通信」の表示がでてビックリ！
レンタルサーバーでのSSL化ができているか確認して、
WordPressの管理画面ダッシュボード→ ＜設定＞→＜ 一般＞をクリック、
表示される一般設定画面の中に、「WordPress アドレス (URL)」と「サイトアドレス (URL)」という項目があるので、それぞれのURLをhttpからhttpsに変更し、
＜変更を保存＞で変更できました。

私は内部リンク？まだ作っていなかったので↑これだけでhttpsになりました。