WordPressでGoogleカレンダーを追加する方法

WordPressサイトにGoogleカレンダーを追加しますか? Googleカレンダーは、最も便利なアプリの1つです。それはあなたのスケジュールを管理し、イベントを共有し、あなたの周りのすべてを整理することができます。この記事では、WordPressでGoogleカレンダーを追加する方法を説明します.


WordPressでのGoogleカレンダーの追加

簡単にするために、WordPressプラグインのインストール方法に関するビデオチュートリアルを作成しました。.

WPBeginnerを購読

ただし、テキストの指示に従うだけの場合は、WordPressにGoogleカレンダーを追加する方法に関するステップバイステップチュートリアルに従ってください。.

最初に行う必要があるのは、シンプルカレンダー-Googleカレンダープラグインをインストールしてアクティブにすることです。アクティベーション時に、あなたは訪問する必要があります カレンダー»設定 プラグインを設定するページ.

カレンダーソースの設定

まず、プラグインをGoogleカレンダーに接続する必要があります。これには、プラグインにカレンダーデータへのアクセス権を与える必要があります。そのためには、Google APIキーを作成して提供する必要があります.

Google Developer Consoleのウェブサイトにアクセスして、新しいプロジェクトの作成ボタンをクリックするだけです.

Google Developer Consoleでプロジェクトを作成する

これにより、プロジェクトの名前を指定する必要があるポップアップが表示されます。何でもかまいませんが、プロジェクトの特定に役立つものを使用することをお勧めします.

プロジェクトの名前を選択してください

これでプロジェクトダッシュボードにリダイレクトされ、そこでAPIキーの有効化と管理リンクをクリックする必要があります。.

APIキーを有効にする

すべてのGoogle製品とサービスを示すページが表示されます。 Google Apps APIセクションの下にあるGoogle Calendar APIをクリックする必要があります.

Google Calendar APIを有効にする

次のページでは、Calendar APIを有効にすることを確認するように求められます。続行するには、[有効にする]ボタンをクリックするだけです,

カレンダーAPIの確認を有効にする

APIが有効になった後も、APIへのアクセス方法と使用する資格情報の詳細が必要です。 [資格情報に移動]ボタンをクリックして続行します.

API資格情報を生成する

これにより、資格情報を選択する必要があるページが表示されます。 GoogleカレンダーをWordPressに接続するための資格情報としてAPIキーを使用します。続行するには、APIキーのリンクをクリックしてください.

APIキーのリンクをクリックしてAPIキーを生成します

ここで、キーを使用する場所を選択するよう求められます。 Webサーバーで使用するため、続行するにはサーバーキーをクリックする必要があります.

キーのタイプを選択

最後に、キーの名前を指定する必要があります。これは、後で簡単に識別できるものであれば何でもかまいません。 [IPアドレス]フィールドは空白のままにできます.

APIキーに名前を付けます

Googleカレンダーで使用するAPIキーが正常に作成されました。これで、APIキーをコピーしてプラグインの設定ページに貼り付けることができます.

変更を保存するボタンをクリックして設定を保存することを忘れないでください.

Googleカレンダーを公開する

Googleカレンダーを共有する場合は、カレンダーの設定を変更して公開する必要があります。これは、Googleカレンダーを公開する方法のステップバイステップガイドです。.

Googleカレンダーに移動し、共有するカレンダーの横にあるドロップダウンアイコンをクリックするだけです.

Googleカレンダーを共有する

カレンダーの共有設定が表示されます。カレンダーを公開するには、チェックボックスをオンにしてから、[保存]ボタンをクリックする必要があります.

Googleカレンダーを公開する

最後に必要なのは、一意のカレンダーIDを取得することです。 WordPressでカレンダーを表示するには、このIDが必要です。カレンダーの詳細タブをクリックするだけです.

カレンダーの詳細タブ

カレンダーのアドレスセクションページまでスクロールします。そこにあなたのカレンダーIDがあります。このIDをコピーして、テキストファイルに貼り付ける必要があります。次のステップでこのカレンダーIDが必要になります.

GoogleカレンダーIDのコピー

WordPressで新しいカレンダーを追加する

WordPressサイトとGoogleカレンダーを正常に接続しました。次のステップは、WordPressにGoogleカレンダーを追加することです.

単に行く カレンダー»新規追加 ページ。 WordPressの投稿またはページ編集画面によく似た画面が表示されます.

WordPressで新しいカレンダーを追加する

まず、カレンダーのタイトルを入力します。プラグインがすでにtextareaにいくつかのショートコードとテキストを追加していることに気づくでしょう。それをそのままにして、テキストエディターの下にあるカレンダー設定ボックスまで下にスクロールできます。.

カレンダー設定ボックスの[Googleカレンダー]タブをクリックして、カレンダーIDを貼り付ける必要があります.

WordPressにカレンダーIDを追加する

カレンダー設定ボックスの他のタブをクリックして、WordPressサイトでのカレンダーの表示方法をカスタマイズすることもできます.

完了したら、公開ボタンをクリックしてカレンダーを保存します.

WordPressサイトにGoogleカレンダーを表示する

作成したGoogleカレンダーは、WordPressサイトにはまだ表示されていません。 WordPressの投稿またはページにカレンダーを追加する必要があります.

WordPressの投稿またはページを作成または編集するだけです。投稿エディタ画面に、新しい[カレンダーを追加]ボタンが表示されます.

投稿編集画面にカレンダーボタンを追加

追加したカレンダーをドロップダウンメニューから選択できるポップアップが表示されます.

投稿編集画面の添付カレンダーメタボックスから選択して、カレンダーを投稿に添付することもできます.

Googleカレンダーを投稿またはページに添付する

Googleカレンダーをサイドバーウィジェットに表示する場合、シンプルカレンダープラグインにはそのためのウィジェットがあります.

あなたは訪問する必要があります 外観»ウィジェット ページにアクセスし、利用可能なウィジェットのリストからシンプルカレンダーウィジェットを見つけます。次に、ウィジェットをサイドバーにドラッグアンドドロップするだけです.

ウィジェットの設定で、ドロップダウンメニューからカレンダーを選択する必要があります。ウィジェットの設定を保存するには、必ず保存ボタンをクリックしてください.

ウィジェットを使用してサイドバーにGoogleカレンダーを追加する

以上で、ウェブサイトにアクセスしてGoogleカレンダーの動作を確認できます。プラグインがカレンダー上のイベントを美しく強調することに気づくでしょう。マウスをイベントに合わせると、イベントの詳細が表示されます.

WordPressページに埋め込まれたGoogleカレンダー

この記事が、WordPressにGoogleカレンダーを追加する方法を学習するのに役立つことを願っています。 WordPressにGoogleアナリティクスをインストールする方法に関するガイドもご覧ください。.

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