Cool Timeline プラグインの紹介:
もちろん、以前ご紹介した WP Timeline と同じ PRO バージョンを皆さんにご紹介したいと思います。これもタイムラインを実現するツールですが、このツールはより早い時間で、よりクールな効果を生み出します。デモを見ることができます。これはその 1 つです。
ページを下に折り返すと、とてもクールな効果が現れます。先ほど使用したものは、 WP タイムラインにはこのような動的な効果はありませんので、必要に応じて使用できます。サイトをよりクールにしたい場合は、以下で説明するプラグインを使用してください。
Cool Timeline プラグインのインストール:
まず、バックエンドに入り、プラグインをインストールして、デスクトップにアップロードします。これで準備完了です。PRO バージョンの現在の最高バージョンは 4.5.6 です。クリックしてプラグインを開き、インストールします。
インストールが成功したら、プラグインを有効にします。すると、WordPress 機能ボタンに非常に目を引く Timeline Addons 機能ボタンが表示されます。その機能を見てみましょう。最初はダッシュボードです。
今インストールしたプラグインのPROバージョンに加えて、このプラグインには、次のような他のプラグインもいくつかあります。 エレメンター コンポーネント。ただし、他のコンポーネントを別途購入する必要があるため、それらを使用するかどうかは関係ありません。実際、この PRO バージョンは、あのクールなタイムライン効果を実現するためにのみ使用しています。
2 つ目はアクティベーション コードです。現在、プラグインはクラックされた状態であるため、アクティベートされていません。アクティベートしないでください。追加のリマインダーがあるだけです。
残りは私たちには影響がありません。例えば、プラグインの一種は、Themeforest などの一部の電子商取引プラットフォームでは販売されていません。独自の独立した Web サイトでのみ販売されています。このようなプラグインは基本的に利用可能であれば、入手が困難です。GPL バージョンなので、クラックされたバージョンしか使用できません。
3つ目の特徴は、PRO版の追加機能です。実は無料版もあります。クールなタイムラインプラグインを直接インストールすることもできますが、無料版です。無料版には多くの機能があります。ただし、たとえば、タイムラインに一部のノードコンテンツを個別に設定することはできず、PRO版でのみ使用できます。
Cool Timeline では以下を使用します:
クールなタイムラインは、以前使用した wp-timeline に似ています。また、さまざまな種類のタイムラインを生成することもできます。1 つ目はスタイル、2 つ目はコンテンツです。このコンテンツへの呼び出しも 3 つあります。
まず、PRO バージョンで直接使用できます。カテゴリ ディレクトリを作成し、カテゴリ ディレクトリにストーリー コンテンツを追加できます。
Cool Timeline はストーリー コンテンツを作成します。
たとえば、ストーリーを追加して、Web サイトからコピーしてみましょう。ここでコンテンツにタイトルと段落を追加し、タイムラインの設定をいくつか行います。1 つ目は、時間の設定です。タイムラインがあるため、期間が必要です。
2 つ目はカスタマイズです。とても簡単です。ソート方法を直接設定できます。タイムラインの効果を追加し、上記のコンテンツが時間ノードでソートされている場合は、順序を使用できます。ソート。ここではデフォルトで時間ノードを使用します。たとえば、最初の日は 20 日に設定すると、下のタイムラインに 3 種類のコンテンツが表示されます。1 つ目は、画像を追加できることです。この画像が、私たちが待っているものです。ここで、注目の画像と呼ばれる注目の画像を設定できます。
2 番目の方法はビデオを追加することですが、このビデオを YouTube または海外のビデオ サーバーにアップロードする場合は、アップロードできます。アップロードすると、リンクが表示されます。このリンクを貼り付けます。この位置にとどまるだけです。
3番目の方法は、複数の画像をアップロードしてからスライドショーカルーセルを形成することです。ただし、この3つは横並びです。最初の方法を使用すると、後で使用できないため、1つの方法しか選択できません。次に、小さなアイコンを追加します。1つ目は、フォントアイコンを追加することです。好きなものを追加することもできますが、独自のアイコンをアップロードして別のアイコンを追加することもできます。リンクが存在しない場合は、追加しないでください。これが最初のものです。
クールなタイムラインストーリーのカテゴリー:
その後、それをカテゴリに入れて、後で呼び出します。
そうですね、他にもいくつか別々に時系列順に作成しました。
クールなタイムラインショートコード:
作成したら、呼び出してみましょう。呼び出し方法は実はとても簡単です。このショートコードのように、ショートコードを使用します。
もちろん、このようなショートコードを個別にコピーする必要はありません。公式の指示に従うこともできます。このエフェクトが必要な場合は、このエフェクトをコピーできます。
クールなタイムラインページが表示されます:
もう 1 つの方法は、ページに表示することです。ここでは、ページを作成し、タイトルを入力して、呼び出す方法を指定します。これは非常に簡単です。ここで、プラス記号をクリックすると、3 つのモジュールがあることがわかります。最初のモジュールと別のモジュールは、2 番目のモジュールの下にあります。合計で 3 つのモジュールがあります。では、これら 3 つのモジュールの違いは何でしょうか。
クールなタイムラインスタイルの設定:
ここでは、投稿、つまり記事が呼び出されていることがわかります。記事のコンテンツをタイムラインとして直接使用できるため、直接クリックして追加します。追加したら、編集してクリックできます。右側では、Gutenberg で変更しています。その右側では、垂直に並べ替えるか、水平に並べ替えるかを変更できます。
Cool Timeline コンテンツ ソース設定:
次はさまざまなスタイル、次はスキンです。暗い設定でも通常の設定でも、次のものを変更しないでください。これは私たちの投稿、つまり私たちの記事を呼び出します。
次に、メインのカテゴリ ディレクトリです。ここで、カテゴリの 1 つのエイリアスを入力できます。記事を見つけてカテゴリを開きます。ここにスラッグとエイリアスがあります。特定のカテゴリ ディレクトリに名前を付ける場合は、カテゴリ ディレクトリのエイリアスをコピーしてここに追加します。
複数のエントリがある場合は、英語のカンマで区切ってください。そうすれば、一度に複数のエントリを入力できます。ここで入力しないと、すべての記事が呼び出されます。
次は、記事の各ページに表示される記事の数です。記事がたくさんある場合は、ページめくりがサポートされます。この効果を確認でき、ページをめくることができます。
次に、高度な並べ替え方法、時間の表示方法、および小さなフォントアイコンのスタイルを確認します。これは、いくつかのスタイルを変更することですが、最初にここで変更する必要はありません。次に、最初に公開します。公開されたら、このページを開いて効果を確認します。
開くと、すべての記事が呼び出されていることがわかりますが、表示されているのはほんのわずかです。サイドバー ページのサイドバーを閉じて、更新することができます。これは純粋なタイムライン効果です。なぜ動的ではないのでしょうか。それは、詳細設定でこのショートコードをもう一度クリックし、詳細設定でトレンドを設定して更新をクリックし、更新することができるためです。これで、スクロールすると動的効果が得られます。すべての動的効果はこのように追加されます。これが最初のものです。
私たちの記事をタイムラインのコンテンツとして呼び出します。
クールなタイムラインコンテンツストーリー表示:
別のものを見てみましょう。まず削除してから、別のものを追加しましょう。もう 1 つは、先ほど更新したストーリーを呼び出すためのものです。クリックして参加します。同じように、このショートコードをクリックします。まったく同じ方法で変更することもできますが、ここではスタイルを設定して [更新] をクリックします。
もう一度更新してみましょう。別のスタイルが表示されます。ここで呼び出されているのは、追加したいくつかのストーリーのコンテンツです。これは、私たちの記事とは無関係です。
クールなタイムラインのカスタマイズされたコンテンツ:
3 つ目の追加方法はよりユニークです。直接モジュールとして扱います。このモジュールを追加した後、それを変更できます。たとえば、各モジュールに、タイトル、コンテンツ、画像、時間を追加できます。デフォルトのものがあり、必要な数だけ追加できます。
例えば、追加もできるので、設定後も同様に更新できます。更新が完了したら、更新すると、追加したコンテンツが表示されますが、中の写真は表示されません。使用した写真は許可されていないため、完全に削除できます。
そして、私たちがよく追加する会社の開発履歴は基本的に私たちが書いたストーリーなので、2番目の種類のストーリーをまだ使用しています。さて、それではリフレッシュします。今、これらをいくつか追加します。このプロセス中に、いくつかの方法を使用しました。最初のものはサムネイルで、2番目はYouTubeビデオでした。このビデオは再生できます。
3つ目に使うのが、次のものです。スライドショーを使っていますが、これはいろいろな使い方ができます。これはタイムラインプラグインの使い方の一つ、クールなタイムラインです。
Cool Timeline プラグインの設定:
次に、設定を見てみましょう。設定は非常に簡単です。まずは設定を変更します。タイムラインに続きがある場合は、ここに追加します。記事の場合は続きが表示されます。ハイパーリンクを追加すると続きが表示されます。その後、テキストを変更できます。
次は、画像素材用です。例えば、今この画像をクリックすると、ライトボックス効果があります。ここで最初のタイプのライトボックスは、プラグインに付属しているものを使用し、2番目のタイプはテーマを使用できます。3番目のタイプはリンクを開き、4番目のタイプはリンクを閉じます。次に、カルーセル画像の場合は、カルーセルが自動的に回転する時間を設定できます。このフォントのCSSスタイルを呼び出す必要がありますか？通常は、それを表示する必要があります。
2つ目は、Googleフォントを表示するかどうかです。海外のウェブサイトを作る場合は、ニーズを満たすために自分でGoogleをオンにする必要があります。テーマにフォントが付属している場合は、オフにすることができます。負け。
次は、カルーセルの表示方法です。2 つ目は、自分のニーズに合わせてスタイルを設定することです。たとえば、最初のモジュールは現在表示されている最初のモジュールです。右から始まります。左に切り替えて、保存して更新することができます。最初のモジュールは左から始まりますが、背景色とフォント色を変更したり、カスタム CSS スタイルを追加したりできます。
3 つ目は、フォント サイズとフォントの太さを測定するために使用されるフォントに関するものです。変更することができます。最後は、ビデオ チュートリアルがいくつか提供されることです。さて、これが Cool Timeline プラグインの使用方法です。
