WordPressにFacebook風タイムラインを追加する方法

タイムラインのような視覚的な要素をサイトに追加するには、かつてはカスタムコーディングに何時間も費やすか、高価な開発者を雇う必要がありました。そのため、数分でサイトにFacebookスタイルのタイムラインを追加できるプラグインを発見したことに興奮しました。

人生の道のり、ビジネスの節目、プロジェクトの履歴、その他何でも紹介したい場合、この無料プラグインを使用すると、1行のコードを書くことなく、または高価な開発者を雇うことなく、魅力的でインタラクティブなタイムラインをデザインできます。

この方法はどのWordPressテーマでも機能し、わずか数分で設定できます。私たちは、サイトをより魅力的にしたいと考えていた数え切れないほどの他のWordPressユーザーのために行ってきたように、プロセス全体を説明します。

WordPressにFacebookスタイルのタイムラインを追加する方法

注意: このチュートリアルでは、独自の情報をウェブサイトに追加する方法を説明します。複数のユーザー向けのソーシャルメディアタイムラインを作成する方法を探している場合は、ソーシャルメディアウェブサイトの作成方法に関するガイドを参照してください。

WordPressにFacebook風タイムラインを追加する理由

あなたがビジネスオーナー、ブロガー、非営利団体、またはその間のいずれであっても、視覚的なタイムラインはWordPressウェブサイトを向上させるための貴重なツールになり得ます

Facebookのタイムラインをスクロールする際の簡単さとエンゲージメントの高さを考えてみてください。その同じユーザーエクスペリエンスを、ご自身のウェブサイトにもたらすことができます。訪問者が自分のペースでタイムラインを探索できるようにすることで、サイトはよりインタラクティブでユーザーフレンドリーになります。

タイムラインを追加することは、コンテンツでストーリーを伝える素晴らしい方法でもあります。例えば、ビジネスウェブサイトをお持ちの場合、ブランドの歴史、新製品の発売時期、達成した重要なマイルストーンなどを視覚的に示すことができます。人々が簡単に追体験できる、魅力的で分かりやすい方法です。

Facebookスタイルのタイムラインは、ブランドのストーリーを創造的で記憶に残る方法で共有し、感情的なレベルでオーディエンスとつながるのに役立ちます。

もう一つの大きな利点は、訪問者のエンゲージメントを維持できることです。タイムライン形式で興味深く有益なコンテンツを提供することで、訪問者があなたのWordPressウェブサイトに長く滞在することを奨励できます。

それでは、FacebookスタイルのタイムラインをWordPressブログまたはウェブサイトに簡単に追加する方法を見ていきましょう。

WordPressにFacebookスタイルのタイムラインを追加する

WordPressサイトでタイムラインを作成する最も簡単な方法は、Timeline Block For Gutenbergプラグインを使用することです。この無料のWordPressプラグインは非常にシンプルで使いやすいです。複雑な設定をいじる必要はなく、すべてのカスタマイズをWordPressコンテンツエディターで直接行うことができます。

まず、Timeline Block For Gutenbergプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

プラグインが有効化されたら、Facebookスタイルのタイムラインを追加したいページまたは投稿に移動してください。

コンテンツエディターにいるときに、「+」記号をクリックして「Timeline Block」を追加してください。

タイムラインブロックを追加

次に、コンテンツエディターにタイムラインテンプレートが追加されているのが表示されます。

ここから、右側の設定パネルでタイムラインのレイアウトとデザインを変更できます。

例えば、このプラグインを使用すると、レイアウトを縦型から横型に変更したり、タイムラインを両側に表示するか片側にのみ表示するかを選択したりできます。

タイムライン設定を変更

設定パネルの「スタイル」タブに切り替えると、タイムラインの外観を変更するオプションが表示されます。

例えば、タイポグラフィ、テキストの色、ストーリーの見出しと説明の間の下部余白を編集するオプションがあります。

タイムラインのスタイルを変更

「高度な設定」タブでさらにカスタマイズオプションを見つけることもできます。

このプラグインでは、線の色、アイコンの色、アイコンの背景、項目の間隔、アイコンボックスのサイズ、コンテナのパディングなどを変更できます。

タイムラインの詳細設定を変更

次に、タイムラインのテキストと画像を編集できます。

デフォルトでは、プラグインはダミーのテキストと画像を追加します。それらをクリックするだけで編集を開始できます。

例えば、画像を 変更したい場合は、それを選択してから「置き換え」オプションをクリックします。新しい画像をアップロードしたり、既存の画像を選択したり、AI を使用して画像を生成したりすることもできます。

タイムラインの画像とテキストを変更

同様に、テキストをクリックしてタイムライン内のコンテンツに置き換えることもできます。

次に、タイムラインにストーリーを追加する必要がある場合は、「+ ストーリーを追加」ボタンをクリックして画像とテキストを入力するだけです。

ストーリーを追加して公開

完了したら、「公開」ボタンをクリックしてください。

これで、ウェブサイトにアクセスして、Facebook スタイルのタイムラインが機能していることを確認できます。

タイムラインプレビュー

WordPress でタイムラインを作成するための追加リソース

さまざまな種類のタイムラインを作成し、サイトのユーザーエクスペリエンスを向上させるための、さらに役立つガイドを以下に示します。

この記事が、WordPressサイトにFacebookスタイルのタイムラインを追加するのに役立ったことを願っています。また、WordPressでニッチなレビューサイトを作成する方法に関するガイドや、デザイナーや写真家向けの最高のWordPressポートフォリオプラグインの専門家による選び方もご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

2 CommentsLeave a Reply

  1. フロントエンドからタイムラインにデータを追加する方法。つまり、データはウェブページ(学生の結果など)から入力され、別のページでタイムラインに表示されます。

  2. なぜコメントできないのですか、または私たちのサイトにアクセスした人のコメントが見えないのですか?また、なぜ私の投稿の横に画像が表示されないのですか?

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。