من السهل تنمية قائمتك البريدية باستخدام وحدة الاشتراك في الرسائل الإخبارية التي تقدمها وورد موضوع ديفي. هذه الوحدة تدعم التكامل MailChimp , أوبر et فيدبورنر.
كيفية إضافة وحدة الاشتراك في النشرة الإخبارية إلى صفحتك
قبل أن تتمكن من إضافة وحدة بريد إلكتروني إلى صفحتك ، يجب عليك أولاً الانتقال إلى Divi Builder. مرة واحدة في موضوع ديفي مثبتًا على موقع الويب الخاص بك ، ستلاحظ زرًا استخدم Divi Builder فوق محرر التدوينات كلما قمت بإنشاء صفحة جديدة. انقر فوق هذا الزر لتنشيط Divi Builder والوصول إلى جميع وحدات Divi Builder. ثم اضغط على الزر استخدم Visual Builder لبدء المولد في الوضع المرئي. يمكنك أيضًا النقر فوق الزر تمكين Visual Builder عندما تتصفح موقع الويب الخاص بك في المقدمة إذا كنت متصلاً بلوحة معلومات WordPress الخاصة بك.
بمجرد دخولك إلى Visual Builder ، يمكنك النقر فوق زر علامة الجمع الرمادي لإضافة وحدة نمطية جديدة إلى صفحتك. لا يمكن إضافة الوحدات النمطية الجديدة إلا داخل الصفوف. إذا كنت تبدأ صفحة جديدة ، فتذكر إضافة صف إلى صفحتك أولاً. لدينا دروس رائعة حول استخدام عناصر خط Divi والقسم.
حدد موقع وحدة البريد الإلكتروني optin في قائمة الوحدات وانقر عليها لإضافتها إلى صفحتك. قائمة الوحدات قابلة للبحث ، مما يعني أنه يمكنك أيضًا كتابة كلمة "email optin" ثم النقر فوق "Enter" للبحث تلقائيًا وإضافة وحدة optin! بمجرد إضافة الوحدة ، سيتم الترحيب بك من خلال قائمة خيارات الوحدة. تنقسم هذه الخيارات إلى ثلاث مجموعات رئيسية: محتويات , تصور et متقدم .
تكوين حسابات البريد الإلكتروني
قبل أن تتمكن من استخدام وحدة البريد الإلكتروني optin ، يجب عليك أولاً توصيلها بموفر بريد إلكتروني. يمكن إضافة هؤلاء الموفرين وإدارتهم في إعدادات الوحدة. بمجرد إضافة موفر بريد إلكتروني جديد ، سيظهر في إعدادات الوحدة النمطية في كل مرة تقوم فيها بتحرير وحدة بريد إلكتروني على موقع الويب الخاص بك.
لإضافة موفر بريد إلكتروني جديد ، حدد أولاً موفر البريد الإلكتروني من القائمة اختيار مزود . ثم اضغط على الزر إضافة لربط الوحدة بحساب بريدك الإلكتروني. تدعم Divi حاليًا ثلاثة مزودين: MailChimp و AWeber و Feedburner.
ربط حساب AWeber الخاص بك
قبل أن تتمكن من استخدام هذه الوحدة مع AWeber ، يجب عليك أولاً توصيل حساب AWeber الخاص بك. للقيام بذلك ، حدد AWeber من قائمة الموفرين ، ثم انقر فوق الزر "إضافة" لبدء العملية. بعد النقر فوق الزر "إضافة" ، سيتم نقلك إلى صفحة حيث سيُطلب منك تسجيل الدخول إلى حساب AWeber الخاص بك. قم بتسجيل الدخول لإنشاء مفتاح API الخاص بك.
ثم انسخ والصق المفتاح في الحقل مفتاح API في إعدادات الوحدة النمطية ، ثم انقر فوق الزر إرسال .
تم الآن ربط حسابك ويمكنك اختيار قائمة بريدك الإلكتروني من القائمة المنسدلة قوائم AWeber .
ربط حساب MailChimp الخاص بك
قبل أن تتمكن من استخدام الوحدة مع MailChimp ، يجب عليك أولاً توصيل حساب MailChimp الخاص بك. للقيام بذلك ، حدد MailChimp من قائمة الموفرين ، ثم انقر فوق إضافة. بعد النقر على زر إضافة حقل مفتاح API سيظهر. انسخ والصق مفتاح API في الحقل ، ثم اضغط على الزر إرسال . تم الآن ربط حسابك ويمكنك اختيار قائمة بريدك الإلكتروني من القائمة المنسدلة قوائم MailChimp .
يمكنك تحديد موقع مفتاح MailChimp API الخاص بك في حساب MailChimp.com الخاص بك. سجل الدخول وانتقل إلى صفحة ملفك الشخصي. ابحث في الفئة إضافات والعثور على الرابط مفاتيح API . هنا بعض معلومات إضافية حول كيفية العثور على مفتاح API الخاص بك.
مثال لحالة الاستخدام: إضافة منشور اشتراك إلى أسفل منشور مدونة
مكان مشترك لإضافة ملف استمارتنا البريد الإلكتروني هو أقل بقليل من محتوى رسالتك.
في هذا المثال السريع ، سأوضح لك مدى سهولة إدراج وتصميم وحدة البريد الإلكتروني Optin ضمن منشور مدونة باستخدام Visual Builder.
باستخدام Visual Builder ، أضف القسم القياسي مع صف 1/2 عمود (عمودان) أسفل القسم الذي يحتوي على محتوى المنشور.
نظرًا لأن هذا المثال سيكون عرضًا للكتاب الإلكتروني مع خيار optin ، أضف وحدة صورة إلى العمود الأيسر وقم بتحميل صورة للكتاب. اضبط محاذاة الصورة على "المركز" واضبط أقصى عرض للصورة على 300 بكسل.
ثم أضف وحدة Optin Email إلى العمود الأيمن.
قم بتحديث إعدادات البريد الإلكتروني Optin كما يلي:
خيارات المحتوى
العنوان: "المشتركون الجدد يحصلون على نسخة مجانية من كتابي الإلكتروني" نص الزر: "اشتراك" المحتوى: "قصة مقنعة ستتركك على حافة مقعدك." مزود الخدمة: [حدد مزود الخدمة] حدد قائمة أو دفق العنوان
خيارات التصميم
لون خلفية الحقل: # f1f1f1 لون الخلفية: #ffffff لون حد التركيز: نعم لون الحد: # 02b875 لون النص: داكن اتجاه النص: رأس المركز الخط: PT بدون رأس حجم الخط: 35 بكسل ارتفاع الرأس: 1.3em حجم خط الجسم: 18 بكسل الحشو المخصص: 20 بكسل لليمين ، 20 بكسل الأنماط اليسرى استخدم مخصص للزر: نعم زر حجم النص: 26 بكسل لون زر النص: #ffffff لون خلفية الزر: # 02b875 عرض حد الزر: 2 لون حد الزر: # 02b875 تباعد حرف الزر: 1 بكسل إضافة رمز الزر: نعم رمز الزر: [إضافة رمز]
هذا كل شيئ. إذا كنت ترغب في تحسين نماذج الاشتراك الخاصة بك ، يمكنك استخدام إزهار، وخيار البريد الإلكتروني Divi والمكوِّن الإضافي لتوليد العملاء المحتملين المصمم خصيصًا لمساعدتك في تنمية قائمتك البريدية.
خيار البريد الإلكتروني وحدة المحتوى خيار
في علامة التبويب "المحتوى" ، ستجد جميع عناصر محتوى الوحدة ، مثل النصوص والصور والرموز. كل ذلك يتحكم مما يظهر دائمًا في الوحدة النمطية الخاصة بك في علامة التبويب هذه.
لقب
أدخل عنوان الخاص بك استمارتنا التسجيل هنا.
نص الزر
حدد نص زر التسجيل هنا.
محتويات
هذا الحقل هو المكان الذي يمكنك فيه إدخال محتوى وحدة التسجيل.
مزود الخدمة
هنا يمكنك اختيار مزود القائمة البريدية الذي تستخدمه. تدعم الوحدة حاليًا عمليات الدمج MailChimp , أوبر et فيدبورنر. حدد المزود الخاص بك من القائمة ، ثم انتقل إلى الخيارات التالية.
قوائم MailChimp
إذا كنت قد اخترت MailChimp كمزود ، سوف يظهر هذا الخيار. هنا يمكنك اختيار قائمة MailChimp لإضافة عملاء. إذا كنت لا ترى أي قائمة هنا ، فأنت بحاجة إلى التأكد من تعيين مفتاح واجهة برمجة تطبيقات MailChimp في ePanel وأن لديك قائمة واحدة على الأقل في حساب MailChimp. إذا أضفت قائمة جديدة ، لكنها لا تظهر هنا ، فقم بتمكين خيار "إعادة إنشاء قوائم MailChimp" في لوحة ePanel. لا تنس إلغاء تنشيطه بمجرد إعادة إنشاء القائمة.
قوائم أووبر
إذا كنت قد حددت أوبر كمزود ، سوف يظهر هذا الخيار. هنا يمكنك اختيار قائمة Aweber لإضافة عملاء. إذا كنت لا ترى أي قائمة هنا ، فأنت بحاجة إلى التأكد من تكوين Aweber بشكل صحيح في ePanel وأن لديك قائمة واحدة على الأقل في حساب Aweber. إذا كنت قد أضفت قائمة جديدة ، ولكنها لا تظهر هنا ، فقم بتمكين خيار "إعادة إنشاء قوائم أوبر" في لوحة ePanel. لا تنس إلغاء تنشيطه بمجرد إعادة إنشاء القائمة.
فيدبورنر العنوان
إذا كنت قد حددت فيدبورنر كمزود ، سوف يظهر هذا الخيار. هذه هي الطريقة التي تحدد بها حساب Feedburner الخاص بك. سوف تحتاج إلى إدخال عنوان الخلاصة الخاص بك ، والذي يمكن العثور عليها هنا .
استخدم لون الخلفية
في حالة التمكين ، سيتم تطبيق لون الخلفية على الوحدة. إذا تم تمكين لون الخلفية ، تتم إضافة حشوة إضافية داخل الوحدة النمطية لفصل محتوى النص عن الحافة المرئية للوحدة. إذا لم يتم تمكين لون الخلفية ، تصبح خلفية الوحدة شفافة وتتم إزالة التعبئة الإضافية.
لون الخلفية
يمكنك جعل بلاط النقش اللون الذي تريده باستخدام منتقي الألوان. حدد نفس لون خلفية القسم لإنشاء مظهر عرض أو تأثير بلا حدود.
تسمية الإدارة
سيؤدي هذا إلى تغيير تسمية الوحدة في المنشئ لتسهيل التعرف عليها. عند استخدام عرض WireFrame في Visual Builder ، تظهر هذه الملصقات في كتلة الوحدة النمطية لواجهة Divi Builder.
البريد الإلكتروني قسم تصميم Optin
في علامة التبويب "التصميم" ، ستجد جميع خيارات تصميم الوحدة النمطية ، مثل الخطوط والألوان والتحجيم والتباعد. هذه هي علامة التبويب التي ستستخدمها لتغيير مظهر الوحدة الخاصة بك. تحتوي كل وحدة Divi على قائمة طويلة من إعدادات التصميم التي يمكنك استخدامها لتغيير أي شيء.
لون خلفية حقل النموذج
Le استمارتنا يحتوي البريد الإلكتروني optin على حقلين لإدخال اسم المستخدم وكلمة المرور. يمكنك استخدام هذا الإعداد لضبط لون خلفية هذه الحقول.
لون النص من حقل النموذج
يحتوي نموذج البريد الإلكتروني optin على حقلي إدخال لاسم المستخدم وكلمة المرور. يمكنك استخدام هذا الإعداد لضبط لون النص لهذه الحقول. إذا قمت بضبط لون الخلفية لحقل النموذج ، يمكنك أيضًا ضبط لون النص لضمان وجود علاقة ألوان متناغمة.
لون الخلفية
عندما يتم التركيز على حقل الإدخال باستخدام فأرة الزائر ، تتغير الألوان لتشير بوضوح إلى الحقل النشط. هنا يمكنك تحديد لون الخلفية للحقول المركزة.
لون النص في التركيز
عندما يتم التركيز على حقل الإدخال باستخدام فأرة الزائر ، تتغير الألوان لتشير بوضوح إلى الحقل النشط. هنا يمكنك تحديد لون النص للحقول المركزة.
استخدم لون حدود التركيز
إذا كنت تريد إضافة حد إلى حقول الإدخال عندما تكون في التركيز ، يمكنك تمكين هذا الخيار.
لون حدود التركيز
باستخدام هذا الإعداد ، يمكنك تغيير لون الحد الذي يظهر في حقول الإدخال المركزة.
لون النص
إذا كان لون الخلفية غامقًا ، فيجب ضبط لون النص على "فاتح". ومع ذلك ، إذا كان لون الخلفية فاتحًا ، فيجب ضبط لون النص على "غامق".
اتجاه النص
تتيح لك هذه القائمة المنسدلة تحديد اتجاه النص الخاص بك ليتم ضبطه إلى اليسار أو توسيطه أو ضبطه لليمين.
رأس الخط
يمكنك تغيير خط نص العنوان الخاص بك عن طريق تحديد الخط المطلوب من القائمة المنسدلة. يأتي Divi مع عشرات الخطوط الرائعة التي تدعمها Google Fonts. بشكل افتراضي ، يستخدم Divi خط Open Sans لجميع النصوص الموجودة على صفحتك. يمكنك أيضًا تخصيص نمط النص باستخدام خيارات الخط الغامق والمائل والأحرف الكبيرة والتسطير.
حجم خط الرأس
هنا يمكنك ضبط حجم نص العنوان الخاص بك. يمكنك سحب شريط تمرير النطاق لزيادة حجم النص أو تقليله ، أو إدخال قيمة حجم النص المطلوب مباشرةً في حقل الإدخال على يمين شريط التمرير. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
لون نص الرأس
بشكل افتراضي ، تظهر جميع ألوان النص في Divi باللون الأبيض أو الرمادي الداكن. إذا كنت تريد تغيير لون نص الرأس ، فاختر اللون المطلوب من منتقي الألوان باستخدام هذا الخيار.
تباعد حرف الرأس
يؤثر تباعد الأحرف على المسافة بين كل حرف. إذا كنت ترغب في زيادة المسافة بين كل حرف في نص الرأس ، فاستخدم شريط تمرير النطاق لضبط المساحة أو أدخل حجم التباعد المطلوب في حقل الإدخال على يمين شريط التمرير. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
ارتفاع صف الرأس
يؤثر ارتفاع الصف على المسافة بين كل صف من نص الرأس ، إذا كنت تريد زيادة المسافة بين كل صف ، فاستخدم شريط تمرير النطاق لضبط المسافة أو أدخل حجم التباعد المطلوب في حقل الإدخال على يمين المؤشر. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
خط الجسم
يمكنك تغيير خط الجسم الخاص بك عن طريق تحديد الخط المطلوب من القائمة المنسدلة. يأتي Divi مع عشرات الخطوط الرائعة التي تدعمها Google Fonts. بشكل افتراضي ، يستخدم Divi خط Open Sans لجميع النصوص الموجودة على صفحتك. يمكنك أيضًا تخصيص نمط النص باستخدام خيارات الخط الغامق والمائل والأحرف الكبيرة والتسطير.
حجم خط الجسم
هنا يمكنك ضبط حجم نص جسمك. يمكنك سحب شريط تمرير النطاق لزيادة حجم النص أو تقليله ، أو إدخال قيمة حجم النص المطلوب مباشرةً في حقل الإدخال على يمين شريط التمرير. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
لون نص الهيكل
بشكل افتراضي ، تظهر جميع ألوان النص في Divi باللون الأبيض أو الرمادي الداكن. إذا كنت تريد تغيير لون النص ، فاختر اللون المطلوب من منتقي الألوان باستخدام هذا الخيار.
تباعد حروف الجسم
يؤثر تباعد الأحرف على المسافة بين كل حرف. إذا كنت تريد زيادة المسافة بين كل حرف في النص ، فاستخدم شريط تمرير النطاق لضبط المسافة أو أدخل حجم التباعد المطلوب في حقل الإدخال على يمين شريط التمرير. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
ارتفاع خط الجسم
يؤثر ارتفاع السطر على المسافة بين كل سطر من النص في جسمك إذا كنت تريد زيادة المسافة بين كل سطر ، فاستخدم شريط تمرير النطاق لضبط المسافة أو أدخل حجم التباعد المطلوب في حقل الإدخال يقع على يمين المؤشر. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
استخدم الحدود
سيؤدي تمكين هذا الخيار إلى وضع حد حول الوحدة النمطية الخاصة بك. يمكن تخصيص هذا الحد باستخدام المعلمات الشرطية التالية.
لون الحدود
يؤثر هذا الخيار على لون حدودك. حدد لونًا مخصصًا من منتقي الألوان لتطبيقه على حدودك.
عرض الحدود
بشكل افتراضي ، تكون الحدود بعرض 1 بكسل. يمكنك زيادة هذه القيمة عن طريق سحب شريط تمرير النطاق أو إدخال قيمة مخصصة في حقل الإدخال إلى يمين شريط التمرير. وحدات القياس المخصصة مدعومة ، مما يعني أنه يمكنك تغيير الوحدة الافتراضية من "px" إلى شيء آخر مثل em و vh و vw وما إلى ذلك.
نمط الحدود
تدعم الحدود ثمانية أنماط مختلفة: صلب ، ومنقط ، ومنقط ، ومزدوج ، وأخدود ، وحافة ، وتراكب ، وبدء. حدد النمط الذي تريده من القائمة المنسدلة لتطبيقه على حدودك.
هامش مخصص
الهامش هو المساحة المضافة إلى الجزء الخارجي من الوحدة النمطية الخاصة بك ، بين الوحدة النمطية والعنصر التالي أعلاه ، أو أسفله ، أو إلى يساره ويمينه. يمكنك إضافة قيم هامش مخصصة إلى أي من الجوانب الأربعة للوحدة النمطية. لإزالة الهامش المخصص ، قم بإزالة القيمة المضافة من حقل الإدخال. بشكل افتراضي ، يتم قياس هذه القيم بالبكسل ، لكن يمكنك إدخال وحدات قياس مخصصة في حقول الإدخال.
الحشو مخصص
Infill هي المساحة المضافة داخل الوحدة النمطية الخاصة بك ، بين حافة الوحدة وعناصرها الداخلية. يمكنك إضافة قيم حشو مخصصة لأي من الجوانب الأربعة للوحدة النمطية. لإزالة الهامش المخصص ، قم بإزالة القيمة المضافة من حقل الإدخال. بشكل افتراضي ، يتم قياس هذه القيم بالبكسل ، ولكن يمكنك إدخال وحدات قياس مخصصة في حقول الإدخال.
استخدم الأنماط المخصصة للزر
يؤدي تمكين هذا الخيار إلى إظهار العديد من إعدادات تخصيص الأزرار التي يمكنك استخدامها لتغيير مظهر زر الوحدة الخاصة بك.
حجم نص الزر
يمكن استخدام هذا الإعداد لزيادة أو تقليل حجم النص في الزر. يتكيف الزر مع زيادة حجم النص وتقليله.
لون نص الزر
بشكل افتراضي ، تتبنى الأزرار لون تمييز المظهر الخاص بك كما هو محدد في أداة تخصيص السمة. يتيح لك هذا الخيار تعيين لون نص مخصص لزر هذه الوحدة. حدد لونك المخصص باستخدام منتقي الألوان لتغيير لون الزر.
لون خلفية الزر
بشكل افتراضي ، يكون للأزرار لون خلفية شفاف. يمكن تغيير ذلك عن طريق تحديد لون الخلفية المطلوب من منتقي الألوان.
زر عرض الحدود
جميع أزرار Divi لها حدود 2 بكسل بشكل افتراضي. يمكن زيادة أو تقليل هذا الحد باستخدام هذا الإعداد. يمكن إزالة الحدود بإدخال القيمة 0.
لون خط الزر
بشكل افتراضي ، تتبنى حدود الأزرار لون تمييز السمة كما هو محدد في أداة تخصيص السمة. يتيح لك هذا الخيار تعيين لون حد مخصص لزر هذه الوحدة. حدد لونك المخصص باستخدام منتقي الألوان لتغيير لون حد الزر.
دائرة نصف قطرها الحدود
يؤثر نصف قطر الحد على استدارة زوايا الأزرار. بشكل افتراضي ، تحتوي الأزرار في Divi على نصف قطر صغير للحد من الزوايا بمقدار 3 بكسل. يمكنك تقليل هذه القيمة إلى 0 لإنشاء زر مربع أو زيادته بشكل ملحوظ لإنشاء أزرار بحواف دائرية.
تباعد حروف الأزرار
يؤثر تباعد الأحرف على المسافة بين كل حرف. إذا كنت ترغب في زيادة المسافة بين كل حرف في نص الزر ، فاستخدم شريط تمرير النطاق لضبط المسافة أو أدخل حجم التباعد المطلوب في حقل الإدخال على يمين شريط التمرير. تدعم حقول الإدخال وحدات قياس مختلفة ، مما يعني أنه يمكنك إدخال "px" أو "em" اعتمادًا على قيمة الحجم لديك لتغيير نوع الوحدة.
زر الخط
يمكنك تغيير خط نص الزر الخاص بك عن طريق تحديد الخط المطلوب من القائمة المنسدلة. يأتي Divi مع عشرات الخطوط الرائعة التي تدعمها Google Fonts. بشكل افتراضي ، يستخدم Divi خط Open Sans لجميع النصوص الموجودة على صفحتك. يمكنك أيضًا تخصيص نمط النص باستخدام خيارات الخط الغامق والمائل والأحرف الكبيرة والتسطير.
إضافة رمز الزر
معطل ، سيؤدي هذا الإعداد إلى إزالة الرموز من الزر. بشكل افتراضي ، تعرض جميع أزرار Divi رمز سهم على التمرير.
رمز الزر
إذا تم تمكين الرموز ، يمكنك استخدام هذا الإعداد لاختيار الرمز الذي تريد استخدامه في الزر. ديفي لديها أيقونات مختلفة للاختيار من بينها.
زر رمز اللون
سيؤدي ضبط هذا الإعداد إلى تغيير لون الرمز الذي يظهر على الزر. بشكل افتراضي ، يكون لون الرمز هو نفسه لون نص الزر ، لكن هذا الإعداد يسمح لك بضبط اللون بشكل مستقل.
زر وضع الرمز
يمكنك اختيار عرض أيقونة الزر الخاص بك على يسار أو يمين الزر.
إظهار الرمز فقط عند التمرير فوق الزر
بشكل افتراضي ، يتم عرض رموز الأزرار فقط عند التمرير فوقها. إذا كنت تريد ظهور الرمز دائمًا ، فقم بإيقاف تشغيل هذا الإعداد.
زر تحريك لون النص
عندما يتم تمرير الماوس فوق الزر ، سيتم استخدام هذا اللون. سيتغير اللون من اللون الأساسي المحدد في الإعدادات السابقة.
تحوم لون خلفية الزر
عندما يتم تمرير الماوس فوق الزر ، سيتم استخدام هذا اللون. سيتغير اللون من اللون الأساسي المحدد في الإعدادات السابقة.
لون زر تحويم الحدود
عندما يتم تمرير الماوس فوق الزر ، سيتم استخدام هذا اللون. سيتغير اللون من اللون الأساسي المحدد في الإعدادات السابقة.
تحوم زر نصف القطر الحدود
عندما يتم تمرير الماوس فوق الزر ، سيتم استخدام هذه القيمة. ستتغير القيمة من القيمة الأساسية المحددة في الإعدادات السابقة.
مشيرا إلى تباعد زر ملاحظة
عندما يتم تمرير الماوس فوق الزر ، سيتم استخدام هذه القيمة. ستتغير القيمة من القيمة الأساسية المحددة في الإعدادات السابقة.
البريد الإلكتروني Optin خيارات متقدمة
في علامة التبويب "خيارات متقدمة" ، ستجد خيارات قد يجدها مصممو الويب الأكثر خبرة مفيدة ، مثل سمات CSS و HTML المخصصة. هنا يمكنك تطبيق CSS مخصص على أي من عناصر الوحدة المتعددة. يمكنك أيضًا تطبيق معرفات وفئات CSS المخصصة على الوحدة النمطية ، والتي يمكن استخدامها لتخصيص الوحدة في ملف style.css الخاص بالقالب الخاص بك.
معرف CSS
أدخل معرف CSS اختياريًا لاستخدامه لهذه الوحدة. يمكن استخدام المعرف لإنشاء نمط CSS مخصص أو الارتباط بأقسام معينة من صفحتك.
فئة CSS
دخلت الصف CSS اختياري لاستخدام لهذه الوحدة. يمكن استخدام فئة CSS لإنشاء نمط CSS مخصص. يمكنك إضافة المزيد من الطبقات، مفصولة بمسافة. يمكن استخدام هذه الفئات في سمة Divi child أو في ورقة أنماط CSS المخصصة التي تضيفها إلى صفحتك أو إلى موقع الويب الخاص بك باستخدام خيارات الموضوع Divi أو معلمات صفحة Divi Builder.
عرف المغلق
يمكن أيضًا تطبيق CSS المخصص على الوحدة النمطية وأي من الأجزاء الداخلية للوحدة. في قسم CSS المخصص ، ستجد حقل نص حيث يمكنك إضافة أوراق أنماط CSS مخصصة مباشرة إلى كل عنصر. تم بالفعل تغليف إدخالات CSS في هذه الإعدادات بعلامات النمط. لذا فقط أدخل قواعد CSS مفصولة بفواصل منقوطة.
رؤية
يتيح لك هذا الخيار التحكم في الأجهزة التي تظهر عليها الوحدة الخاصة بك. يمكنك اختيار إلغاء تنشيط الوحدة الخاصة بك على الأجهزة اللوحية أو الهواتف الذكية أو أجهزة الكمبيوتر المكتبية بشكل فردي. يعد هذا مفيدًا إذا كنت تريد استخدام تعديلات مختلفة على أجهزة مختلفة ، أو إذا كنت تريد تبسيط تصميم الهاتف المحمول عن طريق إزالة عناصر معينة من الصفحة.
دروس أخرى في وورد موضوع ديفي
- المواقع 5 للاستخدام مطعم ديفي موضوع
- كيفية إضافة نص على منتج Divi WooCommerce
- كيفية تغيير لون القائمة بين صفحات Divi
- كيفية تخصيص شبكات بلوق مع ديفي
- كيفية استخدام دور ديفي محرر على وورد
- كيفية إنشاء كامل الشاشة المنزلق ديفي
- كيفية تغيير لون القوائم بين صفحات Divi
- الميزات التي ربما لا تعرفها عن Divi
- كيفية استخدام Divi Builder على وورد
- كيفية استخدام وحدة Divi Video scrolling
- كيفية استخدام وحدة Divi Builder Flip
- كيفية إضافة وحدة شهادة على Divi Builder
- كيفية استخدام وحدة Divi النصية
- كيفية إنشاء شريط التمرير على ديفي
- كيفية تحرير دور مستخدم Divi
- كيفية استخدام وحدة Divi Social Media
- كيفية استخدام وحدة متجر على موضوع ووردبرس]
- كيفية استخدام وحدة Divi الشريط الجانبي
- كيفية استخدام Divi Price Table Module
- كيفية استخدام وحدة العنوان لمنشورات Divi
- كيفية إضافة وحدة فيديو ديفي
- كيفية استخدام وحدة الملاحة المادة
- كيفية استخدام وحدة البحث Divi
- كيفية استخدام وحدة محفظة Divi
- كيفية استخدام وحدة الشخص على Divi Builder
- كيفية استخدام وحدة المحفظة مع فلتر Divi
- كيفية استخدام وحدة المنزلق بعرض كامل
- كيفية استخدام Divi Builder Image Module
- كيفية استخدام وحدة التنقل كاملة العرض في Divi Builder
- كيفية استخدام وحدة معرض الصور
- كيفية استخدام وحدة بطاقة Divi Builder Full-Width
- كيفية استخدام وحدة Divi Full Width Portfolio
- كيفية استخدام وحدة الرأس Divi ذات العرض الكامل
- كيفية استخدام Divi Counter Module
- كيفية استخدام شريط التمرير المقالات على Divi Builder
- كيفية استخدام وحدة Divi Email Optin
[vc_row center_row = "نعم"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" selected "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] قم بتنزيل موضوع DIVI [/ vcex_button] [/ width_cumnol] [] [vc_cull] »1/2 ″] [vcex_button url =" https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&url=40632&tid1=tutorials "target =" blank "layout =" expand "align =" center " font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" fa fa-download "] DOWNLOAD TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
