كيفية إضافة عناوين URL ديناميكية إلى CTAs الخاصة بك باستخدام Divi & ACF

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

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

دعنا نذهب اليها!

نظرة عامة على البرنامج التعليمي

• يعمل هذا الأسلوب بشكل أفضل إذا قمت بإضافة مجموعة الحقول المخصصة إلى موقع ويب جديد ، مباشرة قبل البدء في إضافة الصفحات والمنشورات والمشاريع
• قم بتثبيت المكون الإضافي Advanced Custom Fields على موقع WordPress الخاص بك
• داخل المكون الإضافي ، ستتمكن من إعداد مجموعة حقول ستظهر في جميع صفحاتك ومنشوراتك ومشاريعك
• قم بإنشاء حقل عنوان URL منفصل لجميع عناوين URL المحتملة التي قد تحتاجها في جميع أنحاء موقع الويب الخاص بك
• تعيين قيمة افتراضية لكل حقل من الحقول ؛ سوف تظهر هذه القيمة الافتراضية تلقائيا في كل صفحة، وظيفة أو مشروع جديد
• في الصفحات والمنشورات والمشروعات الموجودة ، ستظهر القيم فقط بمجرد إدخال الواجهة الخلفية وحفظ عناوين URL الافتراضية
• استخدم حقول URL في جميع أنحاء تصميم Divi كمحتوى ارتباط ديناميكي (صفحة ، منشور ، مشروع ، قالب)
• إذا قمت بتغيير عنوان URL الافتراضي في إعدادات الحقل ، فسيظل عنوان URL الافتراضي القديم ساريًا على الصفحات والمنشورات والمشاريع التي ورثت القيمة الافتراضية السابقة

1. تثبيت وتنشيط البرنامج المساعد ACF

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

2. قم بإعداد مجموعة الحقول في جميع المنشورات والصفحات والمشاريع

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

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

اعرض مجموعة الحقول هذه إذا:

• نوع المنشور - يساوي - منشور أو
• نوع المنشور - يساوي - صفحة أو
• نوع المنشور يساوي - مشروع

3. قم بإضافة حقول URL مختلفة مع القيمة الافتراضية

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

لذلك ، لنفترض أننا بدأنا بـ CTA الذي يعيد توجيه الأشخاص إلى الصفحة المقصودة لمعرض Divi. سنضيف حقلاً جديدًا له ونمنحه اسم حقل يمكن التعرف عليه. بهذه الطريقة ، بمجرد دخولنا إلى Divi builder ، لن يكون هناك أي لبس عندما يتعلق الأمر باختيار عنوان URL الصحيح.

سنستمر بالتمرير لأسفل إعدادات الحقول وتحديد "URL" كنوع الحقل.

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

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

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

4. ارتباطات زر الارتباط بعناوين URL الديناميكية

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

إذا كنت تستخدم عناوين URL الافتراضية ، فانتقل إلى Visual Builder لبدء ربط الأزرار في تصميمك بعنوان URL الصحيح.

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

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

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

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

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

مرة أخرى ، ستظهر قائمة منسدلة حيث يمكنك تحديد المحتوى الديناميكي لعنوان URL الذي يطابق CTA.

تأكد من تغيير جميع تغييرات أداة إنشاء السمات بعد إضافة عناوين URL الديناميكية أيضًا!

افكار اخيرة

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

إذا كنت حريصًا على معرفة المزيد عن Divi والحصول على المزيد من هدايا Divi المجانية ، فتأكد من الاشتراك في النشرة الإخبارية للبريد الإلكتروني وقناة YouTube حتى تكون دائمًا من أوائل الأشخاص الذين يعرفون هذا المحتوى المجاني ويحصلون عليه.