幸せな機能の発見：数分で美しいWordPressウェブサイトを構築する

公開: 2020-12-31

このブログは、HappyFeaturesがElementor内のWeb開発プロセスをどのように加速できるかを示しています。

Elementorは、Web開発の時代に新しい革命を生み出します。簡単なカスタマイズオプションとライブプレビューにより、WordPressユーザーの間で非常に人気があります。さらに、Elementorを使用すると、開発者はコア機能を拡張できます。したがって、市場で入手可能な多くの便利なアドオンを見つけることができます。

これがHappyElementorAddonsの登場です。 HappyAddonsは、さまざまな優れた機能と優れたウィジェットを備えたサードパーティのElementorアドオンです。 Elementorでサイトを設計する際のエクスペリエンスが確実に向上します。

現在、HappyAddonsには、コアElementorをパワーアップするための19（8 Pro＆11 Free）の専用機能があります。今日は、これらのHappy機能について詳しく説明し、デザインで簡単に使用できるようにします。

無料のハッピー機能-あなたのサイトにユニークな外観を与える

HappyAddonsを使用している間、これらのすばらしい機能を完全に無料で入手できます。簡単に説明しますか？

フローティング効果
CSS変換
オンデマンドアセットの読み込み
ウィジェットの背景オーバーレイ
500以上の線のアイコン
カスタム列の順序
ハッピークローン
固定サイズボタン
等しい高さ
グリッドレイアウト
ラッパーリンク

フローティング効果

これで、この独自の機能を使用して、任意の要素またはウィジェットの見事なアニメーションを作成できます。フローティングパーティクル、バウンスエフェクト、フチなしの背景、複数のコンテンツカラーなど、無限のカスタマイズオプションを使用して暗示することができます。 HappyAddonsウィジェットだけでなく、この魔法の機能を使用して、すべてのElementorウィジェットを変換、回転、またはスケーリングすることもできます。

さらに、HappyAddonsは、独自の360度オブジェクト回転機能をサポートして、サイトに独自の外観を与えます。この組み込みのモーションエフェクトは、オブジェクトを軸方向にアニメートおよび回転させることができます。また、アニメーションの遅延時間などを制御できます。

すべてのデモデザインをチェックして、すぐにデザインに挿入してください！

CSS変換

これは、他のHappy機能と同様に、コアElementorの優れた拡張機能です。また、すべてのウィジェットとシームレスに連携します。これで、平行移動、回転、拡大縮小、傾斜などのさまざまなCSS変換を適用して、デザインを際立たせることができます。ここであなたの想像力はあなたの限界に過ぎません。

すべてのデモデザインをチェックして、すぐにデザインに挿入してください！

オンデマンドアセットの読み込み

サイトの速度は重要なランキング要素であると同時に、ユーザーエクスペリエンスを向上させるための大きな影響力を持っています。言うまでもなく、Webページの読み込み速度は、一度に読み込むアセットの数に大きく依存します。そのため、HappyAddonsはオンデマンドアセットローディングと呼ばれるこの機能を導入しました。

この驚くべき機能は、必要なCSSまたはjavascriptアセットのみをロードすることにより、ページを無駄なく無脂肪に保つのに役立ちます。そして、それらはあなたがあなたのページをデザインするために使用したウィジェットだけからのものです。

ウィジェットの背景オーバーレイ

Elementorを使用すると、選択したウィジェットに背景オーバーレイを追加できますが、HappyAddonsは可能性の領域を広げます。これで、必要な場所に任意のウィジェットで背景オーバーレイを追加できます。また、このグローバル機能を使用すると、サードパーティのウィジェットにもオーバーレイの色や画像を追加できます。

ウェブサイトのデザインにレイヤーを追加します-ElementorPageBuilder内の任意のセクションまたは要素。この驚くべき機能は確かにあなたのデザイン体験を向上させるでしょう。

500以上の線のアイコン

Elementorは、ユーザーに1500以上のフォントアイコンを提供しています。しかし、それらのほとんどは塗りつぶしアイコンであり、誰もがそれらをランダムに使用しています。だから、あなたのウェブサイトを群衆から目立たせるには、あなたは何かユニークなものが必要です。そのため、HappyAddonsはすべてのユーザーにデフォルトで500以上の線アイコンを導入しました。

最近では、線のアイコンが誇大広告になり、どのWebサイトにも美しい外観を与えています。 Designmodoによると、「ラインアイコンは、ウェブサイトの背後にある代理店の繊細で絶妙な性質を反映しています。それらはポイントを完全に説明し、デザインに新鮮さと鮮明さを追加します。」

また、美しいアイコンを使用してWebサイトを洗練された外観にすることもできます。そして、ハッピーアイコンはこの点であなたを簡単に助けることができます。

カスタム列の順序

現在、Elementorモバイルレスポンシブムード内の列の順序を管理するための十分な制御がありません。ただし、ページに多数の列がある場合は、これらの列を完全に把握する必要があります。 HappyAddonsはあなたの生活を楽にしました-今あなたはあなたの必要に応じてすべての列の順序を管理することができます。

Happy Column Controlを使用すると、さまざまなスタイルオプションを使用して列の順序と幅をカスタマイズできます。

ページまたは投稿を編集しているときに、レスポンシブモードをクリックして、モバイルビューを選択するだけです。次に、列オプションを編集します。ここで、新しいオプションが表示されます。[ハッピー機能]オプションの下の[列の順序]です。希望の順序に従ってボックスに番号を挿入します。また、カスタム列幅を使用して列幅を管理できます。

ハッピークローン

Happy Clone機能を使用して、ElementorFinderから目的の投稿またはページをすぐに複製します。管理ダッシュボードに移動し、Elementor Page Builderのファインダーを開きます（CMD / CTRL + E）。次に、複製するページまたは投稿を検索します。検索パネルの右側には、ハッピークローンオプションもあります。クリックしてクローンを作成するだけです。

場合によっては、クライアント用にいくつかのデモコンテンツを作成する必要があります。この場合、この幸せな機能はあなたの時間を節約することができます。さらに、Elementor Finderと統合されているため、高速で便利なものであることがわかります。

固定サイズボタン

すでにElementorを使用している場合は、このページビルダーで100％円形のボタンを作成するのは難しいことをご存知でしょう。ボタンのパディングの管理も非常に面倒で時間がかかります。さて、HappyAddonsはあなたのためにこの問題を解決しました。ボタンの設定には、「固定サイズ」という新しいフィールドがあります。このカスタマイズオプションを使用すると、100％円形のボタンのサイズを宣言できます。

等しい高さ

すべてのウィジェットとシームレスに連携するコアElementorのもう1つの印象的な拡張機能。 HappyAddonsのこの無料機能は、変換、回転、拡大縮小、傾斜などのさまざまなCSS変換を適用するための完全な柔軟性を提供します。

Elementorでは、ウィジェットに固定の高さと幅を追加するのは少し難しいです。しかし、今では高さを等しくする機能の助けを借りて、それを簡単に行うことができます。

グリッドレイアウト

デザイナーは、フォトショップ、スケッチ、フィグマなどでこのグリッドシステムに精通している必要があります。これは通常、デザイナーがページ全体で要素を適切に配置するのに役立ちます。 HappyAddonsはまた、ユーザーのためにこの作業パターンを導入しました。それはあなたがより少ない時間と労力を費やして美しいデザインを作成するのに役立ちます。

Webサイトを設計するときは、訪問者にとって最適なナビゲーションパスに焦点を当てる必要があります。しかし、多くの場合、視力による適切なアライメント測定を維持することは困難です。その場合、Happy Gridレイアウトは、よりピクセル単位の完璧なデザインを作成するのに役立ちます。 Happy Grid Systemを使用して、Elementor内ですべての要素を適切に配置します。

ラッパーリンク

HappyAddonsは、Elementor内のハイパーリンクの可能性を拡張します。

現在、Elementor Page Builderには、ハイパーリンクを設定するための特定の領域がいくつかあります。異なるセグメントへのリンクが複数ある場合は、ハードコアコーディングを行う必要があります。ご存知のように、Webページをより魅力的にするには、セクション全体、列、ウィジェットなどの特定の領域へのリンクを追加する必要があります。

Happy Wrapper Linkは、この問題を簡単な方法で解決するのに役立ちます。これで、任意のセクション、列、ウィジェットにリンクを追加できる場所ならどこにでもリンクを追加できます。

HappyAddonsの無料機能を使用すると、見事なWebページをすばやく作成できます。しかし、極端に排他的なものが必要な場合は、謎のプロボックスのロックを解除する必要があります。

あなたはまた読むかもしれません：あなたのWordPressウェブサイトが持つべき法的ページのトップ10タイプ。

PROハッピー機能-贅沢の箱のロックを解除

HappyAddonsのこれらのプロ機能により、競合他社から一歩離れることができます。簡単に説明しますか？

幸せなテンプレート
プリセット
クロスドメインコピー貼り付け
無制限のセクションの入れ子
ライブコピー
画像マスキング
表示条件
ハッピーパーティクルエフェクト

幸せなテンプレート

HappyAddonsは、あらゆるWebサイトで使用できる400以上のテンプレートを提供しています。これらのデザインレイアウトを使用すると、作業を以前の100倍に増やすことができます。

それはあなたの技術的能力が何であれあなたが美しいウェブページを構築することを可能にします！テンプレートをインポートし、テキストを編集し、画像を変更するだけです。あなたのウェブサイトは生きる準備ができています。

最も驚くべきことに、テンプレートのインポート機能には、ElementorTemplateImporterシステムのすべての基本機能が含まれています。ここでは、さまざまなニッチですぐに使用できるデザインをたくさん見つけることができます。基本的に、ライブラリを参照し、セクションの名前でテンプレートを検索するか、ページセクションのカテゴリでフィルタリングします。そして、ニーズに応じて分類されたデザイン要素から選択します。

プリセット

私たちはあなたの時間を大切にします。そのため、HappyAddonsプリセット機能を導入しました。事前定義されたレイアウトのコレクションとは異なるスタイルでウィジェットを表示できます。それはあなたの時間を著しく節約します。

ウィジェットに希望の外観を与えることが非常に難しくなる場合があります。 Happy Elementor Addonsは、この問題を解決するためにここにあります。これで、ワンクリックで任意のデザインを作成できます。現在、すぐに使用できる400以上の既製のプリセットを提供しています。時間とともに、この数は増加します。

クロスドメインコピーペースト

これは、Elementor内での開発エクスペリエンスを強化するためのもう1つの排他的な追加です。このクロスドメインコピー貼り付け機能を使用すると、ウィジェットとそのすべてのデータを簡単にコピーして、別のサイトに即座に貼り付けることができます。

同じタイプのデザインを何度も使用する場合、毎回ゼロから始めるのは非常に時間がかかります。 HappyAddonsはあなたの煩わしさを軽減します。ボタン、カード、チームメンバーなどの単純な要素を作成するために繰り返し作業を行う必要はありません。以前に設計したWebサイトからウィジェットやセクションをコピーして、新しく作成したWebサイトに貼り付けるだけです。パイのように簡単です。

Powerup your Elementor Website Builder with HappyAddons 970X90

無制限のセクションの入れ子

無制限のセクションネスト機能を使用すると、ElementorPageBuilderの既存の単一セクション内に無制限のセクションを作成できます。現在、ElementorPageBuilderのページ内に複数のセクションを追加することはできません。しかし、多くの場合、セクションを追加して作業を強化する必要があると感じるかもしれません。

Happy Addons Proの無制限セクションネスト機能を使用すると、1つのセクション内に無制限のセクションを追加できます。これはあなたの想像力を現実のものにするのに本当に役立ちます。

ライブコピー

私たちのほとんどに共通する苦痛は、個人のWebサイトで正確なデモのようなデザインを作成することは困難です。また、それが不可能な場合もあります。 HappyAddonsもこの問題を解決しました。ライブコピー機能を使用すると、HappyAddonsデモサイトからメインサイトに任意のデザインをコピーできます。

HappyAddonsの公式ウェブサイトで利用可能なデモデザインをたくさん見つけることができます。 HappyAddonsのこのプロ機能を使用して、Webサイトから直接Webサイトでこれらのインスピレーションを使用してください。

画像マスキング

正方形や円形などの通常の形状ではなく、さまざまな種類の創造的で珍しい画像形状を使用して、デザインにユニークなタッチを与えます。 HappyAddonsは、画像マスキングを導入することにより、この柔軟性を提供します。このプロ機能を使用すると、画像に任意のカスタム形状を適用できます。

そのために余分な手間をかける必要はありません。画像をアップロードして、形を選択するだけです。

表示条件

表示条件を使用すると、コンテンツの可視性を完全に制御できます。特定のルールまたは条件を設定して、必要に応じてさまざまなタイプのコンテンツを表示できます。また、訪問者の条件付きルールを設定できます。

ハッピーパーティクルエフェクト

HappyAddonsのこのプロ機能は、Webサイトをよりプロフェッショナルでエレガントに見せるために役立ちます。だからあなたはあなたの訪問者に素晴らしい第一印象を与えることができます。

パーティクルエフェクトは、最新の設計手法で重要な役割を果たします。この効果を使用すると、何百万ものWebサイトから目立つことができます。より多くの人々を忠実な顧客に変える可能性が高くなります。 Happy Particle Effectsを試して、すばらしいWebページを作成する必要があります。

サイト同期-HappyAddonsの今後の機能

昨年と同様に、来年も役立つハッピー機能をリリースする予定です。多くの新機能が待ち行列に入っています。

Webサイトを作成する前に、テスト環境またはステージング環境を構築することをお勧めします。この習慣により、エラーの可能性を最小限に抑え、最適な時間管理を確保できます。一方、ステージングサイトでデザインを分析して完成させた後、手動でライブにするのはもう1つの面倒です。さらに、それはあなたの貴重な時間をたくさん消費します。

この問題を単純化するために、HappyAddonsは次の排他的な機能であるSiteSyncを導入しようとしています。サイト同期機能を使用すると、同期オプションを1回クリックするだけで、レプリカページを簡単に作成できるようになりました。したがって、ライブサイトをステージング状態から起動して実行するのは非常に簡単です。

私にすべての排他的な幸せな機能をチェックさせてください

あなたに

Happy Elementor Addonsは、その独自の機能とカスタマイズ可能な広範な機能により、Elementorコミュニティで人気のあるアドオンの1つです。それはあなたのElementorサイトに追加の力を加えるために50以上の素晴らしいウィジェットと約20のユニークな機能を持っています。これらのすばらしいデザインツールを使用すると、コーディングの専門知識がなくてもプロフェッショナルなWebサイトを構築できます。

上記で、あなたは幸せな特徴とそれらの機能の全体的な考えを得ました。このブログに目を通し、ElementorがWordPressサイトを構築およびカスタマイズするために不可欠なアドオンの詳細な概要を確認してください。

まだいくつかの疑問がありますか？以下のコメントセクションを使用して、私たちがあなたを助けましょう！