رشد لیست پستی خود با استفاده از ماژول اشتراک خبرنامه ارائه شده توسط شرکت آسان است تم وردپرس دیوی این ماژول از یکپارچه سازی پشتیبانی می کند MailChimp , Aweber et فیدبرنر.
نحوه افزودن ماژول اشتراک خبرنامه به صفحه خود
قبل از اینکه بتوانید یک ماژول ایمیل به صفحه خود اضافه کنید، ابتدا باید به Divi Builder بروید. از وقتی که تم دیوی در وب سایت خود نصب شده است، متوجه یک دکمه خواهید شد از Divi ساز استفاده کنید در هر زمان که صفحه جدیدی ایجاد کردید ، بالای ویرایشگر پست قرار بگیرید. برای فعال سازی Divi Builder و دسترسی به همه ماژول های Divi Builder بر روی این دکمه کلیک کنید. سپس بر روی دکمه کلیک کنید از Visual Builder استفاده کنید برای شروع ژنراتور در حالت تصویری. همچنین می توانید بر روی دکمه کلیک کنید ویژوال ساز را فعال کنید اگر به داشبورد وردپرس خود متصل هستید ، وب سایت خود را در پیش زمینه مرور می کنید.
پس از ورود به Visual Builder ، می توانید بر روی دکمه خاکستری بعلاوه کلیک کنید تا یک ماژول جدید به صفحه خود اضافه کنید. ماژول های جدید فقط می توانند در داخل ردیف ها اضافه شوند. اگر صفحه جدیدی را شروع می کنید ، به یاد داشته باشید که ابتدا یک ردیف به صفحه خود اضافه کنید. ما آموزش های خوبی در مورد استفاده از عناصر خط Division و بخش Divi داریم.
ماژول ایمیل optin را در لیست ماژول ها پیدا کرده و بر روی آن کلیک کنید تا به صفحه شما اضافه شود. لیست ماژول ها قابل جستجو است ، به این معنی که شما می توانید کلمه "email optin" را نیز تایپ کنید و سپس "Enter" را کلیک کنید تا به طور خودکار ماژول optin جستجو و اضافه شود! پس از اضافه شدن ماژول ، لیست گزینه های ماژول به شما خوش آمد می گوید. این گزینه ها به سه گروه اصلی تقسیم می شوند: محتویات , تصور et پیشرفته .
پیکربندی حساب های ایمیل
قبل از استفاده از ماژول ایمیل optin ، ابتدا باید آن را به یک ارائه دهنده ایمیل متصل کنید. این ارائه دهندگان می توانند در تنظیمات ماژول اضافه و مدیریت شوند. هنگامی که یک ارائه دهنده ایمیل جدید اضافه کردید ، هر بار که یک ماژول ایمیل را در وب سایت خود ویرایش می کنید ، در تنظیمات ماژول ظاهر می شود.
برای افزودن ارائه دهنده ایمیل جدید ، ابتدا ارائه دهنده ایمیل خود را از لیست انتخاب کنید ارائه دهنده را انتخاب کنید . سپس بر روی دکمه کلیک کنید اضافه کردن در برای اتصال ماژول به حساب ایمیل خود. Divi در حال حاضر از سه ارائه دهنده MailChimp ، AWeber و Feedburner پشتیبانی می کند.
پیوند حساب AWeber خود را
قبل از استفاده از این ماژول با AWeber ، ابتدا باید حساب AWeber خود را متصل کنید. برای این کار ، AWeber را از لیست ارائه دهندگان انتخاب کنید ، سپس روی دکمه Add کلیک کنید تا مراحل شروع شود. پس از کلیک بر روی دکمه Add ، به صفحه ای منتقل می شوید که از شما خواسته می شود وارد حساب AWeber خود شوید. برای تولید کلید API خود وارد سیستم شوید.
سپس کلید را در قسمت زمینه کپی و پیست کنید کلید API در تنظیمات ماژول ، سپس روی دکمه کلیک کنید ارسال .
حساب شما اکنون پیوند داده شده است و می توانید لیست ایمیل خود را از فهرست کشویی انتخاب کنید فهرست AWeber .
حساب کاربری MailChimp خود را پیوند دهید
قبل از اینکه بتوانید از ماژول با MailChimp استفاده کنید ، ابتدا باید حساب MailChimp خود را متصل کنید. برای انجام این کار ، MailChimp را از لیست ارائه دهندگان انتخاب کنید ، سپس روی Add کلیک کنید. پس از کلیک بر روی دکمه Add ، یک قسمت را انتخاب کنید کلید API پدیدار خواهد شد. کلید API خود را کپی و جایگذاری کنید ، سپس دکمه را فشار دهید ارسال . حساب شما اکنون پیوند داده شده است و می توانید لیست ایمیل خود را از فهرست کشویی انتخاب کنید لیست MailChimp .
می توانید کلید MailChimp API خود را در حساب MailChimp.com خود قرار دهید. وارد شوید و به صفحه نمایه خود بروید. به دسته بندی نگاه کنید افزودنیهای پیشنهاد شده و پیوند را پیدا کنید کلید API . در اینجا برخی از اطلاعات اضافی در مورد چگونگی یافتن کلید API خود.
مثال استفاده از حالت: افزودن پست اشتراک به پایین پست وبلاگ
یک مکان رایج برای اضافه کردن a فرم ایمیل optin درست زیر محتوای پیام شما قرار دارد.
برای این مثال سریع ، به شما نشان می دهم که قرار دادن و سبک کردن ماژول ایمیل Optin در زیر پست وبلاگ با استفاده از Visual Builder آسان است.
با استفاده از Visual Builder ، بخش استاندارد را با یک ستون 1/2 (2 ستون) زیر بخش حاوی محتوای پست اضافه کنید.
از آنجا که این مثال یک پیشنهاد کتاب الکترونیکی با optin است ، یک ماژول تصویر به ستون سمت چپ اضافه کنید و تصویری از کتاب را بارگذاری کنید. ترازبندی تصویر را روی "Center" تنظیم کنید و حداکثر عرض تصویر را روی 300px تنظیم کنید.
سپس ماژول Optin Email را به ستون سمت راست اضافه کنید.
تنظیمات ایمیل Optin را به شرح زیر به روز کنید:
گزینه های محتوا
عنوان: "مشترکان جدید یک نسخه رایگان از کتاب الکترونیکی من دریافت می کنند" متن دکمه: محتوای "اشتراک": "یک داستان جذاب که شما را در لبه صندلی خود قرار خواهد داد." ارائه دهنده خدمات: [ارائه دهنده خدمات را انتخاب کنید] لیست یا عنوان جریان را انتخاب کنید
گزینه های طراحی
رنگ زمینه زمینه: # f1f1f1 رنگ زمینه: #ffffff رنگ حاشیه کانونی: بله رنگ حاشیه: # 02b875 رنگ متن: تاریک جهت متن: هدر مرکز قلم: PT بدون سربرگ اندازه قلم: 35px ارتفاع سر: 1.3em اندازه قلم بدن: 18px پد سفارشی: 20px راست ، 20px سبک های سمت چپ از دکمه سفارشی استفاده کنید: بله دکمه اندازه متن: 26px دکمه متن رنگ: دکمه #ffffff رنگ پس زمینه: # 02b875 عرض حاشیه دکمه: 2 رنگ حاشیه دکمه: # 02b875 فاصله نامه دکمه: 1 پیکسل نماد دکمه اضافه کردن: نماد بله دکمه: [افزودن نماد]
همین. اگر می خواهید فرم های اشتراک خود را بهبود ببخشید ، می توانید استفاده کنید شکوفه، گزینه Divi email و پلاگین Lead lead مخصوصاً برای کمک به شما در رشد لیست پستی خود طراحی شده است.
Optin ایمیل گزینه ماژول محتوا
در برگه محتوا ، تمام عناصر محتوای ماژول ، مانند متن ، تصاویر و آیکون ها را پیدا خواهید کرد. همه اینها را کنترل می کند چی به نظر می رسد که در ماژول شما همیشه در این برگه یافت می شود.
عنوان
عنوان خود را درج کنید فرم ثبت نام اینجا
متن دکمه
متن دکمه ثبت نام را در اینجا مشخص کنید.
محتویات
این قسمت جایی است که می توانید محتوای ماژول SignUp را وارد کنید.
ارائه کننده خدمات
در اینجا می توانید از ارائه دهنده لیست پستی استفاده کنید. در حال حاضر ماژول از ادغام ها پشتیبانی می کند MailChimp , Aweber et فیدبرنر. ارائه دهنده خود را از لیست انتخاب کنید ، سپس به گزینه های زیر بروید.
لیست MailChimp
اگر انتخاب کرده اید MailChimp به عنوان ارائه دهنده ، این گزینه ظاهر می شود. در اینجا می توانید لیست MailChimp را برای افزودن مشتری انتخاب کنید. اگر هیچ لیستی در اینجا مشاهده نمی کنید ، باید مطمئن شوید که کلید MailChimp API در ePanel تنظیم شده است و حداقل یک لیست در حساب MailChimp دارید. اگر لیست جدیدی اضافه کرده اید ، اما در اینجا نشان داده نمی شود ، گزینه 'Regenerate MailChimp Lists' را در ePanel فعال کنید. فراموش نکنید که پس از تهیه مجدد لیست ، آن را غیرفعال کنید.
لیست های Aweber
اگر انتخاب کرده اید Aweber به عنوان ارائه دهنده ، این گزینه ظاهر می شود. در اینجا می توانید لیست Aweber را برای افزودن مشتری انتخاب کنید. اگر لیستی در اینجا نمی بینید ، باید مطمئن شوید که Aweber در ePanel به درستی پیکربندی شده است و حداقل یک لیست در حساب Aweber دارید. اگر لیست جدیدی اضافه کرده اید ، اما در اینجا نشان داده نمی شود ، گزینه "Regenerate Aweber Lists" را در ePanel فعال کنید. فراموش نکنید که پس از تهیه مجدد لیست ، آن را غیرفعال کنید.
عنوان Feedburner
اگر انتخاب کرده اید فیدبرنر به عنوان ارائه دهنده ، این گزینه ظاهر می شود. با این روش حساب Feedburner خود را شناسایی می کنید. شما باید عنوان خوراک خود را وارد کنید ، که را می توان در اینجا یافت .
از رنگ پس زمینه استفاده کنید
در صورت فعال بودن ، رنگ زمینه برای ماژول اعمال می شود. اگر رنگ زمینه فعال شده باشد ، پر کردن اضافی در داخل ماژول اضافه می شود تا محتوای متن را از لبه قابل مشاهده ماژول جدا کند. اگر رنگ پس زمینه فعال نباشد ، پس زمینه ماژول شفاف شده و پر کردن اضافی حذف می شود.
رنگ پسزمینه
با استفاده از انتخابگر رنگ می توانید کاشی کتیبه خود را به رنگ دلخواه خود درآورید. همان رنگ زمینه را انتخاب کنید تا جلوه ای از عرض یا حاشیه ایجاد شود.
برچسب مدیریت
این برچسب ماژول را در سازنده تغییر می دهد تا به راحتی شناسایی شود. وقتی از نمای WireFrame در Visual Builder استفاده می کنید ، این برچسب ها در بلوک ماژول رابط Divi Builder ظاهر می شوند.
طراحی بخش بخش Optin
در زبانه Design ، تمام گزینه های یک ظاهر طراحی شده ماژول ، مانند قلم ها ، رنگ ها ، اندازه و فاصله را پیدا خواهید کرد. این زبانه ای است که برای تغییر ظاهر ماژول خود استفاده خواهید کرد. هر ماژول Divi دارای یک لیست طولانی از تنظیمات طراحی است که می توانید برای تغییر هر چیزی از آنها استفاده کنید.
شکل پس زمینه رنگ زمینه
Le فرم ایمیل optin شامل دو فیلد ورودی برای نام کاربری و رمز عبور است. می توانید از این تنظیم برای تنظیم رنگ پس زمینه این فیلدها استفاده کنید.
رنگ متن فیلد فرم
فرم ایمیل optin شامل دو قسمت ورودی برای نام کاربری و رمز عبور است. برای تنظیم رنگ متن این قسمت ها می توانید از این تنظیمات استفاده کنید. اگر رنگ زمینه زمینه را تنظیم کرده اید ، می توانید برای اطمینان از یک رابطه هماهنگ رنگ ، متن متن را نیز تنظیم کنید.
رنگ پسزمینه
هنگامی که یک قسمت ورودی با ماوس بازدید کننده متمرکز می شود ، رنگ ها تغییر می کنند تا به وضوح مشخص کنند که کدام قسمت فعال است. در اینجا می توانید رنگ زمینه زمینه های متمرکز را تعریف کنید.
رنگ متن در تمرکز
هنگامی که یک قسمت ورودی با ماوس بازدید کننده متمرکز می شود ، رنگ ها تغییر می کنند تا به وضوح مشخص کنند که کدام قسمت فعال است. در اینجا می توانید رنگ متن قسمتهای متمرکز را تعریف کنید.
از رنگ مرزی تمرکز استفاده کنید
اگر می خواهید وقتی قسمتهای ورودی در کانون توجه هستند ، مرز اضافه کنید ، می توانید این گزینه را فعال کنید.
رنگ مرز تمرکز
با استفاده از این تنظیم ، می توانید رنگ حاشیه ای را که در قسمت های ورودی متمرکز ظاهر می شود ، تغییر دهید.
رنگ متن
اگر رنگ پس زمینه تیره است ، رنگ متن باید روی "Light" تنظیم شود. با این حال ، اگر رنگ پس زمینه روشن است ، رنگ متن باید روی "تیره" تنظیم شود.
جهت گیری متن
این منوی کشویی به شما امکان می دهد جهت متن خود را موجه ، مرکز یا درست توجیه کنید.
قلم هدر
با انتخاب قلم مورد نظر از منوی کشویی می توانید قلم متن سرآیند خود را تغییر دهید. 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 فضای اضافه شده در داخل ماژول شما ، بین لبه ماژول و عناصر داخلی آن است. می توانید مقادیر بالشتک سفارشی را به هر چهار طرف ماژول اضافه کنید. برای حذف حاشیه سفارشی ، مقدار اضافه شده را از قسمت ورودی حذف کنید. به طور پیش فرض ، این مقادیر بر اساس پیکسل اندازه گیری می شوند ، اما می توانید واحدهای اندازه گیری سفارشی را در قسمت های ورودی وارد کنید.
از دکمه های سبک سفارشی استفاده کنید
با فعال کردن این گزینه ، تنظیمات مختلف سفارشی سازی دکمه نشان داده می شود که می توانید برای تغییر ظاهر دکمه ماژول خود استفاده کنید.
اندازه متن دکمه
از این تنظیم می توان برای افزایش یا کاهش اندازه متن موجود در دکمه استفاده کرد. دکمه با افزایش و کاهش اندازه متن سازگار می شود.
رنگ متن دکمه
به طور پیش فرض ، دکمه ها رنگ لهجه تم شما را همانطور که در Customizer Theme تعریف شده است ، می گیرند. این گزینه به شما امکان می دهد رنگ متن دلخواه را به دکمه این ماژول اختصاص دهید. برای تغییر رنگ دکمه ، رنگ دلخواه خود را با استفاده از انتخابگر رنگ انتخاب کنید.
رنگ پس زمینه دکمه
به طور پیش فرض ، دکمه ها رنگ زمینه شفاف دارند. این را می توان با انتخاب رنگ پس زمینه مورد نظر از انتخاب رنگ تغییر داد.
دکمه پهنای باند
همه دکمه های Divi به طور پیش فرض حاشیه 2px دارند. با استفاده از این تنظیم می توان این مرز را کم یا زیاد کرد. با وارد کردن مقدار 0 می توان مرزها را حذف کرد.
رنگ مرز دکمه
به طور پیش فرض ، حاشیه های دکمه رنگ لهجه طرح زمینه شما را همانطور که در Customizer Theme تعریف شده است ، می پذیرند. این گزینه به شما امکان می دهد یک رنگ حاشیه سفارشی به دکمه این ماژول اختصاص دهید. برای تغییر رنگ حاشیه دکمه ، رنگ دلخواه خود را با استفاده از انتخابگر رنگ انتخاب کنید.
شعاع مرزی دکمه
شعاع حاشیه بر گرد بودن گوشه های دکمه های شما تأثیر می گذارد. به طور پیش فرض ، دکمه های موجود در Divi دارای شعاع حاشیه ای کوچکی هستند که گوشه ها را با 3 پیکسل گرد می کند. برای ایجاد یک دکمه مربع می توانید این مقدار را به 0 کاهش دهید یا برای ایجاد دکمه هایی با لبه های دایره ای آن را به میزان قابل توجهی افزایش دهید.
فاصله حروف دکمه
فاصله حروف بر فاصله بین هر حرف تأثیر می گذارد. اگر می خواهید فضای بین هر حرف را در متن دکمه خود افزایش دهید ، از نوار لغزنده محدوده برای تنظیم فضا استفاده کنید یا اندازه فاصله دلخواه را در قسمت ورودی در سمت راست نوار لغزنده وارد کنید. قسمتهای ورودی از واحدهای اندازه گیری مختلفی پشتیبانی می کنند ، به این معنی که شما می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
قلم دکمه
با انتخاب قلم مورد نظر از منوی کشویی می توانید قلم متن دکمه خود را تغییر دهید. Divi دارای ده ها فونت عالی است که توسط Google Fonts طراحی شده اند. به طور پیش فرض ، Divi از قلم Open Sans برای تمام متنهای صفحه شما استفاده می کند. همچنین می توانید سبک متن خود را با استفاده از گزینه های پررنگ ، مورب ، حروف بزرگ و زیر خط تنظیم کنید.
نماد دکمه را اضافه کنید
غیرفعال است ، این تنظیم نمادها را از دکمه شما پاک می کند. به طور پیش فرض ، تمام دکمه های Divi یک نماد پیکان را روی شناور نشان می دهند.
نماد دکمه
اگر نمادها فعال هستند ، می توانید با استفاده از این تنظیم نماد را در دکمه خود استفاده کنید. Divi آیکون های مختلفی برای انتخاب دارد.
دکمه نماد رنگی
با تنظیم این تنظیم ، رنگ نمادی که روی دکمه شما ظاهر می شود تغییر می کند. به طور پیش فرض ، رنگ نماد همان رنگ متن دکمه شما است ، اما این تنظیم به شما امکان می دهد رنگ را به طور مستقل تنظیم کنید.
دکمه قرار دادن آیکون
می توانید نماد دکمه خود را در سمت چپ یا راست دکمه خود نمایش دهید.
نمایش نماد فقط هنگام قرار گرفتن روی دکمه
به طور پیش فرض ، نمادهای دکمه فقط هنگام شناور نشان داده می شوند. اگر می خواهید نماد همیشه نشان داده شود ، این تنظیم را خاموش کنید.
رنگ متن دکمه Hover
هنگامی که دکمه توسط ماوس بازدید کننده روی آن قرار می گیرد ، از این رنگ استفاده می شود. رنگ از رنگ پایه مشخص شده در تنظیمات قبلی تغییر خواهد کرد.
رنگ پس زمینه دکمه شناور
هنگامی که دکمه توسط ماوس بازدید کننده روی آن قرار می گیرد ، از این رنگ استفاده می شود. رنگ از رنگ پایه مشخص شده در تنظیمات قبلی تغییر خواهد کرد.
دکمه مرز رنگ شناور
هنگامی که دکمه توسط ماوس بازدید کننده روی آن قرار می گیرد ، از این رنگ استفاده می شود. رنگ از رنگ پایه مشخص شده در تنظیمات قبلی تغییر خواهد کرد.
دکمه شعاع مرز را شناور کنید
هنگامی که دکمه توسط ماوس بازدید کننده روی آن قرار می گیرد ، از این مقدار استفاده می شود. مقدار از مقدار پایه تعریف شده در تنظیمات قبلی تغییر خواهد کرد.
دکمه فاصله یادداشت را فشار دهید
هنگامی که دکمه توسط ماوس بازدید کننده روی آن قرار می گیرد ، از این مقدار استفاده می شود. مقدار از مقدار پایه تعریف شده در تنظیمات قبلی تغییر خواهد کرد.
گزینه های پیشرفته ایمیل Optin
در برگه پیشرفته ، گزینه هایی را پیدا می کنید که ممکن است طراحان وب با تجربه تر ، مانند ویژگی های سفارشی CSS و HTML ، مفید باشند. در اینجا می توانید CSS سفارشی را به عناصر مختلف ماژول اعمال کنید. همچنین می توانید کلاسها و شناسه های CSS سفارشی را به ماژول اعمال کنید ، که می تواند برای سفارشی کردن ماژول در پرونده style.css موضوع کودک شما استفاده شود.
شناسه CSS
یک شناسه CSS اختیاری برای استفاده برای این ماژول وارد کنید. از یک شناسه می توان برای ایجاد یک سبک CSS سفارشی یا پیوند دادن به بخشهای خاصی از صفحه خود استفاده کرد.
کلاس CSS
کلاسهای CSS اختیاری را وارد کنید تا از این ماژول استفاده کنید. برای ایجاد یک سبک CSS سفارشی می توان از کلاس CSS استفاده کرد. می توانید چندین کلاس را که با فاصله از هم جدا شده اند ، اضافه کنید. این کلاسها را می توان در قالب فرزند Divi شما یا در شیوه نامه سفارشی CSS که با استفاده از گزینه های تم Divi یا پارامترهای صفحه Divi Builder.
CSS سفارشی
CSS سفارشی همچنین می تواند بر روی ماژول و هر یک از واحدهای داخلی ماژول اعمال شود. در بخش CSS سفارشی ، یک قسمت متنی پیدا می کنید که می توانید برگه های سبک CSS سفارشی را مستقیماً به هر عنصر اضافه کنید. ورودی های CSS در این تنظیمات از قبل با برچسب های سبک بسته بندی شده اند. بنابراین کافیست قوانین CSS را که با نقطه ویرگول جدا شده اند وارد کنید.
دید
این گزینه به شما امکان می دهد دستگاه هایی را که ماژول روی آنها نشان داده می شود کنترل کنید. می توانید به صورت جداگانه ماژول خود را بر روی تبلت ها ، تلفن های هوشمند یا دسک تاپ غیرفعال کنید. اگر می خواهید از حالت های مختلف در دستگاه های مختلف استفاده کنید ، یا اگر می خواهید با حذف عناصر خاصی از صفحه ، طراحی تلفن همراه را ساده کنید ، این کار مفید است.
سایر آموزش های مربوط به تم وردپرس دیوی
- سایت های رستوران 5 که از موضوع دووی استفاده می کنند
- چگونه برای اضافه کردن متن در محصول Divi WooCommerce
- چگونه می توان رنگ منو را بین صفحات Divi تغییر داد
- نحوه شخصی سازی شبکه های یک وبلاگ با Divi
- نحوه استفاده از ویرایشگر نقش دووی در وردپرس
- نحوه ایجاد یک نوار لغزنده تمام صفحه Divi
- چگونگی تغییر رنگ منوها بین صفحات Divi
- ویژگی هایی که احتمالاً در مورد Divi نمی دانید
- نحوه استفاده از Divi Builder در وردپرس
- نحوه استفاده از ماژول پیمایش ویدئو Divi
- نحوه استفاده از ماژول Flip Builder Divi
- نحوه اضافه کردن ماژول توصیفی در Divi Builder
- نحوه استفاده از ماژول متن دووی
- نحوه ایجاد کشویی در دیوی
- نحوه ویرایش نقش کاربر Divi
- نحوه استفاده از ماوی رسانه اجتماعی Divi
- نحوه استفاده از ماژول فروشگاه با موضوع WordPress Divi
- نحوه استفاده از ماوی نوار کناری Divi
- نحوه استفاده از ماژول جدول قیمت دووی
- چگونه از عنوان ماژول نشریات دووی استفاده کنیم
- نحوه اضافه کردن ماژول ویدیویی از دیوی
- نحوه استفاده از ماژول ناوبری مقاله
- چگونه از ماوی جستجوی Divi استفاده کنیم
- چگونه از ماژول کیف پول Divi استفاده کنیم
- نحوه استفاده از ماژول شخص در Divi Builder
- نحوه استفاده از ماژول کیف پول با فیلتر Divi
- نحوه استفاده از ماژول کشویی عرض کامل
- نحوه استفاده از ماژول Image Divid Builder
- نحوه استفاده از ماژول ناوبری تمام عرض Divi Builder
- نحوه استفاده از ماژول گالری تصاویر
- نحوه استفاده از ماوی کارت Width Divi Builder
- نحوه استفاده از ماژول Portfolio Full Width Divi
- نحوه استفاده از ماژول هدر تمام عیار Divi
- چگونه از ماوی شمارنده Divi استفاده کنیم
- نحوه استفاده از نوار لغزنده مقالات در Divi Builder
- نحوه استفاده از ماژول Divi ایمیل Optin
[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "مسطح" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] دانلود تم DIVI [/ vcex_button] [/vcex_button] [um»_cum] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffrightnfaff" DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
