便利な独り言のカスタマイズオプション

公開: 2018-05-28

多くのWordPressスライダーはシンプルで、カスタマイズが困難です。それらの多くはテーマにバンドルされており、スライドを追加したり速度を変更したりできる場合がありますが、基本的に独自のカルーセルプラグインをコーディングせずに、スライドをさらにカスタマイズする方法はありません。さらに、これらのスライダーの一部は応答しないか、コントロールがモバイルで機能しません。

これはSoliloquyスライダーには当てはまりません。 WordPressサイトに用途の広いカルーセルが必要な場合は、考えられるほぼすべての方法で変更できます。コーディングの知識を必要としないオプションの多くは、このプラグインが最適です。 Soliloquyのカスタマイズオプションのほんの一部を次に示します。

思った以上のオプション

Soliloquyの特徴的な機能の1つは、あらゆるサイトやニーズに合わせて調整および変更できることです。いくつかの基本設定を除いて、多くのスライダーはあまり変更できません。しかし、スライダーが実行する必要があることを考えることができる場合、Soliloquyにはおそらくオプションが組み込まれています。

これは、Soliloquyのすべてのカスタマイズオプションの包括的なリストではありませんが、その最高の機能の多くがここにリストされています。カルーセルを微調整するためのいくつかの追加の方法を探している場合は、ここが最適です。

Soliloquy documentation

独り言アドオン

スライダーに加えることができる最も劇的な変更のいくつかは、複数のアドオンからのものです。これらを使用すると、CSSを使用したカスタマイズから、特定の曜日または時間に表示するスライドのスケジュール設定まで、あらゆることができます。

動的アドオンを使用すると、カルーセルをその場で作成できると同時に、カテゴリ、フォルダ、さらには他のギャラリープラグインなどのソースから画像を取得できます。一方、注目のコンテンツプラグインを使用すると、最新のブログ投稿を披露できます。

Carousel

一部のアドオンでは、カルーセルの外観をカスタマイズできます。たとえば、サムネイルプラグインは、今後のスライドを小さなサムネイルでプレビューします。ライトボックスアドオンを使用すると、画像を黒い背景にポップアウトでき、干渉なしで写真を表示するのに最適です。スライダーの外観を大幅に変えるテーマもあります！

サードパーティのスライダーには、InstagramとWooCommerceのスライダーが含まれます。最新の写真を披露したり、WooCommerce製品を展示して売り上げを伸ばしましょう！

これは、Soliloquyが提供するアドオンのほんの一例です。ボタンをクリックするだけでスライダーを変更したい場合は、これを行うことができます。

注目のコンテンツアドオン

注目のコンテンツは単純な機能のように見えるかもしれません。最近のブログ投稿から引っ張っているだけですよね？しかし、この気の利いた機能を改良する方法はたくさんあります。

スライダーで記事のスニペットを使用していますか？キャプションの長さを制限したい場合があります。これは、スライダーオプションを微調整するだけで実行できます。また、召喚状に変更して、好きなことを言うこともできます。

しかし、それはほんの始まりに過ぎません。注目コンテンツのカルーセルに他のスライドを追加したり、記事カテゴリなどのカスタムフィールドをスライダーに表示したり、注目コンテンツをフィルタリングして特定の記事を除外したり、スライドのリンクや注目画像を変更したりすることもできます。

ビデオ、フォーム、およびテキストの追加

Soliloquyスライダーを使用すると、単純な画像だけに限定されません。ビデオ、テキスト、ボタン、およびフォームはすべてオプションです。 UIに関係することがあれば、十分なコーディングのノウハウがあれば可能でしょう。

ビデオの追加は、画像の作成とほぼ同じくらい簡単です。セルフホスト、Youtube、Vimeo、Wistiaのビデオはすべてスライダーに追加できます。スライダーのアップロード画面に移動し、他のソースからファイルをアップロードして、ビデオへのリンクを入力するだけです。キャプションとタイトルを追加すれば、準備完了です。

テキスト、フォーム、および同様のものについては、 HTMLスライダーを作成する必要があります。ショートコードを貼り付けることができるので、ボタンやフォームのショートコードがある場合は、スライダー内に配置できます。 PDFファイルを画像に変換するためのPDFスライドショーを忘れないでください。

HTML sliders

これらのいずれかを組み合わせて使用することもできます。したがって、1つのスライドに画像を、次のスライドにビデオを自由に配置して、フォームで仕上げてください。

モバイルの最適化

他のスライダーとは異なり、Soliloquyにはモバイル専用の調整と機能がバンドルされています。モバイルユーザーやタブレットユーザーがカルーセルを操作できないことを心配する必要はありません。

モバイルスライダーにキャプションを表示しますか？キャプションが画像のコンテキストにとって重要である場合は、スライダーをカスタマイズするときに「モバイル」タブを確認してください。ここでは、モバイルでキャプションを有効または無効にできます。

モバイルタッチスワイプを無効にしたいですか？ユーザーがナビゲーションボタンを介してのみスライダーを操作できるようにする場合、またはまったく操作しない場合は、これもオプションです。必要に応じて、モバイルでライトボックス機能を無効にすることもできます。

最後に、モバイルユーザーにスライダーをまったく表示させたくない場合は、スライダーを完全にオフにして、コンピューターの訪問者だけがカルーセルを表示できるようにすることができます。

キャプションをカスタマイズする

キャプションは単純な機能のように見えますが、Soliloquyを使用してほぼ無限にカスタマイズできます。たとえば、同じキャプションを頻繁に使用している場合はデフォルトのキャプションを設定したり、リンクがクリックされたときにキャプションのオンとオフを切り替えたりすることができます。

キャプションをカスタマイズする方法もたくさんあります。画像とキャプションを並べて表示したいですか？または、ホバーに表示したいですか？または、スライダーの下に完全に収まるようにキャプションを再配置しますか？これはすべて可能です。 CSSが苦手な方でも、ドキュメントとチュートリアルが役に立ちます。

自動再生、ナビゲーション要素、スライド時間を微調整

スライドが表示されるタイミング、ナビゲーションボタン、およびスライドが進むかどうかをカスタマイズするのは簡単です。ホバーにナビゲーション矢印または箇条書きを表示して、UI要素が干渉することなく画像を見ることができるようにします。または、要素を常に表示するように強制します。スライドカウンターを追加したり、ナビゲーション要素を好きな場所に再配置したり、矢印にテキストを入れたりします。

サイトのテーマや個々の好みに合わせてナビゲーション矢印と再生/一時停止ボタンをカスタマイズするのは難しくありません。カルーセルを目立たせることで、カルーセルに注意を促します。

ライトボックスを編集する

ライトボックスは、主要なSoliloquyアドオンの1つです。ライトボックスはCSSでカスタマイズできるため、必要に応じて要素のスタイルを設定できます。スライドのキャプションをライトボックスの画像にリンクしたり、ライトボックス内の画像にハイパーリンクを設定したりできます。または、ページを開くとすぐにライトボックスを表示することもできます。

空は限界です

これで、Soliloquyは、WordPress用に見つけることができる最もカスタマイズ可能なスライダープラグインの1つであることがわかります。スライダーをクリエイティブに使用する方法を考えることができれば、Soliloquyでそれを実行できる可能性が高くなります。必要に応じて、カルーセル部分を取り出してUIを使用することもできます。非常に多くのオプションがあるので、この用途の広いWordPressアドオンを使用しない理由はありません。

このガイドは、スライダーをカスタマイズするのに役立ちましたか？ 追加のSoliloquyアドオンと機能についてアイデアがある場合は、以下のコメントでそれらを共有してください。 また、Soliloquyの使用に関する詳細については、 FacebookとTwitterを確認してください。