هی دیوی ملت! از اینکه برای قسمت بعدی طرح هفتگی Divi Design Initiative به ما ملحق شدید متشکریم، جایی که ما هر هفته موارد جدید را به شما هدیه می دهیم. ما اخیراً یک بسته چیدمان کاملاً جدید Home Baker را به اشتراک گذاشتیم. برای کمک به شما در راه اندازی و راه اندازی وب سایت خود در اسرع وقت، ما یک الگوی سرصفحه و پاورقی جهانی را به اشتراک می گذاریم که کاملاً با این بسته طرح بندی نیز مطابقت دارد! امیدوارم ازش خوشتان بیاید.

طراحی سربرگ

طراحی پاورقی

الگوی سرصفحه و پاورقی جهانی بسته طرح‌بندی Home Baker را دانلود کنید

برای استفاده از قالب رایگان سرصفحه و پاورقی جهانی، ابتدا باید آن را از طریق دکمه زیر دانلود کنید. برای دسترسی به دانلود، باید با استفاده از فرم زیر در لیست ایمیل Divi Daily ما مشترک شوید. به‌عنوان یک مشترک جدید، هر دوشنبه بیشتر Divi خوبی و بسته Divi Layout رایگان دریافت خواهید کرد! اگر قبلاً در لیست هستید، فقط آدرس ایمیل خود را در زیر وارد کنید و روی دانلود کلیک کنید. شما “دوباره مشترک” نخواهید شد یا ایمیل های اضافی دریافت نمی کنید.

نحوه آپلود قالب

به Divi Theme Builder بروید

برای آپلود قالب، به Divi Theme Builder در باطن وب سایت وردپرس خود بروید.

یک الگوی جهانی پیش فرض وب سایت بارگذاری کنید

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

به تب import بروید، فایل JSON را که توانستید در این پست دانلود کنید آپلود کنید و روی “Import Divi Theme Builder Templates” کلیک کنید.

تغییرات را در Divi Theme Builder ذخیره کنید

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

نحوه تغییر قالب

عناصر قالب Divi Home Baker Header

قالب هدر Divi Home Baker دارای چندین ماژول Divi است. شما می توانید ماژول های ذکر شده را برای مطابقت با برند، کسب و کار و نیازهای وب سایت خود ویرایش کنید. در زیر به شش عنصری که یک الگوی سرصفحه را می‌سازند نگاه می‌کنیم:

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

ماژول های پارتیشن اولیه

1. لوگو (ماژول منو): لوگو از طریق ماژول منو پر می شود. می توانید از ویژگی فیلدهای پویا سازنده Divi برای دانلود لوگوی سایت خود استفاده کنید یا می توانید لوگوی خود را مستقیماً در منو آپلود کنید.
2. منو (ماژول منو): شما می توانید یک منو از سایت خود برای پر کردن در این ماژول انتخاب کنید.
3. دکمه (ماژول دکمه): ماژول دکمه به عنوان یک فراخوان عمل می کند

ماژول های بخش ثانویه

4. CTA شماره 1 (ماژول متنی): این ماژول متنی در حال حاضر دارای ساعات کاری است، اما می‌توانیم آن را به شکلی که می‌خواهیم ویرایش کنیم
5. پیوندهای رسانه های اجتماعی (ماژول ردیابی رسانه های اجتماعی): برای افزودن و اتصال شبکه های اجتماعی انتخابی خود، این ماژول را ویرایش کنید
6. CTA شماره 2 (ماژول متنی): ماژول متن دیگری که می توانیم از آن به عنوان مکانی برای قرار دادن شعار یا تبلیغات دیگر استفاده کنیم

قالب هدر را باز کنید

برای اصلاح عناصر قالب سرصفحه جهانی، با باز کردن الگو شروع کنید.

منوی خود را انتخاب کنید

منوی دلخواه خود را در ماژول منو انتخاب کنید.

یک لوگوی سفارشی بارگذاری کنید

در همان ماژول منو، لوگوی سفارشی خود را انتخاب یا آپلود کنید

مقصد دکمه به‌روزرسانی

این هدر یک دکمه در گوشه سمت راست بالای منوی اصلی دارد. تنظیمات دکمه را باز کنید و URL پیوند را به مقصد مورد نظر خود به روز کنید. همچنین می‌توانید از همان مدال تنظیمات برای ویرایش متن دکمه استفاده کنید.

فعال/غیرفعال کردن نمادهای جستجو و سبد خرید

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

اضافه کردن محتوا به CTA #1 و CTA #2

در سمت راست و چپ ناحیه هدر ثانویه، ماژول‌های متنی قرار دارند که می‌توان آن‌ها را با محتوا به دلخواه ویرایش کرد. در قالب از ماژول متن سمت چپ برای نمایش ساعات کاری نانوایی استفاده می کنیم. در سمت راست، ما از ماژول متن برای به اشتراک گذاشتن شعار شرکت با شکلک های زیبا استفاده می کنیم. با توجه به ارتفاع بخش هدر ثانویه، ممکن است ویرایش ماژول ها با استفاده از نمای Wireframe Divi Theme Builder با این بخش آسان تر باشد.

شبکه ها و پیوندهای رسانه های اجتماعی خود را اضافه کنید

ماژول Social Media Tracker را برای ویرایش، افزودن یا حذف شبکه های رسانه اجتماعی که می خواهید در هدر خود نمایش دهید باز کنید. فراموش نکنید که پیوندهای صحیح را به حساب های رسانه های اجتماعی مختلف خود نیز اضافه کنید!

قالب پاورقی را باز کنید

با باز کردن پاورقی جهانی در قالب پیش فرض وب سایت ادامه دهید.

عناصر قالب پاورقی Divi Home Baker

برخلاف قالب هدر Divi Home Baker، قالب فوتر از چهار بخش تشکیل شده است. اما نترس! بخش اولیه دارای دو ستون است و سه بخش باقیمانده فقط یک ماژول در خود دارند. باز هم می‌توانیم از Wireframe View استفاده کنیم که به‌شدت توصیه می‌شود، مخصوصاً هنگام ویرایش سه بخش آخر.

تفکیک بخش ها و ماژول ها در فوتر

1. ماژول گزینه ایمیل: عنوان، متن متن را ویرایش کنید و مطمئن شوید که پلت فرم بازاریابی ایمیلی انتخابی خود را به ماژول مرتبط کرده اید
2. ماژول متن: عنوان را با توجه به نیاز خود تغییر دهید
3. ماژول های حاشیه نویسی: در اینجا ما سه ماژول تبلیغاتی داریم که برای نمایش اطلاعات تماس شما استفاده می شود.
4. ماژول زیر شبکه های اجتماعی: همانند ماژول هدر، می توان از این ماژول برای پیوند دادن به حساب های رسانه های اجتماعی خود استفاده کرد
5. ماژول منو: منوی خود را در پاورقی اینجا انتخاب کنید.
6. ماژول متن: در نهایت فراموش نکنید که متن زیر را در این ماژول متنی ویرایش کنید تا اطلاعات کپی رایت خود را وارد کنید

راه حل بازاریابی ایمیلی خود را وصل کنید

ابتدا راه حل بازاریابی ایمیلی انتخابی خود را به ماژول ایمیل متصل کنید.

اطلاعات تماس خود را اضافه کنید

در سه ماژول تبلیغاتی، می توانید نمادها و متن را ویرایش کنید. کتابخانه‌های نماد موجود در Divi را مرور کنید و محتوای خود را اضافه کنید.

حساب های رسانه های اجتماعی خود را متصل کنید

پیوندهایی را به حساب های رسانه های اجتماعی خود در ماژول ردیاب رسانه های اجتماعی اضافه کنید.

منوی خود را در فوتر انتخاب کنید

منوی خود را در فوتر انتخاب کنید.

تغییر محتوای نویسنده

برای ویرایش قسمت کپی رایت، به تابع فیلد پویا در ماژول متن می رویم.

روی چرخ دنده زیر عنوان بدنه کلیک کنید. در کادر مودال بازشو، باید محتوای موجود در کادر متنی After را ویرایش کنید.

رایگان های جدید هر هفته!

امیدواریم از بسته چیدمان Home Baker و Header & Footer رایگان همراه با آن لذت برده باشید. ما مشتاقانه منتظر شنیدن نظرات شما در بخش نظرات زیر هستیم. حتماً هفته آینده برای رایگان بیشتر بررسی کنید!