ウェブサイトのデザインにおいて重要な要素は、年表や重要な歴史的出来事をいかに効果的に表示するかである。エッセンシャル・ブロック によって グーテンベルク・エディター 非常に便利なツールが用意されている。タイムライン・スライダーコンテンツをより鮮明に表示します。会社の歴史を語るにせよ、プロジェクトの進捗を示すにせよ、その他の時間に関連したコンテンツを表示するにせよ、タイムラインスライダーはユーザーのブラウジング体験を高めるのに役立つ魅力的なビジュアルを提供します。
![画像[1] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423165418279-1745398454020.png)
タイムライン・スライダーを使い始める
1.Essential Blocksプラグインのインストールと有効化
開始する前に エッセンシャル・ブロック プラグイン(無料版とプレミアム版の両方)は正しくインストールされ、有効化されています。この機能はEssential Blocksのプレミアム版に含まれているため、動作にはプロ版が必要です。
![画像[2] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423162518760-image.png)
- ある WordPressダッシュボード に、に エッセンシャル・ブロック.
![画像[3] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423162620788-image.png)
- への切り替え ブロックタブ探す タイムライン・スライダー オプションを選択し、[Activate]ボタンをクリックします。
![画像[4] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423162554837-image.png)
2.タイムライン・スライダーをページに挿入する
次に、タイムライン・スライダーを使うためにページ・エディターに移動します。
- タイムラインを挿入したいページを開き プラス記号アイコン.
- 表示された検索ボックスに次のように入力する。 タイムライン・スライダーブロックをクリックすると、すぐにタイムライン・スライダーがページに表示されます。
![画像[5] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423162902401-image.png)
3.コンテンツソースとスタイルの設定
Timelineスライダーは異なるコンテンツソースとスタイルを選択し、Timelineのプレゼンテーションをカスタマイズする事が出来ます。下記のステップに従って設定してください:
- ページ上部で ブロックエディター.
- への切り替え 一般(レギュラー)ラベル。
![画像[6] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423163153481-image.png)
- 以下のオプションでコンテンツソースを選択します。 カスタマイズ(カスタム)または どうたい(Dynamic)、コンテンツの表示方法によって異なる。
![画像[7] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423163314196-image.png)
- プリセットスタイルからお好みのスタイルを選択し、「確認」をクリックします。
![画像[8] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423163447548-image.png)
4.各タイムラインエントリーをカスタマイズする
それぞれのTimelineエントリーにタイトル、日付、テキストコンテンツなどを追加する事が出来ます:
- タイムライン上の任意のエントリーをクリックして、そのエントリーを編集する タイトル、日付 歌で応える テキストコンテンツ.
![画像[9] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423163904429-image.png)
- 必要に応じて 短いハムレット オプションで短いメッセージを表示できる。
5.タイムライン・スライダーの設定
タイムライン・スライダーの機能設定は、より柔軟なプレゼンテーションのためにさらに調整することができる:
- ある スライダーの設定(スライダー設定)で、矢印、自動再生、ドットなどをオン・オフできます。
- これらの機能を有効にするかどうかを選択し、適宜調整してください。
![画像[10] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423164323136-image.png)
6.スタイルと外観のカスタマイズ
タイムライン・スライダーをサイトデザインに合わせるには スタイル(スタイル)タブで詳細なカスタマイズが可能です。
- 修正 コネクタ色そしてアイコンカラーそしてタイポグラフィ その他
![画像[11] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423164510201-image.png)
- ある アローセクション(矢印セクション)で矢印の色や大きさなどをカスタマイズする。
![画像[12] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423164546330-image.png)
7.高度なカスタマイズとアニメーション効果
タイムライン・スライダーをより魅力的にするためにエッセンシャル・ブロック オファー 高度なカスタマイズ オプション以下の項目を調整できる:
- 背景の種類、色、ボーダーのスタイル などで、タイムライン・スライダーをよりパーソナライズされたものにすることができます。
![画像[13] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423164752318-image.png)
- セットアップ アニメーションの種類アニメーション速度、ディレイ時間これはページがロードされた時にタイムライン・スライダーをスムーズにレンダリングさせるものです。
![画像[14] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423164856907-image.png)
8.ページの公開と更新
すべての設定が完了したら ポスト もしかしたら 更新 ボタンをクリックして変更を保存してください。タイムライン・スライダーがページに設置され、ユーザーがよりインタラクティブで魅力的なコンテンツ表示を楽しめるようになりました。
![画像[15] - エッセンシャルブロックのタイムラインスライダーでウェブサイトのストーリーテリングを強化する方法](https://www.361sale.com/wp-content/uploads/2025/04/20250423165008553-image.png)
短い
利用する エッセンシャル・ブロック な タイムライン・スライダーTimelineスライダーはあなたのウェブサイトにインタラクティブで視覚的にアピールする要素を加える素晴らしい方法です。Timelineスライダーは、歴史を伝えたり、プロジェクトの進捗状況を表示したり、重要な出来事をタイムラインを通して紹介したりするのに使用され、ユーザーの注目を集め、ユーザーエクスペリエンスを向上させるのに効果的です。簡単な設定とカスタマイズで、あなたのウェブサイトに魅力的なストーリーを簡単に展示する事が出来ます。
WordPressに関連するチュートリアルや情報については、以下を参照してください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/51468この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。























![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし