ユーザーはあなたのウェブサイトについて0.05秒未満で意見を形成することをご存知でしたか？その意見のほとんどはウェブサイトの読み込み時間によって形成されますが、ウェブデザインも要因となります。
そのため、ウェブデザインプロセスを容易にし、視聴者に優れた印象を与えることができるよう、SeedProdのもう1つのエキサイティングなアップデートをお届けします。
この発表には多くの内容がありますので、簡単な概要については以下のビデオをご覧ください。
それでは、本日リリースする新しいSeedProd機能の詳細を見ていきましょう。
見事な画像ギャラリーを披露
まず、最高の画像をピクセルパーフェクトなディテールで表示できる、まったく新しい2つの画像ギャラリーブロックです。
ギャラリー
ギャラリーブロックは、デフォルトのWordPress画像ギャラリーのショートコードを使用して、数回のクリックでシンプルでレスポンシブなギャラリーを埋め込みます。
ライブプレビューにギャラリーブロックをドラッグし、コンピューターまたはWordPressメディアライブラリから画像を選択して、カスタム設定を選択するだけです。
たとえば、各ギャラリー画像をメディアファイルまたは添付ファイルページにリンクしたり、画像サイズ、列数、順序を変更したり、画像を邪魔にならないライトボックスポップアップで表示したりできます。
高度な設定にドリルダウンして、境界線の半径、影、色、間隔などを設定することもできます。
高度なギャラリー
高度なギャラリーは、カスタム構築されたSeedProdブロックで、ウェブサイトのどこにでも複数のギャラリーを追加できます。写真ギャラリーを追加するにつれて、スマートフィルターが表示され、ユーザーはワンクリックで簡単に切り替えることができます。
このブロックには、列、画像リンク、間隔を調整する機能など、ギャラリーブロックと同様の設定があります。ただし、画像を際立たせるための追加設定もあります。
たとえば、画像のアスペクト比を設定して、さまざまなサイズの画像のギャラリーを均一で一貫した外観にすることができます。また、背景オーバーレイ色を有効にして、ホバー時に画像の説明、キャプション、タイトル、または代替テキストを表示することもできます。
ギャラリーブロックと同様に、高度なギャラリーの設定タブには、ギャラリーの影、間隔、境界線などをカスタマイズするためのさまざまなオプションが含まれています。
ウェブサイトでギャラリーを使用する方法はたくさんあります。
- デザイナーはポートフォリオを作成して最新の作品を披露できます
- ライターはスクリーンショットを追加して、最新の記事にオンラインでリンクできます
- レストランは食欲をそそる写真をアップロードしてメニューを説明できます
しかし、それだけではありません。次に、ウェブサイト上のコンテンツを整理するのに役立つ新しいブロックがあります。
タブでコンテンツを整理
タブ付きコンテンツは、ウェブサイトのスペースを取らずにより多くのコンテンツを表示するための優れた方法です。コンテンツはクリック可能なセクションに整理されているため、ユーザーはすばやく見つけることができ、ユーザーエクスペリエンスが向上します。
だからこそ、新しいタブブロックは中小企業のウェブサイトにとって大きなメリットとなるのです。例えば、このお問い合わせページをご覧ください。
通常、ユーザーはページを下にスクロールしてさまざまな情報セクションを表示するか、最悪の場合は別のページをクリックして離れてしまいます。しかし、タブ付きコンテンツを使用すると、すべてをファーストビューで、1つのページに表示できます。
タブは好きなだけ追加でき、各タブにカスタムアイコンと色を付けることができます。ポイント＆クリックで、間隔、フォントサイズ、配置を調整するのも非常に簡単です。
さらにカスタマイズオプションが必要ですか？「高度な設定」に切り替えると、水平または垂直レイアウト、タブの色、タイポグラフィ、境界線などを選択できます。
ウェブサイトのデザインでタブ付きコンテンツを使用する方法について、いくつかアイデアをご紹介します。
- さまざまな製品の特長を表示する
- よくある質問を強調する
- サービスをトピック別に分割する
小さな変更のように思えるかもしれませんが、タブ付きコンテンツはユーザー満足度を高め、サイトをより魅力的にするのに役立ちます。
WordPressのサブメニューを簡単にカスタマイズ
以前のアップデートで、ウェブサイト全体のメニューをカスタマイズできる「ナビゲーションメニューブロック」を導入しました。しかし、本日、WordPressメニューバージョンのそのブロックのアップデートがあり、サブメニューの制御がさらに強化されました。
「ナビゲーションメニュー」の設定でWordPressメニューを割り当てた後、「高度な設定」タブをクリックして、サブメニューのデザインを編集できます。
サブメニューの背景、テキスト、ホバーの色を変更したり、行の高さ、境界線、パディングオプションを調整したりできます。さらに、サブメニューにカスタムドロップシャドウを付けることも可能です。
これらのスタイリングオプションにより、WordPressサイドバー、フッターウィジェット、メインナビゲーションヘッダーなど、サイト全体に詳細なメニューを簡単に表示できるようになります。
画像の最適化
前述したように、スピードはウェブデザインにおいて非常に重要であり、第一印象に大きな役割を果たします。画像が遅く読み込まれると、訪問者は待たずに離脱してしまいます。
幸いなことに、「画像」ブロックのアップデートでこれを解決できます。サイトに画像の縮小版を表示し、大きなバージョンを邪魔にならないライトボックスポップアップで開くことができるようになりました。
「画像」ブロックの設定パネルで「メディア – ライトボックス」オプションを選択するだけです。訪問者はライトボックスで画像を開き、詳しく見ることができます。
画像ブロックのもう1つの便利な追加機能は、境界線の半径をパーセンテージで設定できることです。これらの設定を調整することで、ウェブサイトに面白みを加える魅力的な画像スタイルを作成できます。
背景画像のオーバーレイ
今回のリリースでの最後の大きな変更点は、背景画像用のカラーオーバーレイの追加です。セクション、行、列の背景画像にオーバーレイを追加して、サイトのシームレスなカラーパレットを作成できます。
テキストが含まれる列がある場合、コンテンツを際立たせるために背景を暗くすることもできます。このお客様の声セクションで行ったように。
これは、見出しをシャープで読みやすく保ちながら、サイトに魅力的なヒーローエリアを追加する優れた方法でもあります。
これらの重要なアップデート以外にも、いくつかの変更と修正が追加されました。たとえば、ソーシャルアイコンブロックにTikTokアイコンを追加し、Font Awesomeを最新バージョンに更新しました。
今すぐSeedProdプラグインをアップデートしてください
プレミアムSeedProdユーザーの場合は、今日プラグインを更新して新機能をお楽しみいただけます。SeedProdを初めて使用する場合は、SeedProd Proライセンスを取得してこれらの機能を試すのに最適な時期です。
SeedProdをさらに便利にするための別のアップデートを間もなくリリースします。そのため、当社のブログをチェックしてください。
それまでは、機能リクエストやフィードバックをお寄せください。ご意見をお聞かせいただくために、お気軽にお問い合わせください。そして、いつものように、SeedProdを最高のWordPressウェブサイトビルダープラグインにしていただき、継続的なサポートをありがとうございます。
