نقدم لك Flip Box و 3 ميزات Pro جديدة أخرى

نشرت: 2017-02-21

نقدم اليوم 4 ميزات Pro جديدة: Flip Box و Masonry و Blog Pagination و Ken Burns Effect.

التصميم التفاعلي هو السائد الآن. هنا في Elementor ، سعينا دائمًا لنقدم لك مجموعة واسعة من الميزات التي تضيف التفاعل إلى موقعك. تعد الرسوم المتحركة للدخول والمرور والدوارات والشرائح وأدوات التبديل مجرد أمثلة قليلة على الأدوات التي تتضمن تفاعل الزائر. الآن ، تأتي أداة جديدة تضيف مستوى آخر من التفاعل - أداة Flip Box.

اشترك في قناتنا على YouTube

ننسى كل ما كنت تعتقد أنك تعرفه عن flipboxes. يمنحك Flipbox الخاص بـ Elementor Pro المزيد من إمكانيات التصميم ، كما سترى في الأمثلة أدناه.

ما هو Flip Box؟

الصندوق القلاب هو صندوق ينقلب عندما تحوم فوقه. يمكنك الاختيار من بين الرسوم المتحركة المختلفة ، وتخصيص مظهر وسلوك كل مربع قلاب. يمكن أن تساعد الصناديق المتقابلة في جعل المحتوى الخاص بك أكثر إثارة للاهتمام ، وتحسن تجربة المستخدم وتسمح لك أيضًا بإبراز ميزات عملك ومنتجاتك وخدماتك.

تأثيرات flipbox

انعكاس التأثيرات

باستخدام عنصر واجهة Flip Box الجديد من Elementor ، يمكنك الحصول على جميع تأثيرات الانقلاب الأساسية ، بما في ذلك التقليب والدفع والانزلاق والتلاشي والتكبير والتصغير. تعمل تأثيرات حركة الوجه بسلاسة ، دون أي عوائق أو أكشاك.

فليب بوكس ​​3D

تأثير ثلاثي الأبعاد

يمكنك إضافة تأثير ثلاثي الأبعاد آسر إلى مربعات المحتوى الخاصة بك وجعلها فريدة حقًا. يتوفر الخيار ثلاثي الأبعاد لجميع اتجاهات الانعكاس ويمكن استخدامه لإبراز الصناديق القلاب الخاصة بك بشكل أكبر.

لافتة فليب بوكس ​​4

محاذاة المحتوى

يمكن محاذاة المحتوى بشكل منفصل إلى الوسط أو اليمين أو اليسار لكل من الجزء الأمامي والخلفي للصندوق القلبي. تم إنشاء مربعات الشعارات أعلاه بالكامل باستخدام عنصر واجهة Flip Box ، وتمثل محاذاة المحتوى إلى اليسار.

حد flipbox

حدود Flip Box

صمم المربعات القلاب الخاصة بك بخيارات حدود مختلفة: حواف بيضاوية أو مستديرة أو مستطيلات أو حافة منقطة أو حافة مزدوجة. يمكنك استخدام الحدود للوصول إلى تصميمات مربعات فريدة مثل تلك الموجودة في الصورة أعلاه.

flipbox bg

خيارات الخلفية

أضف خلفية صلبة أو متدرجة أو صورة إلى الصناديق القلاب الخاصة بك. يمكن إضافة خلفيات منفصلة إلى كل جانب من جوانب الصندوق القلبي ، مما يتيح لك خيار التمييز بين الجانبين تمامًا.

عنصر flipbox

عنصر رسومي

اجعل الصندوق القابل للطي أكثر ثراءً ، من خلال دمج صورة أو رمز داخل الصندوق القلبي. يمكن استخدام هذا لإنشاء مربعات مرئية وتفاعلية ترتبط بمشاركاتك ، أو مربعات مثيرة للاهتمام لأعضاء الفريق. الاحتمالات لك لاستكشافها.

التحرير والسرد flipbox

اكتشف أفكار إبداعية أخرى

جرب الصناديق القابلة للطي لإنشاء تصميمات أكثر إبداعًا. لقد حاولنا أن نجعل هذه الأداة بسيطة ، لكنها أكثر مرونة وقوة للسماح لك بإنشاء مربعات قلب متطورة.

تحسينات أداة المشاركات

كم من الوقت يستغرق تصميم صفحة مدونة ، من أعلى إلى أسفل؟

اليوم ، يسعدنا أن نقدم لك تحسينًا في عنصر واجهة المستخدم الذي يسمح لك بالحصول على نفس النتائج في دقائق بدلاً من ساعات. مع هذا التحسين ، يمكن تصميم المدونة بطريقة مرحة وحيوية ومرئية.

واحدة من أكثر الميزات المدهشة المضمنة في Elementor Pro هي أداة المشاركات. تعد القدرة على تصميم صفحة مدونتك بشكل مرئي ، دون أي ترميز ، بمثابة تغيير حقيقي في اللعبة. تكمن المشكلة في هذه الأداة في أنك ما زلت لا تستطيع إنشاء تخطيطات مدوّنة للبناء ، ولم تتضمن المنشورات ترقيم الصفحات.

الآن ، نقدم كلاً من تخطيطات الماسونية وتقسيم الصفحات ، مما يجعل عنصر واجهة مستخدم المنشورات هو صانع المدونات المرئي النهائي لـ WordPress.

المشاركات البناء

تخطيط البناء لعنصر واجهة المستخدم

يمكنك الآن عرض مشاركاتك في شبكة بناء باستخدام أداة المشاركات. هذا يعني أنه يمكنك عرض مشاركاتك باستخدام شبكة تشبه Pinterest. في الإصدار التالي ، سنضيف ميزة Masonry إلى أداة Portfolio.

ترقيم الصفحات

القطعة المشاركات ترقيم الصفحات

يجعل خيار ترقيم الصفحات من السهل حقًا التلاعب بتصميم مدونتك. يمكنك الآن التحكم في تصميم المدونة بالكامل ، بما في ذلك عناصر ترقيم الصفحات ، مثل النمط السابق / التالي.

لقد تأكدنا أيضًا من أن ترقيم الصفحات مناسب لتحسين محركات البحث. يعمل ترقيم الصفحات Elementor تمامًا مثل ترقيم الصفحات العادي في WordPress من حيث عناوين URL ، لذلك لا تزال تحصل على نفس الروابط الودية لتحسين محركات البحث لكل رابط ترقيم الصفحات يتم إنشاؤه.

تحسينات الشرائح

الشرائح هي ميزات احترافية أخرى مفيدة للغاية. نضيف هذا الأسبوع تعديلين إلى هذه الأداة ، والتي تأتي مباشرة من طلبات المستخدمين لدينا.

عرض صور الشرائح في العرض الكامل

حتى الآن ، كان لديك خياران لعرض الصور في أداة العروض التقديمية:

  1. الغلاف - يجعل هذا الخيار الصورة "تغطي" شريط التمرير بأكمله. إذا قمت بتحميل صورة عمودية على سبيل المثال ، فسيتم قص الجزء العلوي والسفلي للصورة ، وسيتم عرض الصورة في التكبير.
  2. تلقائي - يعرض هذا الخيار الحجم الفعلي للصورة.

الآن ، نضيف وضع عرض آخر: احتواء . يعرض هذا الخيار الصورة المضمنة في حدود الشريحة. لنفترض أنك تستخدم صورة ضيقة على شريط تمرير عريض ، وسوف تملأ الصورة الضيقة 100٪ من ارتفاع شريط التمرير ، وسيظهر الجانبان الأيمن والأيسر من شريط التمرير لون الخلفية.

من ناحية أخرى ، إذا كنت تستخدم صورة عريضة على شريط تمرير ضيق ، فستملأ الصورة العريضة 100٪ من عرض شريط التمرير ، وسيظهر الجانبان العلوي والسفلي من شريط التمرير لون الخلفية.

تأثير كين بيرنز

يسمح لك تأثير Ken Burns ، الذي يُطلق عليه اسم المخرج الوثائقي الأمريكي ، بإضافة تأثير التحريك والتكبير / التصغير للصور الثابتة التي تظهر على شريط التمرير.

تأثير Ken Burns متاح فقط مع Pro Slides Widget. يجب عليك إضافة صورة إلى شريحة معينة حتى يظهر الخيار.

استنتاج

تأكد من تحديث كل من المكونات الإضافية Elementor و Elementor Pro ، للتأكد من أن جميع الميزات الجديدة تعمل بشكل صحيح.

الميزات المضافة اليوم ، Flip box ، Masonry ، Pagination و Ken Burns ، جميعها تضيف إلى أداة إنشاء الصفحات الغنية بصريًا بالفعل. أدعوك لتجربة كل منها ومشاركة إنشاءات صفحتك الجديدة معنا.

إذا لم تقم بالترقية إلى Elementor Pro بعد ، فهذه فرصة رائعة للقيام بذلك ، واستكشاف الميزات الجديدة التي أضفناها للتو إلى المكون الإضافي.