ما هو المحتوى الديناميكي في Elementor Pro؟ بالإضافة إلى كيفية استخدام المحتوى الديناميكي

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

مع Elementor Pro ، يمكنك الوصول إلى ملف خاصية- محتوى ديناميكي .

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

إذا كنت تستخدم Elementor Theme Builder ، فسوف يلعب المحتوى الديناميكي دورًا أساسيًا في مساعدتك على إنشاء قوالب السمات الخاصة بك. وحتى إذا لم تكن تقوم ببناء قوالب نسق ، فلا يزال بإمكانك استخدام المحتوى الديناميكي في تصميمات Elementor لمرة واحدة.

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

ما هو المحتوى الديناميكي؟

بشكل عام ، المحتوى الديناميكي هو محتوى يتغير بناءً على البيانات الواردة من موقعك أو سلوك المستخدم.

على سبيل المثال ، صفحة “ملفي الشخصي” في أحد مواقع الويب. عادةً ما يكون عنوان URL هو نفسه لكل مستخدم (على سبيل المثال ، exampleite.com/my-profile ) ، ولكن كل مستخدم يرى المعلومات الخاصة به فقط لأن المعلومات يتم سحبها ديناميكيًا من قاعدة بيانات الموقع.

كيف يعمل المحتوى الديناميكي في Elementor

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

لتوضيح كيفية عمل هذا المفهوم ، دعنا نلقي نظرة على مثال محدد – شعار موقعك.

يمكنك تعيين شعار موقعك في قسم Site Identity في أداة تخصيص ووردبريس في الوقت الفعلي. لنفترض أنك قمت بذلك ، ولكنك الآن تريد أيضًا عرض شعارك في أحد تصميمات Elementor الخاصة بك.

قد يكون أحد الخيارات هو استخدام أداة الصورة وتحميل صورة الشعار مرة أخرى. ولكن ماذا يحدث إذا قمت بتغيير شعارك في المستقبل باستخدام مُخصص ووردبريس؟

مع أداة صورة ثابتة ، لن يحدث شيء. ولكن مع المحتوى الديناميكي ، سيقوم Elementor بتحديث شعارك تلقائيًا لأنه يسحب صورة الشعار ديناميكيًا من أي صورة تختارها في ووردبريس Customizer.

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

لنلقِ نظرة على بعض الأمثلة لما يمكنك فعله به.

أمثلة على المحتوى الديناميكي في Elementor

إذن ما الذي يمكنك فعله بالمحتوى الديناميكي في Elementor؟ حسنًا ، إنها ميزة قوية ، لذا فإن الإجابة هي “كثيرًا”. لكن دعنا نلقي نظرة على بعض الأمثلة الشائعة لتدفق عصائرك الإبداعية …

قوالب مع Theme Builder و WooCommerce Builder

أولا ، منشئ موضوع العنصر و Elementor WooCommerce Builder تعتمد بشكل كبير على المحتوى الديناميكي.

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

ولكن مع المحتوى الديناميكي ، ما عليك سوى إنشاء القالب مرة واحدة باستخدام WooCommerce Builder. بعد ذلك ، سيقوم موقع ووردبريس الخاص بك بملء محتوى كل منتج ديناميكيًا وفقًا للقالب الخاص بك.

إنه نفس الشيء بالنسبة للقوالب الأخرى مثل:

مشاركات المدونة

الرؤوس

التذييلات

أنواع المنشورات المخصصة الأخرى

إلخ.

صفحات المستخدم والتخصيص

إذا كان لديك موقع مع تسجيل عام ، فيمكنك أيضًا استخدام المحتوى الديناميكي لإنشاء صفحات للمستخدمين. على سبيل المثال ، يمكنك تصميم صفحة ملف تعريف أمامية تملأ بشكل ديناميكي اسم المستخدم وصورته وتفاصيل أخرى. يمكنك استخدام نفس عنوان URL للصفحة ( مثل yoursite.com/profile ) ، ولكن سيرى كل مستخدم معلوماته الخاصة عند زيارته لتلك الصفحة.

أو ، يمكنك استخدام Popup Builder لإنشاء نافذة منبثقة ترحيبية ترحب بالمستخدمين الذين قاموا بتسجيل الدخول بالاسم ، مما يتيح لك إعداد بعض التخصيص على موقع الويب الخاص بك.

الحقول المخصصة

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

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

على سبيل المثال ، يمكنك إنشاء أنواع منشورات مخصصة وحقول مخصصة لـ:

الأحداث

قوائم الوظائف

قوائم الأعمال

إلخ.

بعد ذلك ، يمكنك استخدام المحتوى الديناميكي لإنشاء قالب لنوع المنشور المخصص الخاص بك. على سبيل المثال ، إذا كان لديك موقع لقائمة الوظائف ، فيمكنك إدراج البيانات ديناميكيًا من الحقول المخصصة مثل:

راتب الوظيفة

قسم

مؤهلات

إلخ.

مواقع العملاء

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

على سبيل المثال ، لنفترض أنك تريد السماح للعملاء بتحديث صفحتهم الرئيسية بعد تسليم موقع الويب.

يتمثل أحد الحلول في منحهم حق الوصول إلى Elementor … ولكن هذا يمنحهم أيضًا فرصة لكسر الأشياء! نعلم جميعًا كيف يحب العملاء كسر الأشياء.

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

بعد ذلك ، يمكن للعميل تجاوز Elementor تمامًا (وتجاوز فرصة كسر التصميم الخاص بك) – كل ما يفعلونه هو تحديث المعلومات في الحقول المخصصة. ثم يقوم Elementor بتحديث التصميم ديناميكيًا على الواجهة الأمامية ليعكس هذه التغييرات.

كيفية استخدام المحتوى الديناميكي في Elementor

ملاحظة ، أنت بحاجة إليمينتور برو للوصول إلى ميزة المحتوى الديناميكي.

انقر لإلغاء تأمين ميزات وعناصر واجهة مستخدم Elementor Pro

يمكنك استخدام ميزة المحتوى الديناميكي لـ Elementor عند تحرير أجزاء فردية من المحتوى وإنشاء قوالب في Theme Builder أو WooCommerce Builder. يمكنك أيضًا استخدام المحتوى الديناميكي في النوافذ المنبثقة التي تنشئهامنشئ النوافذ المنبثقة.

أسهل طريقة لبدء المحتوى الديناميكي في Elementor هي استخدام عناصر واجهة مستخدم الموقع الديناميكية التي تأتي مع Theme Builder أو WooCommerce Builder.

عند إنشاء قالب جديد باستخدام Theme Builder ، ستحصل على مجموعة من الأدوات الديناميكية التي تنطبق على هذا القالب.

على سبيل المثال ، إذا كنت تقوم ببناء رأس ، فستحصل على أدوات لإدراج شعار الموقع والعنوان وقائمة التنقل وما إلى ذلك:

الحاجيات لبناء الرأس

كيفية استخدام المحتوى الديناميكي مع الأدوات الأخرى

بالإضافة إلى الحاجيات الديناميكية المحددة مسبقًا ، يمكنك أيضًا إدراج المحتوى ديناميكيًا في أدوات Elementor العادية.

سأبدأ بتوضيح كيفية عمل العملية الأساسية ، ثم سأغطي بعض الأمثلة المحددة.

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

على سبيل المثال ، هذا ما يبدو عليه لعنصر واجهة مستخدم بسيط لمحرر النصوص:

العلامات الديناميكية في أداة محرر النص

بمجرد النقر فوق الرمز ، سترى قائمة منسدلة حيث يمكنك تصفح جميع المعلومات الديناميكية المحتملة لإدراجها (تعتمد القائمة الموجودة في القائمة المنسدلة على الحقل الذي تقوم بملئه).

بمجرد تحديد البيانات المراد إدراجها ، ستراها في الشريط الجانبي. سترى أيضًا المعاينة المباشرة لتحديث التصميم الخاص بك لتعكس التغيير. على سبيل المثال ، عنوان رسالتي كمثال هو “مثال المحتوى الديناميكي” ، وهذا هو سبب رؤيتك لهذا النص في المعاينة المباشرة للتصميم أدناه.

لتهيئة المحتوى الديناميكي بشكل أكبر ، يمكنك النقر فوق رمز مفتاح الربط .

رمز مفتاح الربط

هناك ، ستحصل على ثلاثة خيارات:

قبل – أضف نصًا ثابتًا قبل المحتوى الديناميكي.

بعد – إضافة نص ثابت بعد المحتوى الديناميكي.

احتياطي – أدخل بعض المحتوى الافتراضي الذي سيتم عرضه في حالة عدم وجود محتوى ديناميكي لملء الأداة.

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

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

كيفية إدراج الصور ديناميكيًا

يتيح لك Elementor Pro أيضًا إدراج الصور ديناميكيًا في عناصر واجهة المستخدم التي تتضمن الصور. الأمثلة الشائعة هنا هي:

الصورة المميزة للمنشور

شعار موقعك

صور الملف الشخصي للمؤلف

صور ملف تعريف المستخدم ( مثل صفحة ملف تعريف المستخدم المخصصة )

صور منتجات WooCommerce

يعمل إدراج الصور ديناميكيًا تمامًا مثل النص.

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

مرر مؤشر الماوس فوق حقل الصورة وانقر فوق الرمز. بعد ذلك ، يمكنك اختيار مصدر صورتك:

اختيار مصدر الصورة

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

كيفية إدراج الروابط ديناميكيًا

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

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

مجال الارتباط الديناميكي

كيفية إدراج الأرقام ديناميكيًا

يمكنك أيضًا إدراج الأرقام ديناميكيًا في بعض الأدوات المستندة إلى الأرقام مثل:

القطعة العداد

أداة تصنيف النجوم

القطعة جدول الأسعار

إلخ.

على سبيل المثال ، باستخدام أداة العداد ، يمكنك إدراج:

رقم البداية

الرقم الختامي

بادئة الرقم

الأرقام الديناميكية في أداة العداد

كيفية إدراج معلومات المستخدم ديناميكيًا

إذا كنت تريد إدراج معلومات المستخدم ديناميكيًا ، فستحصل على خطوة واحدة مضافة.

أولاً ، سترغب في اختيار معلومات المستخدم من القائمة المنسدلة العلامات الديناميكية. بعد ذلك ، يمكنك النقر فوق رمز مفتاح الربط لاختيار معلومات المستخدم المحددة ، مثل الاسم الأول للمستخدم واسم العائلة وما إلى ذلك.

كيفية إدراج الحقول المخصصة ديناميكيًا

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

يتيح لك Elementor إدخال بيانات ديناميكية من المكونات الإضافية الشائعة مثل ACF و Toolset و Pods و Meta Box (بالنسبة إلى Meta Box ، تحتاج البرنامج المساعد المكامل المجاني).

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

الحقول المخصصة مع ACF

بعد ذلك ، يمكنك تحديد حقل ACF كمصدر علامة ديناميكية في Elementor. عند النقر فوق رمز مفتاح الربط ، يمكنك اختيار حقل ACF المحدد لاستخدامه من القائمة المنسدلة:

كيفية تغيير معاينة المحتوى الديناميكي

نظرًا لأن ميزة المحتوى الديناميكي في Elementor تسحب المحتوى تلقائيًا من موقعك ، فلا توجد “معاينة” واحدة لترى كيف سيبدو المحتوى الديناميكي الخاص بك في جميع المواقف.

لمساعدتك في معاينة المحتوى الديناميكي الخاص بك في سيناريوهات مختلفة ، يتيح لك Elementor الاختيار بين عناصر محتوى مختلفة لاستخدامها كمصدر للمعاينة. على سبيل المثال ، يمكنك التبديل بين منشورات المدونة المختلفة.

لتغيير معاينة المحتوى الديناميكي ، انقر فوق رمز الترس في الزاوية السفلية اليسرى من الشريط الجانبي وافتح إعدادات المعاينة :

ملاحظة – لا ينطبق تغيير مصدر المعاينة إلا إذا كنت تقوم بإنشاء قوالب. إذا كنت تستخدم محتوى ديناميكيًا على جزء واحد من المحتوى ، فسيستخدم Elementor فقط البيانات من جزء المحتوى الذي تعمل به.

ابدأ مع Elementor Dynamic Content اليوم

المحتوى الديناميكي هو ميزة Elementor Pro القوية التي تساعدك بناء مواقع أكثر ديناميكية. سيسمح لك فهم المحتوى الديناميكي بالانتقال إلى ما هو أبعد من التصميمات الثابتة وتسخير قوة ووردبريس كنظام لإدارة المحتوى.