超入門!知識不要!このとおりにやれば誰でもWordPressでホームページを作れます。「WordPressによるホームページ作成編Ⅰ」

マニュアル

見た目作成

①お名前.comメニュー画面より、「基本設定」内にある「WordPress」を選択押下。

②ドメインを確認し、「ログイン」ボタンを押下。

③ユーザー名またはメールアドレス、パスワードを入力し「ログイン」ボタンを押下。

「お名前.comでの設定編」2-⑤で設定した、ユーザー名、パスワードを入力してください。

④ログインできたら、まずは、テーマ(外観)を決めます。左部の「外観」内にある「テーマ」を選択押下。

⑤現在のテーマは、「twenty Twenty-Three」になっていますが、その隣の「Twenty Twenty-One」にカーソルをあてて、「有効化」ボタンを押下。

⑥上記のとおり「Twenty Twentuy-One」が有効になったら、メニューより「ダッシュボード」内の「ホーム」を選択押下。

⑦ダッシュボード画面より、「カスタマイザーを開く」を押下。

⑧以下画面より、「サイト基本情報」を選択押下。

⑨サイト基本情報画面より、「サイトのタイトル」、「キャッチフレーズ」を入力。(「サイトアイコン」があれば「サイトアイコン」を設定。)

⑩「キャッチフレーズ」を入力したら、「公開」横の歯車マークを押下。

⑪「公開」にしても良いのですが、作成途中のため、下書き保存右の歯車マークを押下し、「下書き保存」を選択。その後、「下書き保存」ボタンを押下します。「公開」したい場合は、こちらで「公開」に変更し「公開」ボタンを押下すれば、「公開」されます。

⑫左上にある「<」を押下し、カスタマイズメニュー画面に戻ります。

⑬カスタマイズメニュー画面に戻ったら、「色とダークモード」を選択押下。

⑭カラーパレットがあるので、そこで色を選択することができます。(選択と同時に画面の色も変わりますので、変化を見ながら色の調整ができます。)

※カラーパレットが表示されていない場合は、「色を選択」ボタンを押してください。

補足)「デフォルト」ボタンを押せば、保存時の色に戻せます。RGB(#656d69となっている部分)での色指定もできますが、割愛します。

⑮左上の「×」より、「ダッシュボード」画面に戻ります。

固定ページ作成

①ダッシュボード画面より、「固定ページ」内の「固定ページ一覧」を選択押下。

②固定ページ一覧画面で、「ブロックでサイトを作成」にカーソルを合わせ、編集を押下。

③以下の画面でそれぞれ「ブロックでサイトを作成」となっているところを書き換えよう!

④文字を入力したら、「下書き保存」を押下。

⑤下部の「+」ボタンを押下し、「見出し」を選択押下。

⑥見出し文言を入力したら、その下「ブロックを選択するには「/」を入力」のところにカーソルをもってきて、文字を入力。

⑦文字を入力(ENTERにて改行し入力できます。)したら「公開」※を押下。

ここで、「公開」にしておかないと、以降の⑩でこのページがでてこないので、「下書き保存」ではなく、「公開」とします。

⑧左上のWordPressマーク※を押下し、メニュー画面へ。

※1-⑨でサイトアイコンを設定している方は、設定したアイコンになっているかと思います。

⑨固定ページ一覧画面より、「設定」内の「表示設定」を選択押下。

⑩表示設定画面にて、以下のとおり指定し、「変更を保存」を押下。

固定ページ(会社概要)作成

①固定ページ一覧を選択押下。

②会社概要にカーソルをあて、「編集」を押下。

③会社概要を書き換えよう!

④表の作成 「+」を押下し「テーブル」を押下。

⑤カラム数を「2」、行数を「4」とし「表を作成」を押下。

⑤できあがった表に値を入力。

⑥行の追加

⑦行の削除

⑧忘れずに「下書き保存」

お問い合わせフォームを作ろう!

①「プラグイン」内の「新規追加」を選択押下。

②右上の「プラグインの検索」のところに、「contact form 7」と入力。

③Contact Form 7の「今すぐインストール」を押下。

④インストールが終わるとボタンが「有効化」ボタンに変わるので、「有効化」を押下。

⑤「お問い合わせ」内の「コンタクトフォーム」を選択押下。

⑥「コンタクトフォーム1」の「編集」を押下。

⑦以下フォーム作成画面になります。一旦このままとします。

⑧フォームに記載のそれぞれの意味は下記のとおりです。

⑨「メール」を選択押下。

⑩以下内容について、百聞は一見にしかず。次⑪を見てください。

⑪上記設定で送信すると以下のとおり。

⑫補足 送信先指定(以下赤く囲った部分)について、「設定」内の「一般」で表示される一般設定内の「管理者メールアドレス」部分が設定されていることになります。

また、直接送信先を「○○○○@test.co.jp」のように設定することも可能です。

⑬このフォームをお問い合わせページに設定します。

以下[contact-form-7 id=”147″ title=”コンタクトフォーム 1″]をコピーします。

⑭「固定ページ」内の「固定ページ一覧」を押下。その後、「お問い合わせ」の「編集」を押下。

⑮先ほど⑬でコピーした内容を「お問い合わせ」ページ内に貼り付け。

普通にテキストの状態で貼り付けてください。貼り付けると以下表示になります。

⑯プレビューで確認すると、以下のようにフォームができていることが確認できます。

ここまでで、最低限のページは揃えました。

見た目等、次はカスタマイズしていきましょう!

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