シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

新機能高度なギャラリー、タブ、画像ライトボックスなど

新機能高度なギャラリー、タブ、画像ライトボックスなど 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

ユーザーがあなたのウェブサイトに対する意見を形成するのに0.05秒もかからないことをご存知ですか?その大半はウェブサイトのロード時間によって決定されますが、ウェブデザインもその一因となります。

そこでSeedProdでは、ウェブデザインのプロセスをより簡単にし、視聴者に優れた印象を与えることができるよう、また新たなエキサイティングなアップデートをご用意しました。

この発表でお伝えしたいことはたくさんありますので、以下のビデオで概要をご覧ください:

それでは、本日リリースするSeedProdの新機能の詳細に飛び込んでみましょう。

見事なイメージギャラリーを展示

まず、2つの全く新しいイメージギャラリーブロックは、ピクセルパーフェクトな詳細であなたの最高の画像を強調することができます。

ギャラリー

ギャラリーブロックは、WordPressのデフォルトのイメージギャラリーショートコードを使用し、数回のクリックでシンプルでレスポンシブなギャラリーを埋め込むことができます。

ギャラリーブロックをライブプレビューにドラッグし、コンピュータまたはWordPressのメディアライブラリから画像を選択し、カスタム設定を選択するだけです。

SeedProdギャラリーブロック

例えば、各ギャラリー画像をメディアファイルや添付ファイルページにリンクしたり、画像サイズ、カラム数、順番を変更したり、邪魔にならないライトボックスポップアップで画像を表示したりすることができます。

さらに詳細設定に飛び込んで、ボーダーの半径、影、色、間隔などを設定することもできる。

ギャラリーブロックの詳細設定

アドバンスギャラリー

アドバンスドギャラリーは、カスタムビルドのSeedProdブロックで、ウェブサイト上の任意の場所に複数のギャラリーを追加することができます。より多くのフォトギャラリーを追加すると、スマートフィルターが表示され、ユーザーはワンクリックで簡単に切り替えることができます。

SeedProdアドバンスギャラリーブロック

このブロックは、カラム、画像リンク、スペーシングを調整できるなど、ギャラリーブロックと同様の設定を持っています。しかし、画像を目立たせるための追加設定もあります。

例えば、画像のアスペクト比を設定することで、異なるサイズの画像で構成されたギャラリーを均一で一貫性のあるものに見せることができます。また、背景のオーバーレイカラーを有効にしたり、ホバー時に画像の説明、キャプション、タイトル、altテキストを表示することもできます。

キャプション・オーバーレイ付きギャラリー・ブロック

ギャラリーブロックと同様に、ギャラリーの詳細設定タブには、ギャラリーの影、間隔、ボーダーなどをカスタマイズするための様々なオプションが含まれています。

ウェブサイトでギャラリーを使う方法はたくさんあります:

  • デザイナーはポートフォリオを作成し、最新作を披露できる
  • ライターはスクリーンショットを追加し、オンライン上の最新記事にリンクすることができる。
  • レストランは食欲をそそる写真をアップロードしてメニューを説明することができる。

しかし、それだけではありません。次に、ウェブサイト上のコンテンツを整理するのに役立つ新しいブロックがあります。

タブでコンテンツを整理する

タブコンテンツは、ウェブサイトのスペースを取らずに多くのコンテンツを表示する優れた方法です。コンテンツはクリック可能なセクションに整理されているため、ユーザーはすぐに見つけることができ、ユーザーエクスペリエンスが向上します。

だからこそ、私たちの新しいタブブロックは、中小企業のウェブサイトにとって大きな勝利なのです。例えば、このお問い合わせページ:

タブ・ブロックの設定

ユーザーは通常、さまざまなセクションの情報を見るためにページをスクロールダウンしなければならず、最悪の場合、クリックして別のページに移動しなければならない。しかし、タブ化されたコンテンツを使えば、ユーザーは1つのページで、折り目の上にあるすべての情報を見ることができる。

好きなだけタブを追加でき、各タブにカスタムアイコンとカラーを設定できます。また、間隔、フォントサイズ、配置をポイント&クリックで簡単に調整できます。

より多くのカスタマイズオプションが必要ですか?詳細設定に切り替えると、水平または垂直レイアウト、タブの色、タイポグラフィ、ボーダーなどを選択できます。

タブブロックの詳細設定

ここでは、ウェブサイトのデザインでタブコンテンツを使用する方法についていくつかのアイデアを紹介します:

  • さまざまな製品の特徴を表示する
  • よくある質問のハイライト
  • サービスをトピックに分ける

小さな変化のように思えるかもしれないが、タブ化されたコンテンツは、サイトをより魅力的なものにすると同時に、ユーザーの満足度を高めるのに役立つ。

WordPressのサブメニューを簡単にカスタマイズ

以前のアップデートで、ウェブサイト全体のメニューをカスタマイズできるナブメニューブロックをご紹介しました。しかし本日、このブロックのWordPressメニューバージョンのアップデートがあり、サブメニューをよりコントロールできるようになりました。

ナビメニューの設定でWordPressメニューを割り当てた後、詳細タブをクリックしてサブメニューのデザインを編集することができます。

サブメニューの詳細設定

サブメニューの背景、テキスト、ホバーカラーを変更したり、行の高さ、ボーダー、パディングオプションを調整することができます。さらに、サブメニューにカスタムドロップシャドウを付けることもできます。

これらのスタイリングオプションにより、WordPressのサイドバー、フッターウィジェット、メインナビゲーションヘッダーなど、サイト全体でより詳細なメニューを表示することがより簡単になります。

画像の最適化

先に述べたように、ウェブデザインにおいてスピードは非常に重要であり、第一印象に大きな役割を果たします。画像の読み込みが遅ければ、訪問者は待ちぼうけを食らわず、サイトを出て他の場所に行ってしまうでしょう。

幸いなことに、画像ブロックのアップデートでこの問題に取り組むことができます。サイト上に小さいサイズの画像を表示し、大きいサイズの画像をライトボックスのポップアップで表示することができます。

画像メディアのライトボックス設定

画像ブロックの設定パネルでメディア - ライトボックスオプションを選択するだけです。訪問者は、ライトボックスで画像を開いて詳しく見ることができます。

画像ライトボックスポップアップ

画像ブロックに追加されたもう一つの素晴らしい機能は、パーセンテージでボーダー半径を設定できることです。これらの設定を弄ることで、あなたのウェブサイトに面白みを加える人目を引く画像スタイルを作成することができます。

画像の境界半径の設定

背景画像オーバーレイ

今回のリリースの最後の大きな変更点は、背景画像のカラーオーバーレイの追加です。セクション、行、列の背景画像をオーバーレイして、サイトにシームレスなカラーパレットを作成できます。

テキストを含む列がある場合、この証言欄で行ったように、背景を薄暗くしてコンテンツを目立たせることもできます。

背景画像オーバーレイ

これは、見出しをシャープで読みやすく保ちながら、魅力的なヒーローエリアをサイトに追加する優れた方法でもある。

ヒーローの背景画像オーバーレイ

これらの重要なアップデートの他にも、いくつかの調整と修正を加えました。例えば、ソーシャルアイコンブロックにTikTokのアイコンを追加したり、Font Awesomeを最新バージョンに更新したりしました。

今すぐSeedProdプラグインをアップデート

プレミアムSeedProdユーザーであれば、今日プラグインをアップデートして新機能を楽しむことができます。また、SeedProdを初めてお使いになる方は、今すぐSeedProd Proライセンスを取得し、これらの機能をお試しください。

SeedProdをより便利なものにするためのアップデートが間近に迫っています。私たちのブログから目を離さないでください。

それまでは、機能リクエストやフィードバックをお寄せください!そして、SeedProdを最高のWordPressウェブサイト・ビルダー・プラグインにするための継続的なサポートに感謝します。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。