WordPressをカスタマイズする方法(101)

初心者向けWordPressカスタマイズガイドWebホスティングプランとWebサイトのドメイン名を購入しました。ワンクリックでサーバーにWordPressをインストールしました.


それは簡単な部分です。それでは、WordPressウェブサイトの構築とカスタマイズを始めましょう。.

このWordPressカスタマイズガイドでは、WordPressのデフォルトのインストールをカスタマイズする方法を説明します。次の方法を学習します:

  1. WordPressの設定を構成する.
  2. 新しいユーザーを追加する.
  3. テーマを選択してカスタマイズする.
  4. 重要なプラグインを設定する.
  5. SEOを統合する.
  6. コンテンツを作成する.
  7. お問い合わせフォームを作成する.
  8. ウィジェットを追加する.
  9. メニューを設定する.
  10. Googleに接続.

Contents

WordPressカスタマイズのステップバイステップガイド

この10ステップのチュートリアルを完了すると、基本的でありながら完全にカスタマイズされたWordPress Webサイトが設定され、準備が整います。.

PS. WordPressのウェブサイトをまだ設定していない場合は、こちらのステップバイステップガイドに従ってください.

ステップ1:WordPress設定を構成する

WordPressの設定がある場所はいくつかあります.

最初のセットは、WordPress自体の外観をカスタマイズするのに役立ちます。 2番目は、Webサイトの外観をカスタマイズするのに役立ちます.

画面オプションをカスタマイズする

WordPressに初めてアクセスすると、次のようになります。

新しいWordPressインストール

これはWordPressダッシュボードです。これらのウィジェットがすべて画面に詰まるので、気が散ります。?

したがって、カスタマイズする最初の設定セットは画面オプションです。これは次の場所にあります。

WordPress画面オプションをカスタマイズする

「画面オプション」をクリックして設定を開きます。

画面オプションの編集

チェックされたボックスは、ダッシュボードにウィジェットとして表示されるボックスです.

アクティビティ サイトに公開された新しいコンテンツのクイックスナップショットを提供します.

一目で 公開したページと投稿の数、および受け取ったコメントを表示します.

クイックドラフト 新しいブログ投稿についての考えやメモを書き留める方法ですが、それ以上のことはできません.

ようこそ 初めてのユーザーのための単純化されたチェックリストに過ぎない.

WordPressイベントとニュース あなたがワードプレスの分野で働いている開発者でない限り、本当に役に立ちません.

これらのウィジェットを保持したい場合は、チェックボックスをオンのままにしてください。残りのボックスのチェックを外すと、表示されなくなります。.

ダッシュボードボックスの削除

保持するボックスを選択したら、自由にドラッグアンドドロップしてください。これらを垂直に積み重ねるか(上のスクリーンショットのように)、または両方の列を利用できます。

カスタムWordPressダッシュボード

ダッシュボードビューはあなたがカスタマイズできます.

注意: プラグインをWebサイトに追加し始めると、ダッシュボードに新しいボックスが表示される場合があります。それらが有用であるとわかった場合、それらをそのままの場所に保管してください。気を散らすものとして削除したい場合は、デフォルトのボックスを非表示にしたのと同じ方法で非表示にします。.

WordPress設定をカスタマイズする

WordPress Webサイトの設定を調整するには、サイドバーの[設定]メニューを見つけます。

WordPress設定メニュー

各カテゴリの設定をカスタマイズする必要はないかもしれませんが、それぞれに目を通し、iに点を付け、tに交差していることを確認することを常にお勧めします.

一般設定から始めます。

一般設定

次の点に注意してください。

ロゴがない場合は、サイトタイトルがあることを確認してください。存在しない場合、これはサイトの上部に表示されます。これは、WordPress管理者の左上に表示される名前でもあります.

WordPressとサイトアドレス、および購入したドメイン名が互いに一致していることを確認します。これらのいずれかが正しくない場合、エラーが発生する可能性があります.

ブログ投稿の作成と分類を開始するまで、書き込み設定をスキップできます.

次に読書設定に移動します。

読書設定

サイトのコンテンツを作成したら、これらの設定に戻り、「ホームページの表示」を更新します(以下に手順が記載されています)。それ以外の場合、デフォルトの設定では、ブログフィードをホームページに設定します.

ここでは、最後の2つの設定に注目します.

「フィード内の投稿ごとに、含める」を「概要」に設定する必要があります。これは、フィード内のブログトピックをすばやくスクロールしたい訪問者だけでなく、ページの読み込み時間を短縮するのにも役立ちます。.

変更を保存して次に進む前に、「検索エンジンの可視性」がオフになっていることを確認してください。あなたは間違いなくグーグルと他の検索エンジンがあなたのウェブサイトを見つけてそれを索引付けすることを望んでいます.

ブログを計画している場合は、次のステップはディスカッション設定です。

ディスカッション設定

このページのほとんどは、必要に応じてカスタマイズできます。ブログの読者がコンテンツにコメントできるようにする場合は、それに応じて設定を構成します.

とはいえ、セキュリティの目的でここで修正する必要がある設定が1つあります.

[デフォルトの投稿設定]で、[新しい投稿で他のブログからのリンク通知を許可する(ピンバックとトラックバック)]チェックボックスをオフにします。.

一言で言えば、ピングバックとトラックバックは、誰かがあなたのブログにリンクするたびにコメント管理フィードに表示される通知です.

ピンバックやトラックバックを確認する価値はありません。さらに、これらは既知のセキュリティリスクであるため、それらをオフにし、ハッカーやスパマーがその方法でサイトにアクセスしないようにするのが最善です。.

WordPressのデフォルトの画像サイズを調整したい場合は、メディア設定で調整できます。たぶん今はやる価値はない.

次に、パーマリンク設定に移動します.

パーマリンクは、Webページのアドレスの構造です。 WordPressでは、次のオプションから選択できます。

パーマリンク設定

デフォルトでは、「投稿名」はリンクが構造化される方法であり、適切な選択です。それはあなたのURLを単純に構造化し、訪問者を呼び戻すために簡単に維持します.

しかし、それはあなた次第です。公開日でブログの投稿を構造化することが理にかなっている場合は、これらのオプションのいずれかを有効にすることができます。しかし、それは物事を過度に複雑にする可能性が高いです.

プライバシー設定は、つい最近、WordPress設定に追加されました。

プライバシー設定

GDPRとそれが世界中のWordPress Webサイトに及ぼす広範囲な影響を考慮して、プライバシーはWebサイト開発プロセスの重要な要素になりました.

サイトに厳格なプライバシー基準を適用するためにできる、またすべきことは他にもあります。まず、訪問者が質問や懸念事項がある場合に参照できるプライバシーポリシーページ(WordPressが自動作成します)を選択します.

ステップ2:新しいユーザーを追加する

WordPressの設定が邪魔にならないように、ユーザーメニューに注意を向ける必要があります。.

WordPressユーザー

ここで、新しいユーザーを作成し、現在のユーザーのプロファイル、アクセス権限、ログイン情報を編集します。.

ユーザーを追加

新しいユーザーを追加するには、[新しいユーザーを追加]をクリックして、次の詳細を入力します。

新しいWordPressユーザーを追加

必須フィールドは、ユーザー名(「管理者」にならないようにしてください)とメールアドレスのみです。.

システムにユーザーを追加する前に、ユーザーの役割を必ずカスタマイズしてください。

ユーザーロールのカスタマイズ

これにより、ユーザーが表示できるWordPress管理バックエンドの量と、ユーザーが持つ編集コントロール(存在する場合)の種類が決まります。.

ユーザープロファイルを編集する

あなたがこのウェブサイトで作業している唯一の人であっても、ユーザープロファイルにアクセスして最新であることを確認することをお勧めします.

これは、独自のプロファイルを編集するときに表示されます。

ユーザープロファイルの編集

このセクションでカスタマイズする可能性のある唯一のものは、WordPress管理領域の配色です。それ以外の場合は、下にスクロールして、プロファイルの詳細の入力を開始します.

WordPressユーザープロファイル

これは今のところ大したことではないように思われるかもしれませんが、ブログを書くことにした場合、ここから伝記情報が取得されます(他のユーザーも同じです)。.

最後に注意すべき点は、アカウント管理セクションです。

ユーザーアカウント管理

パスワードを変更したい場合(少なくとも年に数回はパスワードを変更することをお勧めします)、ここで変更してください.

これの良い点は、WordPressがより強力なパスワードを生成するのに役立つことです(そして他のユーザーにもそうするよう勧めます)。

WordPressパスワードジェネレーター

ツールの有無にかかわらず、小文字と大文字、数字、記号を含む強力なパスワードをここで作成したことを確認してください.

ステップ3:テーマをカスタマイズする

テーマをカスタマイズする前に、まずウェブサイトに適したテーマを見つける必要があります.

何万もの選択肢から選択できるので、25以上の最も人気のある最も人気のあるWordPressテーマのこのガイドを使用して、焦点を絞ることができます.

テーマを選択したら、[外観]> [テーマ]メニューに移動します.

ワードプレスのテーマ

デフォルトでは、WordPressはシステムに独自のテーマを自動インストールします。別のテーマをインストールするには、まずそれをインストールする必要があります.

無料のテーマをインストールする

あなたがのようなWordPressリポジトリから無料のテーマを持っている場合 OceanWP, [新規追加]ボタンをクリックして、テーマの名前を探します。

新しいテーマを追加

テーマカードにカーソルを合わせ、[インストール]をクリックします。青い「インストール」ボタンが青い「アクティブ化」ボタンに変わります。見たらクリック.

これにより、デフォルトのWordPressテーマが独自のテーマに置き換えられます.

プレミアムテーマをインストールする

プレミアムテーマがある場合は、最初にテーマのファイルをダウンロードする必要があります。サードパーティのプロバイダーやテーママーケットプレイスなどから入手した場合 ThemeForest, あなたはあなたのアカウントでそれらを見つけるでしょう:

ThemeForestダウンロードファイル

ファイルをダウンロードしてからWordPressに戻ります.

「新規追加」をクリックしてテーマを追加します。次に、画面の上部にある[テーマのアップロード]をクリックします。

プレミアムテーマを追加

ファイルアップローダーが表示され、そこにWordPressファイルをドロップできます。

WordPressテーマアップローダー

アップローダーがテーマを自動的にインストールしてアクティブ化します.

テーマをカスタマイズする

テーマがインストールされたので、今度はそれをカスタマイズします。 [外観]メニューの[カスタマイズ]をクリックします。これにより、WordPressカスタマイザーが開始されます。

WordPressカスタマイザ

このツールの外観はテーマによって異なりますが、レイアウトは常に同じです。 WordPressのカスタマイズオプションが左側に、プレビューが右側に表示されます.

ここで使用できる基本的なカスタマイズモジュールを見ていきましょう。

サイトID
[全般設定]でサイトのタイトル(またはタグライン)を既に更新している場合は、再度更新する必要はありません。注意:これらは、ロゴを追加しない場合にのみWebサイトに表示されます.

サイトID

ここのチェックボックスをオフにすると、ロゴ用のスペースができます(これはまもなく追加されます)。.

現在、サイトアイコンはロゴではありません。これは、ブラウザのタブに表示される認識可能なシンボル(通常はロゴの小さい部分)です.

たとえば、WebsiteSetup.org、WordPress.org、Googleのサイトアイコンは次のとおりです。

ウェブサイトのアイコン

各アイコンを使用すると、戻りたい正確なページを簡単に見つけることができます。ロゴをデザインしたら、それに合う独特のサイトアイコンがあることを確認してください。次に、ここにアップロードします.

ロゴ
これは[ヘッダー]セクションにあります。

ロゴをカスタマイズ

ロゴを追加するには、[ロゴを選択]をクリックしてデバイスからアップロードします.

ロゴの背景が透明であることを確認してください(つまり、PNGまたはWebPである必要があります)。そうすれば、上に表示される背景色は関係ありません。.

ロゴがスペースに対して高すぎる場合は、スライダーを使用して幅を調整します。大きくして、右側のナビゲーションメニューの周囲に余白ができるのを避けたい.


色に関する決定の多くは、使用するテーマとテンプレートによって決まります。ただし、ここでユニバーサルカラーの一部を変更できます.

色をカスタマイズする

たとえば、デフォルトの白以外のものを使用する場合は、ヘッダーの色を更新できます。リンクとボタンに使用される原色をブランドカラーに調整することも価値があるかもしれません.

グローバル
カスタマイズする他のグローバル設定を見つけることができます。

全体設定

ロゴ、カラーパレット、フォントなどのブランディングを既に整理している場合は、ここでそれらの設定をカスタマイズできます。そうでない場合は、そのままにして、テーマのデフォルト設定をそのままにすることができます.

テーマでこれらの設定にアクセスできる場合は、それが基本的な色やフォントの選択ではないことに注意してください。フォントのサイズ、ページのデフォルトのレイアウト、テーマ要素の色など​​を変更できます.

何かを変更する必要があるかどうかわからない場合は、少なくともこれらの設定を確認して、ベースがカバーされていることを確認してください.

カスタマイザーで発生する可能性があるその他の設定については、後のステップでそれらのほとんどに対処します。ですから、すべてに触れていなくても心配はいりません。後でカスタマイズするためのヒントを提供します.

プレミアムテーマをカスタマイズする

無料または有料のすべてのテーマについて、WordPressカスタマイザを使用して開始します。ただし、フリーミアムまたはプレミアムのテーマがある場合は、構成する追加設定があります。.

WordPressサイドバーを見て、テーマに新しいメニュー項目があるかどうかを確認します。ある場合は、そこに設定が表示されます.

たとえば、これは テーマのアンコード

アンコード設定

実際にカスタマイズする設定はありません。ただし、テーマは、テーマが意図したとおりに機能するために必要ないくつかのプラグインをインストールするようにユーザーに促します.

とともに アストラ無料テーマ, 外観の下に新しいメニュータブが表示されます。

アストラオプション

無料の設定では、WordPressカスタマイザに戻るだけです。ただし、プロにアップグレードすると、このリストからわかるように、さらに多くのカスタマイズオプションが表示されます。.

結論: WordPressはデフォルトで特定のテーマカスタマイザ設定を提供します。選択したテーマによっては、さらに作業が必要になる場合があります.

ただし、発汗しないでください。ページの作成を開始すると、追加のテーマの調整が必要かどうかがわかり、いつでもこのメニューに戻ることができます.

ステップ4:必須プラグインをセットアップする

WordPressプラグインは必要なだけWebサイトに追加できますが、これを制限する必要があります。.

必需品を見つける

プラグインは、コードを使用せずにWebサイトの機能を拡張するのに最適ですが、ホスティングサーバーに過度の圧力をかける可能性があります.

だから、最初に、必要なものだけをセットアップすることに焦点を当てます。必要に応じて、後で他のWordPressプラグインを追加できます.

安全保障
WordPressログイン画面をブルートフォース攻撃から保護し、ウェブサイト自体がスパムやマルウェアのホームになるのを防ぐには、次のようなセキュリティプラグインの助けが必要です。 ワードフェンス.

キャッシング
WordPressのWebサイトにキャッシュを追加しないと、Webサイトが遅くなり、動作が遅くなる傾向があります。すべてのキャッシングは、Webサーバーが訪問者のブラウザーにWebサイトをより効率的に配信するプロセスです。次のようなほとんどのWordPressキャッシュプラグインの良いところ W3合計キャッシュ, ただし、Gzip圧縮やファイルの縮小など、他のパフォーマンス最適化設定が付属していることです。.

これらはすべて、ウェブサイトの読み込みを高速化するためのものです.

画像の最適化
すべてのWebサイトに必要なもう1つのことは、次のような画像圧縮プラグインです。 スマッシュ. このように、高解像度の画像の束を使用して、大きなファイルサイズがすべてを遅くすることを心配することなく、このWebサイトをデザインしたり、製品を自慢したりできます(このプラグインなしで発生する可能性があります)。.

バックアップ
ウェブホスティングプランには無料のウェブサイトを含める必要があります。ただし、元のファイルに何かが発生した場合に備えて、追加のバックアップセットを別の場所に保存しておくことをお勧めします。さらに、バックアッププラグインのような UpdraftPlus, バックアップをバックグラウンドで実行するように自動化およびスケジュールできます.

ページビルダー
これはオプションですが、WordPressが提供するブロックエディターを使用するよりも、ドラッグアンドドロップのページビルダープラグインを使用するとより迅速に作業できることに気付くでしょう。そこにはたくさんありますので、目的に最適なページビルダープラグインを選択してください.

無料のWordPressプラグインをインストールする

必要な必須プラグインのリストを入手したら、それらをインストールしてアクティブ化します.

これを行うには、プラグイン>新規追加に移動します。

WordPress新しいプラグインを追加する

これは 無料のWordPressプラグインリポジトリ. 探しているプラ​​グインを見つけるには、検索ボックスにプラグインの名前を入力するだけです.

プラグインをインストール

追加するプラグインの「今すぐインストール」ボタンをクリックします。ボタンは青色の「アクティブ化」ボタンに変わります。クリックしてプラグインとその機能をWebサイトに追加します.

重要なプラグインをすべてインストールするまで、これらの手順を繰り返します.

プレミアムプラグインをインストールする

サードパーティプロバイダまたはマーケットプレイスからプレミアムプラグインを購入した場合、それはプレミアムテーマをインストールするのと同じプロセスです.

プラグイン>新規追加に移動します。 「プラグインのアップロード」をクリックします.

プラグインをアップロード

次に、ダウンロードしたファイルをアップロードします。インストーラーが自動的にプラグインをインストールしてアクティブ化します.

WordPressプラグインをカスタマイズする

WordPressプラグインをインストールすると、通常、次の紹介のように、開始する準備ができているかどうかを尋ねるプロンプトが表示されます Elementor

Elementorはじめに

ほとんどのWordPressプラグインは事前設定されていますが、新しくインストールした各プラグインを確認して、カスタマイズしたい他の設定がないことを確認するために時間をかける必要があります.

新しいプラグインの設定を見つけるには、サイドバーを見てください。それぞれに新しいメニュー項目が表示されます.

新しいプラグインメニュー

メニュー名は常にプラグインと一致するとは限りません(「パフォーマンス」はW3 Total Cacheプラグインのメニューです)。そして、いくつかのメニューは上の例のようにトップレベルにないかもしれません.

たとえば、UpdraftPlusのメニューは[設定]の下に隠れています。

UpdraftPlusメニュー

プラグイン設定メニューを見つけるのに苦労したことがある場合は、メインのプラグインページに移動して、そこにある[設定]ボタンをクリックしてください。

プラグイン設定

設定はプラグインごとに異なるため、実行する必要はあまりありません。繰り返しますが、Smushから次のように指定されたセットアップ手順を実行してください。

スマッシュセットアップ

また、プラグイン開発者が設定ページに置いた推奨事項にも注意してください。これらのヒントは、プラグインを適切にカスタマイズおよび最適化したことを確認するのに役立ちます.

ステップ5:SEOを統合する

検索エンジン最適化(SEO)は複雑な問題です。そのため、今日は完全にWebサイトを最適化する方法の複雑さについては掘り下げません。.

しかし、私がお見せしたいのは、WordPressにSEOツールを追加するための迅速かつ簡単な方法です。.

SEOプラグインをインストールする

必要なプラグインが呼び出されます Yoast SEO.

Yoast SEOプラグイン

これは WordPressで最高評価およびダウンロードされたSEOプラグイン。そして、もしあなたがあなたのためにあなたの検索エンジン最適化をもっと簡単にしたいなら、これはそれを行うのに最適なプラグインです.

Yoast SEOのセットアップとカスタマイズ

プラグインをインストールしたら、サイドバーで新しいSEOメニューを見つけます。

Yoast SEO設定

これにより、Yoastダッシュボードが開きます。設定のカスタマイズを実行するには約5〜10分必要ですが、構成ウィザードを使用すると速度が向上します.

表示されたリンクをクリックしてプロセスを開始します.

環境
Yoast SEOウィザード

オプションAを選択.

Googleがウェブサイトをインデックスに登録するのに約1週間かかるので、完了する前にウェブサイトが検索結果に表示されることを心配する必要はありません。とにかく完了するためにこのプロセスにそれほど多くはありません.

サイトタイプ
Yoast-サイトタイプ

作成するWebサイトの種類を選択します。 Yoastは検索エンジンに通知し、そのようなコンテンツを探している人々にあなたのページや投稿を表示できるようにします.

組織または人
Yoast-組織タイプ

必ずこのページに記入してください。 (ブランド)名前の認知度の生成を開始したら、ユーザーが検索であなたを探しているときに詳細をプレビューできるようにしたい.

このような場合にナレッジグラフに詳細が表示される例を次に示します。

Google検索-ナレッジグラフ

検索エンジンの可視性
Yoast-可視性

ウェブ上の他の人に見られたくないプライベートコンテンツがない限り、これらの値はすべて「はい」に設定したままにします。.

複数の著者
Yoast-著者

複数の投稿者がいるブログの場合は、この設定を有効にして、それらの個人を検索している人々が検索でアーカイブページを見つけ、続いてウェブサイトを見つけるようにすることをお勧めします。ブログを書いているだけの場合は、この値を「いいえ」のままにします.

タイトル設定
Yoast-タイトル

通常、ウェブページが検索結果に表示されると、ページ(または投稿)のタイトルと、その後にウェブサイトまたは会社名が表示されます。例えば:

タイトル区切りを検索

しかし、タイトルをブランド名に合わせるのではなく、Yoastにこれらの重要なデータの間に自動的に仕切りを配置することができます。ダッシュ(-)とパイプ(|)が最も一般的に使用されますが、提供されている任意のオプションを選択できます.

その他のYoast設定

構成ウィザードは、このプラグインに必要なセットアップのほとんどを処理します.

とはいえ、検索の外観とソーシャルのサブメニューを覗いてみるとよいでしょう。ここでは、ページとリンクをWebサイトの外に表示する方法をさらにカスタマイズできます.

これは、WordPressで新しいページを作成するたびにこれらの詳細をカスタマイズする時間を節約するのにも役立ちます.

SEOプラグインを使用する

最適化するコンテンツを用意する前に、なぜSEOプラグインをセットアップしたのですか?時間を節約する.

次のステップに進むと、新しいコンテンツを作成するたびにYoastを使用する必要があります.

作成した各Webページまたはブログ投稿の下に、Yoast SEOウィジェットがあります。

Yoast SEOウィジェット

ここに検索データを追加します(ユーザーがあなたをWebで見つけたときに表示されるすべてのもの).

Yoast SEOをカスタマイズする

必ずカスタムを作成してください:

  • フォーカスキーワード— 投稿のメイントピックとキーワード
  • スラグ— ページへの特定のリンク
  • メタ記述 – 検索結果のページタイトルの下に表示される簡単な説明

完了すると、YoastはページをSEO向けに最適化したかどうかを「スコアリング」します.

[SEO]タブには、ウェブサイトのランク付けを改善するためのヒントがあります。

Yoast SEOのヒント

ページを読みやすくするためのヒントは、[読みやすさ]タブにあります。

Yoastの読みやすさ

赤またはオレンジのドットが付いているものがある場合は、できる限り推奨される変更を行ってください。これらの提案は、検索でウェブサイトのランクを上げるのに役立ちます(そして、訪問者がコンテンツを読むのに時間を費やすようにする).

ステップ6:コンテンツを作成する

ほとんどのWebサイトには、同じ基本的なページのセットが含まれています。

  • ホーム:あなたの訪問者を迎えるページ.
  • :会社のストーリーを伝えるページ.
  • サービス/製品:サービスや製品への訪問者を紹介するページ(販売内容やコンテンツの量によっては、複数のページが必要になる場合があります).
  • 連絡先:訪問者に連絡方法を知らせるページ.
  • 個人情報保護方針:ウェブサイトが収集するデータの種類とそれを使って行うことを説明するページ.

他にも作成したいページがあります。例えば:

  • ポートフォリオ:作品のサンプルを紹介するページ.
  • ブログ:すべてのブログ投稿または記事が表示されるニュースフィード.
  • 価格:サービスの価格と「今すぐ購入」オプションを提供するページ.

必要なページに関係なく、同じ手順を実行してページを作成およびカスタマイズする必要があります。

新しいページを作成する

[ページ]メニューに移動します.

新しいページを追加

デフォルトでは、WordPressはサンプルページとプライバシーページを作成します。サンプルページを削除できます。プライバシーページを押し続けると、コンテンツをカスタマイズして、他のすべての作業が完了したら公開できます。.

最初のページを作成するには(通常はホームページから始めるのが最善です)、[新規追加]をクリックします.

余談ですが、ウェブサイトをメンテナンスモードに設定して、他の人があなたの未完成のウェブサイトを見ることを防ぐこともできます.

これは、WordPressブロックエディターとそれに関連する設定です。

新しいWordPressページ

これを使用してWebページを作成するか、ページビルダープラグインを使用できます。ページへのコンテンツの追加は、各オプションで同じです.

ページに名前を付ける
まず、ページに名前を付けます.

WordPressページ名

[下書きを保存]をクリックして、ページのURLが自動生成されるようにします。 (少しだけで、スラッグが添付されないようにホームページを修正する方法を示します。)

デザインとレイアウトを作成する
ここで選択肢があります。ページのデザインとレイアウトを最初から作成するか、テンプレートを使用します.

最初から作成するには、各要素を1つずつブロックとともに追加します。これはウェブサイトを構築する最も時間効率の良い方法ではありませんが、そのルートに進む前にテンプレートオプションを検討する必要があります.

WordPressテーマをチェックして、役立つかどうかを確認します。それらのいくつかは、サイトにインポートできる既製のページテンプレートが付属しています.

テーマが役に立たない場合は、ページビルダープラグインを使用して、全ページまたはブロックテンプレートを追加して、ギャップを埋めることができます.

たとえば、Elementorを使用していて、新しいページを開いたときに次のように表示されているとします。

Elementorホームページの例

ページをテンプレートに置き換えるには、フォルダーをクリックしてテンプレートにアクセスします。

Elementorフォルダーテンプレート

使用するテンプレートを見つけ、[挿入]をクリックしてページに追加します。

Elementorテンプレートの挿入

この例をページに追加すると、次のようになります。

Elementorページテンプレート

レイアウトをカスタマイズする
インポートしたテンプレートは気に入ったが、ページ上での配置に満足していないとします。.

たとえば、上の例では、「ホーム」ページのタイトルバナーとサイドバーを削除します。それらは、所定の場所にドラッグアンドドロップできる要素ではないため、実際のページでは実行できません。.

代わりに、左側のエディターで設定ウィジェット(歯車のアイコン)を使用します。

Elementorページ設定

「タイトルを隠す」をクリックすると、ページの上部からタイトルバーが削除されます。ただし、このバーをWebサイトのすべてのページで非表示にする場合は、テーマカスタマイザからこの設定を構成するのが最善です。そうすれば、一度設定するだけで済みます.

特にElementorは、ページ上のスペースを有効に活用するために、「全幅」や「キャンバス」などのオプションを提供して、デザインを引き伸ばします。これらの設定をいじって、ニーズに最適なレイアウトとデザインを見つけてください.

繰り返しますが、いつでもカスタマイザーに戻って、満足できないデフォルトのテーマ設定を微調整できます.

コンテンツをカスタマイズする
ページのデザインに満足したら、コンテンツをカスタマイズできます。これにはすべてのテキストと画像が含まれます.

任意のエディター(WordPressのブロックエディターまたはページビルダープラグイン)でこれを行うには、カスタマイズするブロックをクリックして更新します。.

WordPressコンテンツを編集する

エディターでコンテンツをカスタマイズすると、Webサイトのプレビューでの変更がリアルタイムで反映されます.

メディアの更新についても同様です.

WordPressメディアを編集する

画像や動画を自分用に交換する場合でも、新しいものを追加する場合でも、デバイスからメディアをアップロードするか、ライブラリに既にあるものから選択することができます。.

メディアを挿入

新しいコンテンツを追加
テンプレートに何か不足しているように感じても、心配しないでください。既製のデザインに独自のブロックを簡単に追加できます.

ページビルダープラグインで、新しいブロックを追加するページの部分でプラス記号を探します。

新しいブロックを追加

次に、使用するブロックタイプを見つけて、新しいスペースにドラッグアンドドロップします。

ドラッグアンドドロップブロック

WordPressエディターも同様に機能します。

WordPressエディターブロック

プラス記号を見つけて新しいブロックを追加するか、左上の[ブロック]メニューからブロックを選択します。追加したいものをクリックして、カスタマイズを開始します.

ページ設定を更新する
ページの下部にあるYoastウィジェットはすでに見ました。ページを公開する前に、プラグインがアクティブになっている場合は、それらの設定を構成していることを確認してください.

また、ページの「ドキュメント」設定をここで必ずカスタマイズしてください。

WordPress文書設定

以下を編集できます。

  • パーマリンク(ページ固有のリンク)
  • 注目の画像(すべてのページに画像が必要です。そのため、ブログフィードの概要とソーシャルメディアのプロモーションには画像と説明の両方が含まれます)
  • カテゴリとタグ(ブログ投稿のみ)

関連するすべての詳細の入力が完了したら、[プレビュー]ボタンをクリックして、新しいブラウザーウィンドウでWebサイトを確認します.

WordPressプレビュー

これにより、Webページ(または既存のページに加えた変更)を公開する前に、リアルタイムでWebページを表示することができます。.

問題がなければ、[公開]ボタンをクリックすると、ウェブページが公開されます.

注意:ページはまだメニューに追加されていません。このプロセスが完了する前に、あなたがそれを処理します.

すすぎと繰り返し
すべてのWebページが完了するまで、このプロセスを繰り返します。公開されたら、次に進むことができます.

ホームページを設定する
最後に一つだけ:

ホームページを次の場所に配置したい https://yourdomainname.com. のようなものではない https://yourdomainname.com/home.

これを修正するには、[設定]> [リーディング]に移動します.

[ホームページが表示されます]で[静的ページ]を選択します。

読み取り設定-ホームページの設定

公開されたページのリストから、ホームページ(および作成した場合はブログページ)を選択できるようになりました。.

変更を保存します。これはあなたのホームページをあなたのウェブサイトのフロントページとして設定し、あなたが書いた投稿でブログを埋め始めます.

ステップ7:お問い合わせフォームを作成する

重要なページを配置したら、次のステップは、訪問者と関心のある見込み客が連絡できるように連絡フォームを追加することです.

このチュートリアルでは、最初から最後までお問い合わせフォームを作成する方法を示します Contact Form 7プラグイン. 注目している別のお問い合わせフォームがある場合は、投稿の下部までスクロールして推奨事項を確認します.

WordPressにカスタムの連絡先フォームを追加するためのベストプラクティスに関する限り、次の点に注意してください。

隠さないで.
フォームを見つけやすい場所に配置します。確かに、連絡先ページには1つ必要です。ブログのサイドバーまたはホームページの下部に追加することもできます.

必要なフィールドのみを含める.
昨今、誰もがウェブ上のプライバシーの懸念に非常に精通しているため、目的とは無関係の情報を求めて行くのは嫌です.

フォローアップメッセージを忘れないでください.
お問い合わせフォームに記入すると、2人がフォローアップメッセージを受信します.

フォームに記入した人は確認メッセージを受け取ります。通常、送信後にフォームの代わりに表示されます.

デフォルトでは、フォームは事前に作成されたメッセージをユーザーに送信します。

お問い合わせフォームのメッセージ

メッセージをカスタマイズして、これに個人的なタッチを自由に与えてください.

フォローアップとして受け取るメッセージを忘れないでください。あなたのメールが届きます:

お問い合わせフォームのメール

「あなたのドメイン名 ‘[ユーザーの件名]’」のような件名は適切ではなく、お問い合わせフォームのメールがスパムに直接送信される可能性があります。これらのお問い合わせフォームの送信を確実に受信したい場合は、件名とメッセージ本文の詳細をカスタマイズしてください.

お問い合わせフォームを埋め込んだら、ウェブサイトにアクセスしてご自分で記入してください。特に必要なフィールドを設定する場合は、すべてが意図したとおりに機能することを確認してください。次に、サイトとメールの受信トレイでフォローアップメッセージをチェックして、すべてが適切であることを確認します.

ステップ8:ウィジェットを追加する

以前にカスタマイザの設定を行ったときに、「フッター」または「ウィジェット」のセクションがあったことに気づいたかもしれません.

当時はそのままにしておくようお願いしました。それは、Webサイトの残りの部分をまとめるまで、これらの小さなコンテンツブロックを埋めるのはあまり意味がないためです。.

ウィジェットとは何かについては、ウィジェットをWebサイトのさまざまなセクションのブロックと考えてください。主に、ウィジェットはフッター、サイドバー、場合によってはホームページに表示されます.

カスタマイズに戻ってフッターを構成することもできますが、最善の策は、[外観]> [ウィジェット]ですべての作業を行うことです。

WordPressウィジェット

このようにして、すべてのウィジェットに同時に取り組むことができます。さらに、Webサイトでどの種類のウィジェットスペースを埋めるために利用できるかについて、より明確なビューがあります(これは、テーマごとに異なります)。.

画面の左側には、使用可能なウィジェットがあります。

ウィジェット

画面の右側には、使用可能なウィジェットの配置があります。

ウィジェットの配置

テーマには、これらのウィジェットの一部がコンテンツで事前に入力されている場合があります(通常、これはフッターの場合です)。.

現在配置されているウィジェットを確認します。あなたが幸せなら、彼らをどこにいても.

最近の投稿のリストを検索バーの上に移動するなど、表示順序をカスタマイズする場合は、ウィジェットブロックを表示したい場所にドラッグアンドドロップするだけです。.

また、ウィジェットのコンテンツをカスタマイズする場合は、ブロックをクリックします。

ウィジェットを編集

この例では、[最近の投稿]リストの上に表示されるタイトルを追加または変更できます。一度に表示される投稿の数を更新することもできます。必要に応じて、発行日も追加できます.

これで、必要がない場合は、これらのウィジェットを埋める必要はありません。ただし、WordPressが提供するこの追加のスペースを利用したい場合は、先に進む前にすべてのウィジェットを埋めるように注意してください.

ステップ9:メニューを設定する

すべてのコンテンツが準備できたので、ナビゲーションメニューを作成してそれを表示する必要があります。.

これは、[外観]> [メニュー]にあります。

WordPressメニュー

このページでは、Webサイトに必要な数だけメニューを作成できます。ほとんどの場合、必要なのは1つだけです.

メニューに名前を付ける

メニュー名が表示されるのはあなただけなので、これを過度に複雑にする必要はありません。 「メインメニュー」のような名前を付けてください.

メニューを作成

次に、「メニューを作成」をクリックします.

メニューの配置を選択

次に、メニューの移動先を指定します.

メニュー配置

フッターのメニューを作成する場合(これはまれです)、またはモバイル用の別のメニューを作成する場合(後で行うことを決定する場合があります)、ここで構成します。とりあえず、「メイン」を選択してください.

[このメニューに新しいトップレベルのページを自動的に追加する]チェックボックスをオフのままにします。その一部を自動化したとしても、注文を更新するにはこのページに戻る必要があります。適切な場所を選択できる場合は、メニューにページが配置されるのを待つこともできます。.

メニューにページを追加する

ページをメニューに追加するには、ページの横にあるチェックボックスをクリックします。次に、「メニューに追加」をクリックします.

メニューにページを追加

ページだけではありません。追加したいブログの投稿、カテゴリ、製品、またはその他のリンクがある場合は、ここでそれを行ってください.

ページがここに表示されます。

メニュー構造のカスタマイズ

表示される順序を変更するには、それらを所定の位置にドラッグアンドドロップします。

ドラッグドロップメニュー

すべてのページをナビゲーションのトップレベルに表示する場合は、ページを左揃えにしてください。トップレベルのページのサブページを作成するには、次のようにインデントを付けてその下にドロップします。

ドラッグドロップサブメニュー

メニューとページをカスタマイズする

ページを配置したら、それぞれを開いて、すべての設定が好みに合わせてカスタマイズされていることを確認します.

メニューのカスタマイズ

あなたはできる:

  • ページ名を変更する.
  • トップレベルをクリック可能にしたくない場合は、リンクを無効にします.
  • 1つのページ名の下に複数のレイヤーを持つ大きなメニューを配置する場合は、メガメニューを有効にします.

ほとんどの場合、これらの設定を調整する必要はおそらくありません。ただし、万が一に備えて、彼らがここにいることを知っておくとよいでしょう。ここからもメニューからページを削除できます.

ステップ10:Googleに接続する

ウェブサイトを作成して好みに合わせてカスタマイズしたら、最後に行うべきことは、Googleに接続することです。.

Googleアナリティクスを設定する

への接続の有無にかかわらず グーグルアナリティクス, Googleや他の検索エンジンは、引き続きウェブサイトをクロールしてインデックスに登録できます。次に得られるのは、トラフィックとパフォーマンスに関して、Googleがあなたのウェブサイトから収集したどのようなデータを確認する能力です。.

このチュートリアルでは、Googleアナリティクスアカウントを作成し、それをウェブサイトに接続する手順について説明します。 WordPressプラグインを使用してこれを行うか、コードを使用して手動で行うことができます.

Googleアナリティクスの準備が整ったら、ウェブサイトのトラフィックパターンを監視し、ウェブサイトのデザイン、コンテンツ、目的などの将来についてデータに基づいた意思決定を行うことができます.

グーグルアナリティクス

これはあなたのウェブサイトが接続されるべきである唯一のGoogleツールではありません.

Google Search Consoleを設定する

Google Analyticsは訪問者があなたのウェブサイトとどのように相互作用するかに関するデータを提供します. Google Search Console, 一方、訪問者がWeb上の他のあらゆる場所でWebサイトに遭遇した方法に関するデータを提供します.

既にGoogleアナリティクスアカウントをお持ちの場合、Search Consoleの設定は簡単です.
次のステップは、Google Search Consoleを接続することです.

Google Search Console

Search Consoleのウェブサイトにアクセスして、[今すぐ開始]をクリックします。クイックセットアッププロセスを実行し、いくつかのオプションを使用してアカウントの所有権を確認するように求めます。 Google Analyticsはこれを行う最も簡単な方法の1つなので、必要に応じてそのオプションを使用してください.

Googleウェブマスターの確認

Googleアナリティクスの側からこの接続を確立することも重要です。この設定は、[管理]> [プロパティ]> [プロパティ設定]にあります。

Googleアナリティクス-Google Search Console

オプションとして、Search Consoleアカウントが表示されます。それを選択してGoogleアナリティクスに接続すると、集客レポートの下にその検索データの一部を取り込むことができます。

Google Analytics獲得レポート

または、いつでもGoogle Search Console自体にログインして、検索中のWebサイトで何が起こっているかについてより深い洞察を得ることができます。

Google Search Consoleダッシュボード

次のようなことを学ぶことができます:

  • あなたのウェブサイトと個々のページがグーグルで何回クリックして閲覧したか—ウェブ、画像、ビデオ検索で.
  • デスクトップ、タブレット、モバイルのユーザーからのクリックとビューの数.
  • サイトのページの平均ランクとは.
  • あなたのウェブサイトのためのトップ検索クエリは何ですか.
  • Webサイトにあるモバイルのユーザビリティ、セキュリティ、または速度の問題(ある場合).
  • あなたのウェブサイトを指すリンクが最も多いウェブサイト.
  • 自分のサイト内の内部リンクをどの程度うまく処理しているか.

時間をかけてGoogle Search Consoleを理解すると、WordPress(およびそれ以降)で検索最適化戦略を調整して、検索結果でより適切に表示できるようになります。.

サイトマップをGoogleに送信する

Google Search Consoleで最後に行うことは、サイトマップをアップロードすることです。このようにして、WordPressとGoogleの間に直接リンクを作成し、ウェブサイト上のコンテンツの場所をGoogleに伝えることができます.

Yoast SEOプラグインを使用する優れた点の1つは、XMLサイトマップが自動的に生成されることです。それらへのリンクは、[一般]> [機能]にあります。

Yoast XMLサイトマップ

疑問符をクリックして、サイトマップへのリンクを取得します。 Google Search Consoleに戻ることができます.

[サイトマップ]タブを開きます。

サイトマップを追加する

すべてのサイトマップリンクについて、WordPress Webサイトから取得し、[新しいサイトマップを追加]バーに入力します。 Google Search Consoleは、サイトマップとその中のすべてのページリンクを処理します。次にGoogleのボットがウェブをクロールするときに、サイトのページが取得されます.

サイトに新しいコンテンツを追加するたびにサイトマップは自動的に更新されるため、Search Consoleにサイトマップが追加されているため、Googleが重要な更新を見逃してしまう心配はありません。.

要約

WordPressを使用してWebサイトを構築することの優れた点の1つは、Webサイトの構築方法とカスタマイズの量を完全に制御できることです。ご覧のとおり、WordPressには、テーマからナビゲーションのレイアウトまで、カスタマイズすることがたくさんあります。 Googleトラフィックデータの表示方法と場所をカスタマイズすることもできます.

結論: WordPressの使用を選択する場合は、WordPressが提供するすべてを活用してください。このコンテンツ管理システムを使用して、常に望んでいたユニークで強力なWebサイトを作成することができます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map