GoogleカレンダーをWordPressウェブサイトに統合する方法を知る必要がありますか? それでは、このチュートリアルを一緒に見てみましょう。
あなたのウェブサイトのいくつかはカレンダーを持つことから利益を得るでしょう。 これは、チームやコミュニティの活動を調整する場合、または イベントのウェブサイトを管理する.
そのため、訪問者やユーザーは、何が新しく、何が行われるかを、おそらく誰が、特にいつ行うかを確認できます。
この記事では、レスポンシブGoogleカレンダーをWordPress Webサイトに統合する方法を紹介します。
しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法
それから私たちがここにいる理由に戻りましょう。
Googleカレンダーに移動します
既にGoogleカレンダーをお持ちの場合は、カレンダーを公開して、この手順をスキップしてください。 それ以外の場合は、ブラウザでにアクセスしてください Googleのカレンダー 必要に応じて認証します。 すべてがうまくいけば、Googleカレンダーインターフェースが必要です.
例を挙げると、Googleカレンダーで利用できる公開カレンダーを使用します。 これを行うには、前のハンドルをクリックします 他のカレンダー 画面の左側にあります。 表示されるメニューで、 興味深いカレンダーを閲覧する.
カレンダーリストで、リンクをクリックして、あなたに合ったものを選択してください 登録 向かいにあります。 この記事のために私は選びました フランスの祝日. あなたは以下の選択したものを見るべきです 他のカレンダー.
ページまたはアイテムにGoogleカレンダーを埋め込みます
の前にあるハンドルをクリックします フランスの休日 (またはあなたの公開カレンダー)を選択します カレンダー設定. [このカレンダーを統合する]セクションで、テキストボックスに含まれるHTMLコードをコピーし、事前にテキストモードで入力したWYSIWYGエディターに貼り付けます。
私たちの選択の方法で発見 開発者のWordPress用10コードエディタ
記事を保存してプレビューします。 あなたのウェブサイトでのアジェンダの表示は、あなたの ワードプレスのテーマ. 完全にレスポンシブであれば、表示の問題はありません。
小さい画面でカレンダーがどのように表示されるかを確認するには、ブラウザー ウィンドウの幅を縮小してみてください。 カレンダーの表示が途切れる場合は、CSS の小さな行をカレンダーに追加する必要があります。 ワードプレスのテーマ.
発見してさらに進む WordPressのブログにカスタムCSSを追加する方法
心配しないでください、それは複雑なことではありません。
応答性のカレンダーを作るためにCSSを追加します。
あなたを変えるには ワードプレスのテーマ特にあなたが作成者ではない場合、更新は次の方法で行う必要があります。 子テーマ または WordPressのプラグイン これにより、カスタム CSS を追加できます。
いずれにせよ、どのオプションを選択しても、この小さなCSSをWordPressテーマに追加します。
iframe { max-width: 100%; }
変更を保存し、記事のページをリロードして、今度はアジェンダが小さな画面に正常に表示されることを確認します。
ポストまたはページに埋め込む複数のカレンダー
開始するには、上記のように他の公開カレンダーを購読します(その他のカレンダー>興味深いカレンダーを閲覧する)、または独自のカレンダーを作成して公開します。
必要なカレンダーがすべて揃ったら、いずれかXNUMXつを選択し、ハンドルをクリックして選択します。 カレンダー設定。 セクションのこの時間、 このアジェンダを統合する、リンクをクリックします 色、サイズ、その他のオプションをカスタマイズする。 次に、カスタマイズウィンドウが表示されます。
さらに進む WordPress Webサイトのカスタマイズの基本
ここでは、アジェンダの視覚的な側面を変更できます。 重要なことは、カレンダーコレクションにタイトルを付けることです。そうしないと、現在のカレンダーのタイトルになります。
このウィンドウの上部には、ボタン付きのテキストボックスがあります HTMLコードを更新する. それを使用してカレンダーをプレビューします。
私たちもチェックすることをお勧めします 10 WordPressのプラグイン カレンダーを Web サイトに統合するのに最適なプレミアム
このボタンを使用すると、テキストボックスのHTMLコードを更新する効果もあります。 変更に満足したら、このコードを記事にコピーします。 ページを保存して再読み込みします。
発見も WordPress Webサイトをメンテナンスモードにする方法
以前にCSSコードをすでに挿入しているので、日記はすべての画面で完全に動作します。
ご覧のとおり、WebサイトにGoogleカレンダーを追加することはそれほど複雑ではありません。 それは、Googleカレンダーアプリケーションからコードをコピーして、テキストモードのエディターを使用してページまたは記事に貼り付けることです。
しかし、あなたのカレンダーでページ全体を占めることに失敗すると、あなたもそうすることができます Googleカレンダーのカレンダーウィジェットを追加.
プレミアムWordPressプラグインもご覧ください
他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。
ここでは、そのためのプレミアムWordPressプラグインを提供しています。
1.ユーザーロール別のページ
ユーザー ロール別のページは、 WordPressのプラグイン これにより、Web サイトの特定の要素 (投稿、ページ、カスタム投稿タイプなど) にアクセス制御を追加できます。
このプラグインを使用すると、ページ、記事、カスタムタイプの投稿などを削除できます。 検索結果とブログディレクトリにあります。 これにより、ユーザーがログインしていないときに、ページ、カテゴリ、およびその他のメニュー項目を非表示にできます。
定義することもできます リダイレクト 必要なユーザーロールを持たないユーザーに固有です。
2。 究極のアフィリエイトプロ
から始めましょう WordPressのプラグイン Ultimate Affiliate Pro は、簡単に WordPressのプラグイン WooCommerce、Easy Digital Downloads、PayPal、Stripe プラグインと統合されているため、最も強力なアフィリエイト プログラムです。
そこには、パフォーマンスボーナスとバナー管理、無制限の数のアフィリエイトと特別オファーのサポート、ランキングとコミッションレベル、紹介とシェアなど、あらゆる種類の便利な機能があります。ソーシャルネットワーク、複数の支払いゲートウェイのサポートPayPal、Stripeなど。
それだけでは十分ではなかった場合は、ログインページ、サインアップ、無料アカウント用のテンプレートがいくつかあり、MailChimp、Constantなどのトップメールマーケティングプロバイダーと接続していることを知っておく必要があります。連絡先および他の多く。
それは最高のアフィリエイトプラグインのXNUMXつです WooCommerce Envato Marketにあります。
3。 材料
Material Adminは、WordPressダッシュボードをカスタマイズするための市場で最も先進的でスタイリッシュなWordPressプラグインの1つです。
このWordPressプラグインには100のスタイリッシュなテーマが付属しており、独自のテーマを作成できます。 ダッシュボードメニュー、トップバー、ボタン、タイポグラフィ、フォーム、テキストと背景の色、ロゴなどの完全な外観を制御できます。
マテリアル管理者には20以上のものもあります ウィジェット de タブロー・ド・ボルド あなたのウェブサイト用にパーソナライズされ、訪問者の統計を表示します。
推奨リソース
ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。
- WordPressの投稿を並べ替える方法
- WordPressのログインページへのリンクを見つける方法
- WordPressのテーマを編集するファイルを検索する方法
- WordPressでPDFを表示および共有するにはどうすればよいですか?
- WordPressのページとテンプレートとの階層を作成する方法
まとめ
そこ! このチュートリアルは以上です GoogleカレンダーをWordPressWebサイトに統合することに専念しています。 することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する.
しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。
提案や意見がある場合は、セクションに残してください commentaires.
...