محصول برجسته Divi: تم کودک Milly

Milly یک تم کودک شخص ثالث برای Divi است که با در نظر گرفتن کارآفرینان طراحی شده است. دارای صفحات، طرح‌بندی‌ها و ماژول‌های سبک‌دار بسیاری برای ساختن هر نوع وب‌سایت تجاری و ایجاد صفحات بخش جدید است. حتی ویژگی‌های اضافی را اضافه می‌کند تا به فروشگاه یا کسب‌وکار شما کمک کند برجسته شود. در این پست نگاهی دقیق‌تر به تم Milly Child خواهیم داشت تا به شما کمک کنیم تصمیم بگیرید که آیا تم کودک Divi برای نیازهای شما مناسب است یا خیر.

تم Milly Child را نصب کنید

ابتدا، ما بررسی خواهیم کرد که نصب Milly چقدر آسان است. نصب تم کودک Milly آسان بود. ابتدا برو به ظاهر > تم ها و انتخاب کنید یک مورد جدید اضافه کنید.

1. ظاهر
2. تم ها
3. یک مورد جدید اضافه کنید

دوم، با فعال بودن Divi، تم فرزند را مانند هر تم دیگری آپلود کنید. انتخاب کنید یک موضوع را آپلود کنید، یک فایل را انتخاب کنیدبه فایل بروید، انتخاب کنید آی تیو کلیک کنید الآن نصب کن.

1. یک موضوع را آپلود کنید
2. یک فایل را انتخاب کنید
3. الآن نصب کن

سوم، پس از اتمام آپلود طرح زمینه کودک، فعال کردن آی تی.

1. شما فعال کنید

چهارم، شما باید محتوای دمو را وارد کنید. این باعث می شود وب سایت شما مانند نسخه آزمایشی اما بدون تصاویر به نظر برسد. در عوض، یک تصویر ساختگی با اندازه مورد نیاز برای آن مکان نمایش می دهد. برای وارد کردن محتوای آزمایشی، به عزیز > واردات نسخه ی نمایشی، همه فایل ها را انتخاب کنید می خواهید وارد کنید (توصیه می کنم این را در حالت پیش فرض بگذارید) و وارد کردن محتوای آزمایشی. همچنین WooCommerce را برای شما نصب و فعال می کند. WooCommerce به طور پیش فرض انتخاب شده است.

1. عزیز
2. واردات نسخه ی نمایشی
3. انتخاب خود را انجام دهید
4. وارد کردن محتوای آزمایشی

پنجم، حذف پنل واردات نسخه ی نمایشی این کار داشبورد شما را تمیز می‌کند تا دیگر پیوندهایی نداشته باشید که به آن‌ها نیاز ندارید.

در نهایت تم کودک Milly آماده استفاده است. در اینجا صفحه اصلی پس از وارد کردن محتوای آزمایشی است. در مرحله بعد، بیایید نگاهی به آنچه شامل می شود بیندازیم.

صفحات و طرح‌بندی‌های با موضوع Milly Child

ابتدا به صفحات و طرح‌بندی‌ها می‌پردازیم. Milly شامل بسیاری از قالب های بازاریابی است. این شامل چهار صفحه اصلی است که بر اساس انواع مختلف مدل های تجاری ساخته شده اند. همچنین شامل صفحه درباره، صفحه پروژه، صفحه مطالعه موردی، صفحه فروش، صفحه فرود خدمات، منابع، تماس، سؤالات متداول، وبلاگ و صفحات فروشگاه است.

صفحات

بیش از 30 صفحه به وب سایت شما اضافه شده است. اینها شامل چندین صفحه اصلی، صفحات استاندارد سایت و بسیاری از صفحات تجارت الکترونیکی است. صفحات اصلی شامل یک صفحه پیش فرض، یکی برای فریلنسرها، یکی برای تجارت الکترونیک و دیگری برای آژانس تجاری است.

این صفحه اصلی پیش فرض است. این شامل یک CTA در سمت چپ و یک تصویر در سمت راست است که مکان نما را دنبال می کند. بخش‌های دیگر شامل پیام‌های تبلیغاتی است که مزایا را نشان می‌دهد، شمارنده‌های اعداد، یک CTA، یک ویدیوی جاسازی‌شده، مجموعه متفاوتی از پیام‌های تبلیغاتی با نمادهای بزرگ، یک CTA کوچک دیگر، و یک نوار لغزنده محصول. ما این عناصر را در حین بررسی ویژگی ها خواهیم دید. دارای طرح رنگ سفید با پس زمینه خاکستری تیره است.

این صفحه اصلی فریلنسرها/کارآفرینان است. این یکی دو CTA در سمت چپ و یک تصویر کوچکتر در سمت راست دارد. همچنین شامل بخش تبلیغات رایگان، تبلیغات کلیکی، لغزنده ارجاع، لغزنده پروژه و CTA است.

در اینجا صفحه اصلی کسب و کار/آژانس است. به جای بخش قهرمان با CTA، پیام های تبلیغاتی با تاکید بر خدمات دارد. ماوس را روی یکی می‌گذارم تا اثر شناور آن را نشان دهم. این صفحه اصلی شامل یک بخش وبلاگ بزرگ، CTA، شمارنده اعداد، آرم مشتری و CTA با مراحل است. یک بخش پس زمینه سبز روشن اضافه می کند. این مثال همچنین آیکون های سفارشی را نشان می دهد.

در اینجا نگاهی به صفحه اصلی تجارت الکترونیکی داریم. تصویر کاراکتر را در سمت چپ با CTA در سمت راست قرار می دهد. همچنین از یک بخش فروشگاه بزرگ برای نمایش محصولات، مزایا، نوار لغزنده ارجاع و CTA فروشگاه دو محصول استفاده می کند.

کتابخانه دیوی

135 طرح بندی به کتابخانه Divi اضافه شده است. اینها شامل تمام قالب هایی است که در صفحات دیگر و در تم ساز استفاده می شود. آنها همچنین شامل آیکون ها هستند. بیایید به طور تصادفی به چند مورد نگاه کنیم. من طرح‌بندی‌های WooCommerce را برای بخش دیگری ذخیره می‌کنم.

این مثال یک نوار لغزنده ارجاع را نشان می دهد. توصیه ها مانند نقشه ها ساخته می شوند.

در اینجا یک نوار لغزنده دیگر است. این نشان‌واره‌های مشتری را نشان می‌دهد.

این طرح یک پوشش بازشو است. این یک CTA با یک تصویر و یک دکمه است.

این طرح یک نوار تبلیغاتی است. شامل CTA به فروشگاه است. این نوار در صفحه فروشگاه گنجانده شده است. در این صفحه، تا زمانی که به اندازه کافی پیمایش نکنید، در پایین صفحه می ماند و سپس با صفحه اسکرول می شود.

این برگه یک جدول زمانی را در یک طرح بندی متغیر نمایش می دهد.

این یک نمونه پروژه را نشان می دهد. شامل نوار لغزنده

این مثال یک جدول قیمت را نشان می دهد.

این بخش شامل یک ویدیوی تعبیه شده است و مراحل را فهرست می کند. همچنین دارای دکمه ای برای اشتراک گذاری ویدیو است.

در اینجا یک پوشش دیگر است. این شامل یک ویدیو و یک دکمه است.

این طرح یک نوار کناری است. شامل تصویر دایره و دکمه برای کسب اطلاعات بیشتر.

سازنده تم

13 طرح بندی در Divi Theme Builder وجود دارد. اینها عبارتند از سرصفحه ها و پاورقی ها، طرح بندی بدنه برای پست های تمام عرض و نوار کناری، صفحه فروشگاه، صفحات محصول و صفحه 404. برخی از آنها اختصاص داده نشده اند، بنابراین می توانید طرح بندی هایی را که می خواهید استفاده کنید اختصاص دهید.

طرح بندی همه پست ها شامل یک تصویر برجسته بزرگ است که با پس زمینه همپوشانی دارد. همچنین شامل مقالات قبلی و بعدی، پست های مرتبط و فرم ثبت نام ایمیل می باشد.

طرح بدنه محصول یک تصویر بزرگ محصول را با گالری و توضیحات زیر تصویر برجسته در سمت چپ نمایش می دهد. سمت راست شامل تمام اطلاعات و گزینه های محصول است. سمت راست تا پایان توضیحات در جای خود باقی می ماند. همچنین شامل محصولات مرتبط، توصیه ها و اطلاعات حمل و نقل است.

اینجا صفحه 404 است. شامل انیمیشن شناور نماد است.

قیف فروش تم کودک Milly

Milly شامل سه کیت بازاریابی است: وبینار، چالش، و فهرست سازی. اینها شامل صفحاتی برای ایجاد کمپین های بازاریابی است.

این کیت لیست ساز شامل صفحه فرود رایگان، تایید ثبت نام ایمیل و ارسال رایگان است. این مثال از صفحه نمایشی است، بنابراین می توانید ببینید که چگونه با تصاویر به نظر می رسد.

این کیت وبینار شامل ثبت نام، تایید و پخش مجدد است. در اینجا نگاهی به صفحه نمایشی آن داریم.

این مجموعه چالش شامل ثبت نام، تایید و چالش داخلی است. عناصر تصویر به طور مستقل در حالت انتظار حرکت می کنند.

هدر شامل منوهای فرعی، CTA و نمادهای سفارشی WooCommerce، از جمله تعداد محصول برای نماد سبد خرید است. CTA شامل یک انیمیشن برای جلب توجه است. همچنین شامل یک پنجره پاپ آپ است. در برخی از صفحات، مانند صفحه فروشگاه، هدر زیر قسمت قهرمان قرار می گیرد. با صفحه اسکرول می شود و وقتی به آن قسمت می رسد به بالای صفحه می چسبد.

نمادهای تم Milly Child

بیش از 20 طرح‌بندی در کتابخانه Divi نمادهای سفارشی هستند. این چند آیکون سفارشی را نشان می دهد. بیشتر نمادها یک دایره سبز در مرکز دارند.

این مثال بقیه آیکون ها را نشان می دهد.

آنها با ماژول های کد ایجاد می شوند. این مثال یک فلش تیره را نشان می دهد. می توانید آنها را از کتابخانه Divi به عنوان ماژول بارگذاری کنید.

صفحات و طرح‌بندی‌های WooCommerce با موضوع Milly Child

در ادامه، بیایید نگاهی به ویژگی های WooCommerce بیندازیم. Milly شامل چندین صفحه محصول و نوار لغزنده از پیش طراحی شده برای نمایش محصولات شما است. همچنین شامل یک سبد خرید سفارشی، صفحه حساب، و صفحه پرداخت است. بیایید به چند مورد از آنها نگاه کنیم.

صفحه فروشگاه

صفحه فروشگاه شامل یک بخش قهرمان با CTA است. نوار تبلیغاتی ابتدا در پایین صفحه چسبانده می شود.

پیمایش سربرگ را نشان می دهد. این بخش شامل یک نوار لغزنده محصول است.

محصولات مرتبط نیز با اسلایدر محصول نمایش داده می شوند.

این مثال اسلایدر فروش را نشان می دهد. نوار تبلیغاتی اکنون با صفحه حرکت می کند.

سبد خرید

صفحه سبد خرید شامل آیکون‌های روبانی است که نشان می‌دهد کجا در این فرآیند هستید.

گزینه های تم Milly

در نهایت، گزینه های تم را بررسی خواهیم کرد. Milly یک برگه به ​​گزینه های تم Divi اضافه می کند. در اینجا می توانید چندین گزینه را انتخاب و تنظیم کنید.

رنگ ها

بخش Colors به ​​شما این امکان را می دهد که رنگ ها را برای عناصر و سرفصل های تیره، عناصر تیره و متن بدنه و سه رنگ مختلف برای لهجه ها انتخاب کنید. با کلیک بر روی یک رنگ یک انتخابگر رنگ باز می شود که در آن می توانید رنگ مورد نظر خود را انتخاب کنید.

پوشش ها

Milly می تواند از هر تب به عنوان یک پنجره بازشو استفاده کند. آنها با کلیک فعال می شوند. به سادگی کلاس CSS را به بخش و عنصری که می خواهید بازدیدکنندگان شما روی آن کلیک کنند اضافه کنید. این به این معنی است که می توانید با Divi Builder یک پاپ آپ با هر طرح یا طرح سفارشی که می خواهید ایجاد کنید. بخش Overlays شامل تنظیمات رنگ پس‌زمینه، محو کردن پس‌زمینه، بستن با کلیک، بستن با کلید خروج، بستن نماد، بستن رنگ نماد و پنهان کردن پوشش‌ها در سازنده است.

پیش بارگیری کنید

قسمت preload به شما امکان می دهد پیش بارگذاری را فعال کرده و گزینه های آن را انتخاب کنید. گزینه ها شامل انیمیشن، رنگ و رنگ پس زمینه است.

تنظیمات

تب گزینه ها به شما امکان می دهد افکت اختلاف منظر را فعال کنید و چرخ فلک ها و لغزنده ها را فعال کنید.

کلاس های CSS Milly

علاوه بر این، 11 کلاس CSS دیگر به تم کودک Milly اختصاص داده شده است که به شما امکان می دهد نحوه کارکرد آن را سفارشی کنید. شما می توانید لیست را در اسناد پیدا کنید. کلاس CSS را در قسمت پیشرفته تب جایی که می خواهید از آن استفاده کنید قرار دهید.

تم Milly Child را از کجا بخریم

تم Milly Child در بازار Divi موجود است. به طور معمول 97 دلار هزینه دارد و شامل استفاده نامحدود از وب سایت، 30 روز ضمانت بازگشت وجه، و یک سال پشتیبانی و به روز رسانی است.

پایان افکار در مورد میلی چایلد

این برداشت ما از تم Milly Child برای Divi است. طراحی تمیز است و من استفاده از Milly را آسان یافتم. این ویژگی ها تمرکز فروش قوی دارند و برای هر کسی که به دنبال راه اندازی یک وب سایت تجارت الکترونیک یا جذب سرنخ و هدایت آنها از طریق قیف فروش است، ایده آل است. من با تعداد صفحات و ویژگی ها تحت تاثیر قرار گرفتم. من به خصوص از پیش بارگذاری و همپوشانی بازشو خوشم می آید. اگر به تم کودک برای تجارت علاقه دارید، تم کودک Milly ارزش بررسی را دارد.

ما می خواهیم از تو بشنویم. آیا تم Milly Child را برای Divi امتحان کرده اید؟ نظر خود را در مورد آن در نظرات با ما در میان بگذارید.