Divi Footers Pack یک افزونه شخص ثالث برای Divi با بیش از 80 طرح پاورقی سفارشی است. پاورقی قسمتی است که اغلب در هر وب سایت وردپرس نادیده گرفته می شود. بسته طرح بندی مانند این می تواند فرآیند طراحی فوتر را آسان تر کند. در این پست نگاهی به Divi Footers Pack می اندازیم تا به شما کمک کنیم تصمیم بگیرید که آیا محصول Divi مناسب برای نیازهای شما است یا خیر.

طرح‌بندی‌های Divi Footers Pack فایل‌های JSON هستند که می‌توانند در کتابخانه Divi شما آپلود شوند. ابتدا فایل را دانلود و از حالت فشرده خارج کنید. 82 فایل JSON را در پوشه زیپ نشده خود خواهید دید.

1. دانلود
2. از حالت فشرده خارج کنید

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

1. وحشی
2. کتابخانه دیوی
3. واردات و صادرات
4. واردات
5. یک فایل را انتخاب کنید
6. طرح بندی های Divi Builder را وارد کنید

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

در اینجا نگاهی به برخی از طرح‌بندی‌های فوتر داریم. من آنهایی را انتخاب کردم که بیشتر از همه برایم متمایز بودند. من آنها را توصیف می کنم و به آنچه در آنها بیشتر دوست دارم اشاره می کنم. خواهیم دید که آنها در قسمت جلویی با چیدمان Divi چگونه به نظر می رسند. وایرفریم و نمای موبایلی را برای برخی از آنها نشان خواهم داد. من از صفحه فرود از بسته طرح بندی رایگان Coworking برای همه نمونه ها استفاده می کنم.

Footer Design 1 اولین طرح پاورقی در مجموعه Divi Footers است. منوی پاورقی را در سمت چپ با اعلامیه حق چاپ در زیر آن نشان می دهد. در سمت راست نمادهای رسانه های اجتماعی هستند. همه چیز قرمز است.

در اینجا به نظر می رسد از جلو.

این دومین پاورقی در بسته طرح بندی است. این طرح ساده و تمیز با رنگ هایی دارد که با هم عالی کار می کنند.

طراحی پاورقی 7 شامل یک پس‌زمینه گرادیان آبی است و دکمه‌های فروشگاه برنامه را در بالای بقیه محتوای فوتر اضافه می‌کند. این یکی هنوز بسیار کوچک است و طرح بندی را با محتوای بیش از حد در یک فضای کوچک بارگذاری نمی کند.

بسیاری از طرح‌بندی‌های پاورقی شامل ماژول‌های کد برای اضافه کردن یک ظاهر طراحی سفارشی هستند. این Footer Design 12 است. همچنین شامل یک پس‌زمینه گرادیان است و یک فرم ایمیل بزرگ اضافه می‌کند.

طراحی پاورقی 14 چهار ستون با لینک، منو و وبلاگ را نشان می دهد. این یکی همچنین شامل یک ماژول کد یک ظاهر طراحی شده است. در اینجا ماژول منبع باز wireframe است.

در اینجا به نظر می رسد از جلو. فضای سفید زیادی در اطراف ستون ها وجود دارد. این وبلاگ دو پست را با تصاویر کوچک نشان می دهد. پس‌زمینه سفید و متن کوچک به این ظاهر و حسی باکلاس می‌دهد.

طراحی پاورقی 16 چندین ردیف را در ستون های مختلف اضافه می کند. این یکی نیز شامل کد سفارشی است. اینجا وایرفریم است.

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

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

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

Footer Design 25 طرح دیگری با تصویر پس زمینه است. این امر فضای زیادی را در زیر پیوندها اضافه می کند تا فضایی برای نمایش تصویر پس زمینه فراهم کند.

Footer Design 26 از یک تب مخصوص برای ایجاد یک طرح چند ستونی استفاده می کند. اینجا وایرفریم است.

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

Footer Design 30 اطلاعات تماس را در بلوک های بزرگ با حاشیه های سفید نمایش می دهد. پس زمینه بلوک ها با پس زمینه بخش مطابقت دارد. این یکی ساده و تمیز است و فقط اطلاعات محدودی ارائه می دهد.

Footer Design 34 از پس زمینه قهوه ای با متن سفید استفاده می کند. طرح شامل سه ستون از اطلاعات تماس قابل کلیک است. پس‌زمینه نمادهای اجتماعی به اندازه‌ای برجسته است که توجه را به خود جلب کند.

طراحی پاورقی 37 شامل یک تصویر پس زمینه با فرم تماس و اطلاعات تماس در پیش زمینه است. این یکی عناصر را به بخش هایی با حاشیه های زرد در اطراف هر بخش تقسیم می کند. نمادها، دکمه ارسال و پس‌زمینه بخش رسانه‌های اجتماعی زرد هستند. پس‌زمینه پشت اطلاعات تماس مات‌تر است و آن را از بقیه محتوای فوتر متمایز می‌کند.

Footer Design 38 محتوا را در مرکز یک دایره بزرگ با پس زمینه ای حتی تیره تر در پشت آن نشان می دهد. محتوای مرکزی دارای تفکیک کافی است تا چیزی در طرح بندی گم نشود. رنگ فونت و نماد در پس زمینه خاکستری تیره عالی عمل می کند.

Footer Design 41 همچنین از بخش Specialty برای ایجاد یک طرح چند ستونی استفاده می کند. این نمای wireframe است.

در اینجا به نظر می رسد از جلو. دارای پس‌زمینه آبی/خاکستری تیره با متن سفید است که برجسته است. فرم ایمیل کوچک است و به خوبی با منطقه مطابقت دارد. ناحیه اطلاعاتی دارای پس‌زمینه سبک‌تری است، بنابراین از هر چیز دیگری متمایز است.

Footer Design 43 یک تصویر پس زمینه با پوشش سبز تیره ارائه می دهد که برجسته است. منو و آدرس در مرکز قرار می گیرند و از یکدیگر متمایز می شوند. نمادهای رسانه های اجتماعی طلایی پررنگ هستند و نمادهای کوچک را برجسته می کنند. من متن سفید و آیکون های طلایی روی پس زمینه سبز را دوست دارم.

Footer Design 46 شامل یک طرح دو ستونی برای بدنه فوتر است. این شامل یک ستون بزرگتر با فرم تماس است که با طراحی فوتر ترکیب می شود. دکمه، عناوین و نمادها به رنگ سبز هستند و در پس زمینه بژ به خوبی خودنمایی می کنند و توجه را از هر چیز دیگری منحرف می کنند.

طراحی پاورقی 52 شامل پس زمینه خاکستری تیره با بخش ها و ستون های متعدد برای ارائه اطلاعات تماس و لینک های منو است. متن سفید است و شامل عناوین بزرگ و پیوندهای کوچک است. این یکی همچنین شامل نمادهایی با اطلاعات تماس است.

Footer Design 55 ساده است و فقط کار می کند. تمرکز اصلی یک CTA با متن بزرگ و یک آدرس ایمیل قابل کلیک است. فضای منفی زیادی برای جلب توجه به CTA وجود دارد. همچنین شامل یک منو و اعلامیه حق چاپ است.

Footer Design 59 دارای یک طرح دو ستونی با متن در سمت چپ و یک فرم تماس در سمت راست است. یک خط عمودی آنها را از هم جدا می کند. دارای پس‌زمینه مشکی با برجسته‌های آبی روشن برای عناوین، دکمه فرم تماس و نمادهای رسانه‌های اجتماعی است. نوار پایینی با همان پس‌زمینه آبی روشن، اعلامیه حق چاپ را نشان می‌دهد.

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

Footer Design 67 طرح جالبی دارد. Wireframe چندین ستون را نشان می دهد، اما برخی عمدا استفاده نمی شوند.

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

Footer Design 69 یکی از بزرگترین فوترهای مجموعه Divi Footers است. شامل دو بخش بزرگ است. هر دو دارای پس‌زمینه آبی و متن طلایی هستند. بخش بالایی یک تصویر با عرض کامل را نشان می دهد. این بخش CTA را ایجاد می کند. بخش دوم شامل عناصر پاورقی استاندارد با اطلاعات تماس، پیوندها و فرم ایمیل است. متن سفید و طلایی با پس زمینه آبی کاملاً کار می کند.

طراحی پاورقی 77 نیز شامل دو بخش است. بخش بالایی اطلاعات تماس را در کادرهای متنی بزرگ و نمادهای قابل کلیک نمایش می دهد. پس زمینه آنها شامل رنگ های مختلف است و از همه چیز متمایز است. بخش پاورقی شامل چهار ستون با محتوای پاورقی استاندارد به رنگ سفید در پس‌زمینه آبی است. نمادهای رسانه های اجتماعی در زیر فرم ایمیل قرار دارند.

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

Footer Design 81 دارای یک پس‌زمینه آبی بزرگ با اطلاعات تماس سبک در مرکز با گوشه‌های گرد است. اطلاعات تماس دارای یک طرح دو رنگ با تصویری است که روی رنگ ها همپوشانی دارد. قسمت بالایی شماره تلفن را به صورت متن بزرگ در پس زمینه آبی نشان می دهد. قسمت پایینی شامل یک پس‌زمینه سفید با پیوند ایمیل و پیوندهای رسانه‌های اجتماعی در زیر تصویر و یک فرم تماس در طرف دیگر است. من قاب مربعی برای نمادهای اجتماعی را دوست دارم.

در اینجا به نظر می رسد در یک دستگاه تلفن همراه است. همه ستون ها مرتب شده اند. فرم تماس با عرض صفحه نمایش مطابقت دارد.

بسته Divi Footers با قیمت 19 دلار در بازار Divi موجود است. این شامل استفاده نامحدود از وب سایت، یک سال پشتیبانی و به روز رسانی، و 30 روز ضمانت بازگشت وجه است.

این برداشت ما از Divi Footers Pack برای Divi Builder است. بسیاری از طرح های فوتر از پیش ساخته شده در این بسته وجود دارد. ما فقط به چند مورد از طرح‌بندی‌ها در این پست نگاه کرده‌ایم، اما این باید به شما ایده خوبی درباره عملکرد آنها با هر طرح‌بندی Divi بدهد. استفاده از آن‌ها آسان است، اما اگر می‌خواهید بیش از چند طرح‌بندی استفاده کنید، توصیه می‌کنم همه آن‌ها را به یکباره آپلود کنید. همه چیدمان ها حرفه ای به نظر می رسند و طیف گسترده ای از طرح ها را برای انتخاب دارند.

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

ما در میانه یک پروژه عظیم، Divi 5 هستیم، و من دوست دارم هر ماه جامعه را در مورد پیشرفت خود به روز کنم. ماه گذشته، ما به پنج مرحله برنامه Divi 5 بتا پرداختیم تا بهتر درک کنیم که چگونه به سودمندترین روش برای کاربران Divi به چنین پروژه بزرگی نزدیک می شویم. ما در فاز 1، Dev Alpha هستیم، و به راه‌اندازی Dev Beta نزدیک می‌شویم، در این مرحله API جدید Divi 5 محکم می‌شود. ما از توسعه دهندگان بیشتری دعوت خواهیم کرد تا به این برنامه بپیوندند، زیرا برای اولین نسخه عمومی در اواخر امسال تلاش می کنیم.

در به‌روزرسانی این ماه، در مورد به‌روزرسانی‌هایی که برای Divi 5 ایجاد کرده‌ایم صحبت خواهیم کرد. همچنین به شما نشان می‌دهم که Divi 5 چقدر سریع است، و سپس نگاهی اجمالی به ویژگی Divi AI آینده ما می‌دهم! بیایید حفاری کنیم.

کاری که در این ماه انجام دادیم

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

بیشتر کار ما بر روی تقویت Divi 5 API متمرکز شده است که هدف نسخه‌های Dev Beta است. روند کلی در اینجا این است که ما در حال ایجاد پایه ای هستیم تا ایجاد ماژول ها و ویژگی های Divi عالی را برای تیم خود و جامعه توسعه آسان تر کنیم. ما باید این قسمت را به درستی انجام دهیم تا بقیه چیزها همانطور که می خواهیم در جای خود قرار بگیرند.

ما روی یکپارچه سازی و ساده سازی REST API جدید Divi 5 کار کرده ایم. چندین ویژگی جدید و پیاده سازی آنها را تکمیل کرده ایم که هدف آن کاهش قابل توجه زمان لازم برای ایجاد یک ماژول Divi است. باز هم، ما در سطح پایه کار اضافی انجام می دهیم تا بقیه پروژه Divi 5 سریعتر پیش برود و ماژول ها و ویژگی هایی که بعد از Divi 5 اضافه می کنیم سریعتر توسعه یابد.

ما همچنین روش تبدیل کد کوتاه Divi را دوباره کار کرده‌ایم، که نقش اساسی در سازگاری با عقب بازی خواهد داشت.

اگر به جزئیات دقیق‌تر علاقه دارید، در اینجا آخرین ورودی‌های تغییرات ثبت شده است:

Divi 5.0.0-dev-alpha.4

• رندر فیلدهای پس زمینه را در حالت تنظیمات ماژول Shortcode برطرف کنید
• رفع دید فیلدهای راه اندازی ماژول کد کوتاه با شرایط الگوی بیان منظم.
• اضافه شدن رندر رابط گزینه های جداکننده بخش.
• گزینه‌های شناور ثابت در ویژوال constructor و frontend برای گزینه‌های ماژول که چندین انتخابگر دارند به درستی کار نمی‌کنند.
• بسته @divi/scripts دوباره کار کرد و تست‌های اضافه شد
• منتشر شده انواع بسته npm در آماده سازی برای انتشار عمومی

Divi 5.0.0-dev-alpha.5

• به ماژول Shortcode اجازه دهید زمانی که درخواست قبلی به طور خودکار خاتمه می یابد درخواست دیگری ارسال کند.
• هنگامی که ماژول کد کوتاه فعلی چسبنده است، دکمه گزینه های چسبنده را رندر کنید.
• هنگامی که ماژول کد کوتاه فعلی داخل یک ماژول چسبنده است، دکمه گزینه های چسبنده را رندر کنید.
• مقدار پیش فرض استفاده نشده Record> در ماژول Shortcode تایپ کنید.
• رفع نادرست عناصر ماژول Woo Shortcode که در یک صفحه محصول نشان داده می شوند. ماژول‌های کد کوتاه تحت تأثیر قرار می‌گیرند: اطلاع‌رسانی محصول Woo، تصاویر محصول Woo، افزودن Woo Cart، در دسترس بودن محصول Woo، قیمت محصول Woo، محصولات مرتبط Woo، Woo Product Upsells، و Woo Products.
• نام ماژول Unsupported را به ماژول Shortcode به همراه ماژول Slug، مسیر REST API، برچسب، موارد تست و کتاب داستان تغییر دهید.
• فیلدهای ویدیوی پس زمینه در گزینه های پس زمینه ماژول اضافه شده است.
• رندر ویدیوی پس‌زمینه در Visual Builder بدون تماس REST API.
• اضافه شدن رندر گزینه های ماژول ویدیوی پس زمینه در Frontend.
• ScriptData را برای مقداردهی اولیه ویدیوی پس‌زمینه در Frontend اضافه کرد.
• پشتیبانی از گزینه های ماژول ویدئو پس زمینه Sticky State اضافه شده است.
• قابلیت مشاهده فیلدهای جداکننده را در گزینه‌های ماژول به‌روزرسانی کرد تا در صورت انتخاب سبک جداکننده، گزینه‌های اضافی پنهان شود.
• قابلیت مشاهده تنظیمات تکرار جداکننده افقی در گزینه های ماژول برای پنهان شدن برای گزینه های سبک جداکننده که به صراحت تکرار را رد می کنند، به روز شده است.
• نمایان بودن تنظیم ترتیب جداکننده را در گزینه‌های ماژول به‌روزرسانی کرد تا در تنظیمات بخش تمام عرض پنهان شود (که فقط مقدار پیش‌فرض “زیر” مجاز است).
• رندر فیلد سبک جداکننده را در گزینه‌های ماژول به‌روزرسانی می‌کند تا هرگونه چرخش افقی و/یا عمودی اعمال شده در حال حاضر روی جداکننده را منعکس کند.
• فیلد ارتفاع جداکننده را در گزینه های ماژول به روز کرد تا امکان ذخیره مقادیر درصد (“٪”) علاوه بر واحد پیکسل پیش فرض (“px”) فراهم شود.
• تنظیم تکرار جداکننده افقی را در گزینه های ماژول به روز کرد تا فقط مقادیر عدد مثبت (“1x” یا بالاتر) را بپذیرد.
• پایگاهی با گزینه‌های اصطلاحات اضافه شده، از جمله عبارت‌های اولیه برای نویسنده، وارد شده و نقش کاربر، و بقیه شرایط به تدریج در نسخه‌های بعدی اضافه می‌شوند.
• اضافه شده عنصر ElementComponents معادل ، اما برای عناصر HTML ارائه شده.
• تابع عنصرClassnames() معادل آن اضافه شد ، اما برای توابعی که نام کلاس ها را خروجی می کنند.
• رفع اشکال در سطح عنوان فونت.
• اخطارهای PHP ثابت در ماژول نمونه کارها راه اندازی شده است.
• پاسخ تماس صحیح مجوز REST به همه مسیرهای REST ثبت شده اضافه شده است.
• یک کلاس RoleEditor جدید برای تعریف نقش‌های Divi معرفی شده است، از جمله تست‌هایی برای عملکرد که از D4 به D5 دوباره کار شده است.
• ویژگی‌های .sendRequest() مانند اضافه کردن خودکار ET و WP nonce و پشتیبانی از پاسخ جریانی، به fetch() اضافه شده‌اند.
• Fetch() برای پشتیبانی و مقیاس پذیری بهتر کاملاً بازطراحی شده است و امکان معرفی شرایط و توابع جدید و پیچیده را فراهم می کند، به عنوان مثال. گزینه های .sendRequest()
• همه REST API فراخوانی‌های fetch()، logedFetch() و .sendRequest() یکپارچه شده‌اند و اکنون فقط ()logedFetch استفاده می‌شود.
• مکانیزم تبدیل ماژول دوباره کار شده

Divi 5.0.0-dev-alpha.6

• ثبت، منطق، طرحواره ها و تست های REST API بهبود یافته و ساده شده است. بسته divi/ajax به بسته divi/rest تغییر نام داد.
• اضافه شدن اجزای InlineTextEditorContainer و InlineTextEditor برای ویرایشگر متن درون خطی.
• کنترل کننده های onBlur، onClick، onDoubleClick، onKeyDown، onKeyUp، onMouseDown و onMouseUp برای ویرایشگر متن داخلی اضافه شده است.
• مکانیسم ذخیره برای به روز رسانی مقدار مشخصه از قسمت ویرایشگر متن درون خطی اضافه شد.
• کنترل‌کننده‌های رویداد اضافه شد تا حالت ویرایش را برای ویرایشگر متن داخلی فعال و غیرفعال کند.
• نام کلاس ها بر اساس فعال/غیرفعال کردن و سایر حالت ها مانند __empty، __edit، __html اضافه شده است.
• یک ظاهر طراحی CSS/inline برای ویرایشگر متن داخلی اضافه شده است.
• WindowEventEmitterInstance را برای افزودن شنونده رویداد mousedown تغییر داد.
• راهنما PHP برای محتوای واکنش گرا معرفی شده است.
• کمک کننده JS برای محتوای واکنش گرا معرفی شده است.
• قابلیت اضافه شده برای محتوای قابل تنظیم در اسکریپت های FE.
• اجرای محتوای تطبیقی ​​را به عناصر نام، موقعیت، تصویر و محتوای ماژول اعضای تیم اضافه کرد
• اجرای محتوای تطبیقی ​​را به عناصر درصد استفاده، درصد و عنوان ماژول نوار شمارنده اضافه کرد.
• اجرای محتوای پاسخگو در عنصر Button Text ماژول Button اضافه شده است.
• اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان و محتوای ماژول Toggle.
• اجرای محتوای پاسخگو به عنصر Text Inner ماژول Text اضافه شد.
• اجرای محتوای پاسخگو در عنصر عنوان ماژول Countdown Timer اضافه شده است.
• اجرای محتوای تطبیقی ​​را به عناصر عنوان، تصویر، نام هنرمند و نام آلبوم ماژول صوتی اضافه کرد.
• اجرای محتوای پاسخگو در عنصر محتوای ماژول کد اضافه شده است.
• اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان، محتوا و دکمه ماژول CTA.
• اضافه شدن اجرای محتوای پاسخگو در ماژول Image.
• اضافه شدن اجرای محتوای پاسخگو در عنصر عنوان ماژول Circle Counter.
• اضافه شدن اجرای محتوای پاسخگو در عنصر Title ماژول Number Counter.
• اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان و محتوای ماژول Tabs.
• اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان و محتوای ماژول ورود.
• اضافه شدن اجرای محتوای واکنشگرا در گزینه Show Divider ماژول Divider.
• اجرای محتوای پاسخگو به عنوان، زیرنویس، محتوا، تصویر لوگو، تصویر هدر، متن دکمه یک و متن دکمه دو عنصر ماژول هدر تمام عرض اضافه شده است.
• اضافه شدن اجرای محتوای پاسخگو در ماژول Fullwidth Image.
• اجرای محتوای پاسخگو را به عناصر عنوان و محتوای ماژول Portfolio اضافه کرد.
• کد مربوط به ماژول Shortcode را به بسته Shortcode Module منتقل کنید.
• یک رندر سبک عنوان فونت را به مؤلفه ElementStyle اضافه کنید.

سرعت Divi 5

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

اگرچه رابط Divi 5 به پایان نرسیده و سازنده ویژگی‌هایش را از دست داده است، من همچنان می‌خواستم نگاهی کوتاه به تفاوت عملکردی که مدام در مورد آن صحبت می‌کنم به شما بدهم. بنابراین لطفاً قضاوت نکنید که در این ویدیو چیزهایی که تغییر خواهند کرد چگونه به نظر می رسند و فقط روی سرعت تعاملات تمرکز کنید!

رارا

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

دستیابی به این سطح از سرعت در Divi 4 امکان پذیر نبود و این یکی از دلایل اهمیت این معماری جدید Divi 5 است.

به زودی: Divi AI

این برای به روز رسانی Divi 5 این ماه تمام شد. با این حال، من یک تیزر دیگر برای شما دارم. در حالی که تقریباً تمام تیم ما بر روی Divi 5 متمرکز شده‌اند، ما هنوز گروه کوچکی از افراد را داریم که روی ویژگی‌های Divi 4 کار می‌کنند که بر توسعه Divi 5 تأثیری نمی‌گذارد، و ما در حال حاضر روی چیزی بسیار هیجان‌انگیز کار می‌کنیم.

این Divi AI نامیده می شود و از مدل های زبان بزرگ برای کمک به شما در ایجاد محتوا، مانند متن و تصاویر، برای وب سایت های Divi خود درست در سازنده استفاده می کند! از آنجایی که در Divi ادغام شده است، می‌توانیم چیزهایی در مورد سازنده و وب‌سایت شما بیاموزیم تا به آنها کمک کنیم محتوای شما را به گونه‌ای که منطقی و فوق‌العاده بصری به نظر می‌رسد ایجاد یا ارتقا دهند.

رارا

ویدیوی امروز یوتیوب را برای نگاهی گذرا به هوش مصنوعی Divi ببینید.

با ما همراه باشید برای مطالب بیشتر

این برای گزارش پیشرفت ماه مه ما است. در صورت داشتن هر گونه سوال، نظر را فراموش نکنید. منتظر به روز رسانی ماه آینده باشید و بعد شما را ببینیم!

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

طراحی سربرگ

نمای دسکتاپ

نمای تبلت و موبایل

طراحی پاورقی

نمای دسکتاپ

نمای تبلت و موبایل

الگوی سرصفحه و پاورقی جهانی بسته چیدمان رستوران غذاهای دریایی را دانلود کنید

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

نحوه آپلود قالب رستوران غذاهای دریایی

به Divi Theme Builder بروید

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

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

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

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

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

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

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

سربرگ قالب رستوران غذاهای دریایی را باز کنید

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

لوگوی خود را آپلود کنید

لوگوی پیش فرض را به لوگوی خود تغییر دهید.

لوگوی خود را برای تبلت و موبایل به روز کنید

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

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

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

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

منوی خود را برای این ماژول منو نیز با تغییر به نمای تبلت انتخاب کنید، سپس منوی خود را انتخاب کنید.

URL های پیوند را به CTA اضافه کنید و متن را به روز کنید

این هدر دارای یک فراخوان متنی برای اقدام در بالا سمت چپ است. همچنین یک دکمه در بالا سمت راست وجود دارد. تنظیمات هر ماژول را باز کنید و در صورت لزوم به روز رسانی کنید. متن خود را برای دعوت به اقدام اضافه کنید.

فراموش نکنید که متن دکمه خود را نیز به روز کنید. همچنین، آدرس لینک مقصد مورد نظر خود را برای دکمه به روز کنید.

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

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

پیوند دادن یک حساب ایمیل مارکتینگ

ما یک ماژول گزینه ایمیل در فوتر این قالب داریم. ارائه دهنده خدمات بازاریابی ایمیلی خود را وصل کنید. این تضمین می کند که وقتی افراد از گزینه ایمیل شما استفاده می کنند، به خبرنامه ایمیل شما اضافه می شوند.

به روز رسانی اطلاعات حق چاپ

متنی که در ماژول متن دارای حق نسخه برداری پاورقی می آید باید به روز شود.

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

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

محتوای فوتر ثابت را در قالب رستوران غذاهای دریایی به روز کنید

شما باید بقیه محتوای پاورقی ثابت را بررسی و به روز کنید. این شامل اضافه کردن متن خود، به‌روزرسانی پیوندها، عنوان‌ها و غیره است.

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

امیدواریم از بسته چیدمان رستوران غذاهای دریایی و هدر و پاورقی رایگان همراه با آن لذت برده باشید. ما مشتاقانه منتظر شنیدن نظرات شما در بخش نظرات زیر هستیم. حتماً هفته آینده برای رایگان بیشتر بررسی کنید!

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

این بار تیم طراحی یک بسته چیدمان کالاهای خانگی زیبا ایجاد کرده است که به شما کمک می کند وب سایت بعدی کالاهای خانگی خود را در کمترین زمان راه اندازی کنید!

این بسته چیدمان شامل:

– 6 صفحه آرایی آماده که به صورت استراتژیک برای هر وب سایت کالاهای خانگی طراحی شده اند (از جمله طراحی پاورقی)
– عکس ها و گرافیک های اصلی و رایگان + فایل منبع سفارشی (به زیر مراجعه کنید)
– به‌علاوه، مجموعه‌ای بزرگ از عناصر وب‌سایت از پیش طراحی‌شده که می‌توان آن‌ها را سفارشی کرد و در هر مکانی دوباره استفاده کرد.

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

طراحی صفحه فرود

دمو طرح زنده را ببینید

طراحی صفحه اصلی

دمو طرح زنده را ببینید

طراحی صفحه فروشگاه

دمو طرح زنده را ببینید

درباره طراحی صفحه

دمو طرح زنده را ببینید

طراحی صفحه وبلاگ

دمو طرح زنده را ببینید

طراحی صفحه تماس

دمو طرح زنده را ببینید

توابع اساسی

آیا می خواهید فروشگاه یا بوتیک خانگی خود را با سبکی جدید به روز کنید؟ بسته چیدمان جدید Home Goods برای Divi یک مکان عالی برای شروع است. شما می توانید محصولات خود را به زیبایی با متن های بزرگ و تصاویر جالب، بخش های ویژه محصول، تماس موثر با تایمر شمارش معکوس و غیره به نمایش بگذارید.

تظاهرات زنده

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

1. صفحه فرود کالاهای خانگی (نمونه نمایشی زنده)
2. صفحه اصلی کالاهای خانگی (نمایشگر زنده)
3. صفحه فروشگاه کالاهای خانگی (نمایشگر زنده)
4. صفحه کالاهای خانگی (نمایشگر زنده)
5. صفحه وبلاگ کالاهای خانگی (نمایشگر زنده)
6. صفحه تماس با کالاهای خانگی (دمو زنده)

همین الان به این طرح دسترسی داشته باشید
مستقیماً از Divi Builder شما

از نسخه 3.0.99 Divi، می‌توانید هر یک از طرح‌بندی‌های موجود در این بسته (به همراه تمام بسته‌های طرح‌بندی آماده Divi) را مستقیماً از Divi Builder پیدا و وارد کنید. آنها از قبل منتظر شما هستند.

برای دسترسی به طرح‌بندی جدید، کافی است هنگام ویرایش یک صفحه، Visual Builder را فعال کنید و نماد «بارگیری از کتابخانه» را در نوار تنظیمات صفحه جستجو کنید (به نظر می‌رسد یک علامت مثبت است). روی این نماد کلیک کنید تا پنجره بازشو Load from Library باز شود. در تب Premade Layouts، با پیمایش در لیست بسته های طرح بندی، می توانید به راحتی طرح بندی جدید را پیدا کنید. هنگامی که بسته چیدمان کالاهای خانگی را پیدا کردید، روی آن کلیک کنید. تمام طرح‌بندی‌های جداگانه موجود در بسته را خواهید دید. طرح مورد نظر برای استفاده را انتخاب کنید و سپس روی دکمه “استفاده از این طرح” کلیک کنید.

برای اطلاعات بیشتر، این ویدیو را بررسی کنید تا یاد بگیرید چگونه می توانید امروز با این بسته طرح بندی شروع کنید.

در کانال یوتیوب ما مشترک شوید

احراز هویت لازم است

قبل از اینکه بتوانید طرح‌بندی‌های Premade را از کتابخانه Divi دانلود کنید، باید اشتراک Elegant Themes خود را احراز هویت کنید. شما می توانید این کار را با رفتن به Divi > گزینه های تم > به روز رسانی ها. در آنجا می توانید نام کاربری و کلید API خود را وارد کرده و تغییرات را ذخیره کنید.

می توانید کلید API خود را در قسمت اعضای سایت Elegant Themes پیدا کنید. هنگامی که نام کاربری و کلید API خود را وارد کردید، به کتابخانه ما از صدها طرح‌بندی رایگان (از جمله این یکی) دسترسی فوری خواهید داشت. اگر این کار را انجام نداده‌اید، وقتی برای وارد کردن طرح‌بندی صفحه خود کلیک می‌کنید، از شما خواسته می‌شود نام کاربری عضویت Elegant Themes و کلید API خود را وارد کنید.

از تصاویر طرح بندی به صورت رایگان و بدون محدودیت مجوز استفاده کنید

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

دارایی های تصویر با وضوح کامل را دانلود کنید

بسته طرح بندی جدید هر هفته!

امیدواریم این بسته چیدمان را دوست داشته باشید. ما مشتاقانه منتظر شنیدن نظرات شما در بخش نظرات زیر هستیم. فراموش نکنید که بسته طرح بندی هفته آینده را نیز بررسی کنید!

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

Divi Block چیست؟

Divi Block یک ابزار آنلاین کشیدن و رها کردن است که به شما امکان می دهد با نزدیک به 480 بلوک از پیش طراحی شده طرح بندی ایجاد کنید. هنگامی که طرح بندی را ایجاد کردید، می توانید آن را به عنوان یک فایل JSON بارگیری کنید و آن را در هر وب سایت Divi آپلود کنید.

Divi Block شامل:

• هدر بیلدر
• Layout Builder
• خالق پاورقی
• سرفصل های بخش
• طرح های ویژه ماژول
• نسخه های روشن و تاریک
• طرح های رنگی

می‌توانید طرح‌بندی‌های خود را در یک وب‌سایت Divi واقعی پیش‌نمایش کنید.

ابزار آنلاین Divi Block

طرح Divi Block شامل 4 منطقه است. من آنها را با توجه به عملکرد آنها نامگذاری کرده ام:

1. منوی جانبی – منوی اول به شما امکان می دهد بلوک ها را اضافه و ویرایش کنید، صفحات را مدیریت کنید، به Divi صادر کنید، اسناد را مشاهده کنید، انجمن پشتیبانی را مشاهده کنید، بزرگنمایی و کوچکنمایی کنید، لغو و دوباره انجام دهید، و پیش نمایش یک صفحه وب سایت Divi زنده را مشاهده کنید.
2. منوی قفل – منوی دوم با نگه داشتن ماوس روی آن باز می شود. این شامل تمام بلوک هایی است که می توانید به صفحه خود اضافه کنید. با کلیک بر روی یکی از بلوک ها یک زیر منو با تمام طرح های آن بلوک باز می شود.
3. منطقه ویرایش – این بوم است که در آن بلوک‌ها را می‌کشید و آنها را به ترتیبی که می‌خواهید مرتب می‌کنید.
4. طرح رنگی – این انتخابگر رنگ برای تغییر طرح رنگ برای طرح است.

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

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

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

منطقه ویرایش

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

برای این مثال، من سه بلوک اضافه کردم: چرخ فلک کارت، سرصفحه صفحه و CTA. آنها به ترتیبی که من آنها را انتخاب کردم در صفحه قرار گرفتند.

نمونه های هدر بیلدر

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

هدر ساز دارای 6 گزینه است که شامل سرصفحه های از پیش ساخته شده، افکت ها، زیر منوها، منوهای موبایل، مگا منوها و پیش بارگذاری ها می شود. افکت‌ها در پیش‌نمایش‌ها هنگامی که ماوس را روی آن‌ها می‌برید ظاهر می‌شوند. در این مثال، ماوس را روی گزینه‌های هدر و ناوبری که شامل سرصفحه‌های از پیش ساخته شده می‌شوند، نگه می‌دارم. من پیش بارگذاری و مگا منو را به طرح اضافه کردم.

نمونه های چیدمان

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

این مثال برگه‌های درباره ما و خدمات را نشان می‌دهد.

این مثال جدول CTA، پرسش‌های متداول و قیمت‌گذاری را نشان می‌دهد.

در اینجا نمونه هایی از گواهینامه و طرح تیمی آورده شده است.

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

این مثال یک گالری، یک برگه اعداد و یک برگه فرآیند را نشان می دهد که مراحل فرآیند را نشان می دهد.

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

این مثال یک فرم تماس را نشان می دهد.

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

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

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

اینجا گالری سنگ تراشی است.

این مثال یک نوار تبلیغاتی، یک پس‌زمینه پویا و یک تعویض‌کننده محتوا را نشان می‌دهد.

برای این مثال، من یک دکمه شناور و یک نوار اسکرول را انتخاب کردم.

این مثال یک خط زمانی افقی و متن گرادیان را نشان می دهد.

طرح رنگی

با کلیک بر روی مربع رنگی در گوشه پایین سمت راست، انتخابگر رنگ باز می شود. این طرح رنگ را برای عناصر موجود در صفحه کنترل می کند. پیش‌فرض قرمز است، کد هگزا ۲۲۹، ۲۷، ۳۵. می‌توانید با حرکت دادن دایره در ناحیه رنگ، حرکت دایره روی نوار لغزنده رنگ یا افزودن مقادیر RGB مورد نظر، آن را تغییر دهید. وقتی آن را تغییر می‌دهید، تغییر رنگ‌ها را در طرح‌بندی‌های از پیش ساخته شده نمی‌بینید، اما هنگام آپلود فایل‌های JSON، و در صورت تمایل در پیش‌نمایش، آن‌ها را مشاهده خواهید کرد.

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

در اینجا طرح وب سایت من است. آبی را که من انتخاب کردم را نشان می دهد. در مرحله بعد، خواهیم دید که چگونه می‌توان طرح‌بندی را از Divi Block در وب‌سایت خود دریافت کرد و وقتی آن را به آنجا رساندید، چه کاری می‌توانید با آن انجام دهید.

طراحی طرح با Divi Block

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

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

بعد، من یک هدر سراسری از ابتدا در Divi Theme Builder ایجاد می کنم.

سپس طرح را وارد می کنم.

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

تمام CSS به بلوک های کد اضافه می شود. منوی موبایل طبق معمول خاکستری شده است.

در اینجا هدر جلویی است. منو چسبناک است بنابراین وقتی کاربر اسکرول می کند در بالای صفحه باقی می ماند.

صفحه نخست

برای طرح صفحه اصلی، یک بخش قهرمان و یک CTA اضافه کردم. من از نارنجی روشن برای طرح رنگ استفاده کردم. من فایل JSON را صادر می کنم که می خواهم آن را در رایانه خود از حالت فشرده خارج کنم.

در مرحله بعد، من یک قالب صفحه اصلی را از ابتدا در Divi Theme Builder ایجاد می کنم و یک بدنه سفارشی اضافه می کنم.

سپس طرح را وارد می کنم.

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

در اینجا بخشی از CTA است.

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

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

در مرحله بعد، یک فوتر جهانی از ابتدا در Divi Theme Builder ایجاد می کنم.

سپس طرح را وارد می کنم.

من در نهایت می توانم هر گونه تنظیمات چیدمان را که می خواهم انجام دهم. اطلاعات تماس خود را اضافه خواهم کرد. پس از ذخیره آن، فوتر در سایت من ظاهر می شود.

اینجا پاورقی جلویی است.

از کجا می توان Divi Block را دریافت کرد

Divi Block در وب سایت ناشر موجود است. نسخه رایگان برای استفاده همه در دسترس است. نسخه Pro Divi Block فقط به عنوان بخشی از عضویت Divi.Help Pro آنها در دسترس است. مشترکین به تمام محصولات مرتبط با Divi خود از جمله نسخه Divi Block Pro، افزونه‌های ممتاز، تم‌های کودک و بسته‌های طرح‌بندی دسترسی دارند. عضویت حرفه ای 49 دلار در سال است.

پایان افکار

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

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

آیا ساعت ها و ساعت ها را صرف طراحی وب سایت هایی روی پلتفرم هایی کرده اید که استفاده از آنها دشوار است؟ آیا به دنبال راهی سریعتر و کارآمدتر برای ایجاد یک حضور آنلاین بصری خیره کننده هستید؟ زمان آن رسیده است که آینده را با بهترین سازندگان وب سایت هوش مصنوعی برای کمک به شما در آغوش بگیرید.

این ابزارهای جدید در حال حاضر شروع به تغییر روند طراحی وب کرده اند و از هوش مصنوعی برای برداشتن بار از دوش شما استفاده می کنند. از کمک طراحی مبتنی بر هوش مصنوعی گرفته تا تولید کد، بهترین سازندگان وب سایت هوش مصنوعی ایجاد یک سایت حرفه ای و بهینه شده برای موبایل را در کمترین زمان آسان تر از همیشه می کنند. آنها فراتر از استفاده از ChatGPT یا جایگزین ها و نویسندگان هوش مصنوعی برای ایجاد محتوا هستند – آنها ابزارهای طراحی و عملکردی برای ایجاد سایت های کامل هستند.

این مقاله شما را با بهترین سازندگان وب سایت هوش مصنوعی که صنعت را طوفانی کرده اند آشنا می کند. از Wix ADI گرفته تا CodeWP.ai و GetResponse AI Website Builder، برای کشف بهترین ابزارها برای طراحی سریع وب آماده شوید.

بهترین وب سایت سازان هوش مصنوعی در سال 2023

در کانال یوتیوب ما مشترک شوید

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

اولین در لیست ما سازنده ADI Wix است.

1. Wix ADI

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

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

توابع اساسی:

• یک دستیار طراحی هوش مصنوعی بصری برای ایجاد یک وب سایت بر اساس پاسخ به سوالات ساده
• خروجی های قابل تنظیم برای افزودن لمس انسانی به طرح های هوش مصنوعی که به سرعت تولید می شوند
• پس از ایجاد با استفاده از هوش مصنوعی می توان آن را به یک سایت استاندارد Wix تبدیل کرد

بهترین برای:

Wix ADI یک راه بسیار محبوب برای ایجاد وب سایت برای صاحبان مشاغل کوچک و فریلنسرها است. Wix یک راه منحصر به فرد برای ایجاد وب سایت هایی ارائه می دهد که برای بسیاری از افراد جذاب است. ADI با ایجاد طرح‌های منحصربه‌فرد بر اساس نیازهای شما، فرآیند را ساده‌تر می‌کند.

آیا می خواهید Wix و WordPress را با هم مقایسه کنید؟ ببینید چگونه آنها جمع می شوند: Wix در مقابل WordPress

قیمت گذاری: یک سایت Wix با قیمت 16 دلار در ماه بسازید

Wix ADI را دریافت کنید

2. 10 وب

10Web AI WordPress Builder یک پلتفرم هوش مصنوعی خلاقانه است که برای آژانس ها و فریلنسرهایی که می خواهند وب سایت های وردپرسی با کیفیت بالا را به راحتی بسازند طراحی شده است. قابلیت‌های مبتنی بر هوش مصنوعی به کاربران این امکان را می‌دهد تا وب‌سایت‌های خیره‌کننده‌ای ایجاد کنند که نیازهای آن‌ها را برآورده کند و در عین حال در زمان صرفه‌جویی کند. این برنامه انواع برنامه های پولی را ارائه می دهد که هر کدام دارای طیف وسیعی از ویژگی ها هستند، مانند ادغام نویسنده AI، ویرایشگر کشیدن و رها کردن، و گواهی های SSL. کاربران می توانند صفحات وب و صفحات فرود خیره کننده را در زمان واقعی ایجاد کنند.

نکته جالب در مورد محصول 10Web این است که وب سایت هایی را با استفاده از وردپرس می سازد که مدت هاست یکی از بهترین و قابل تنظیم ترین پلتفرم ها برای ساخت هر وب سایت بوده است. ساخت سایت های وردپرسی با هوش مصنوعی، قدرت وردپرس را برای کاربران بیشتری به ارمغان می آورد.

توابع اساسی:

• یک وب سایت با محتوا و تصاویر با هوش مصنوعی ایجاد کنید
• بر اساس وردپرس برای پاسخگوترین پایه برای هر وب سایت
• از هوش مصنوعی برای بازسازی وب سایت های قدیمی برای فرآیندی حتی سریع تر استفاده کنید

بهترین برای:

10Web یک وب سایت ساز عالی هوش مصنوعی برای کسانی است که می خواهند وب سایت های پیشرفته داشته باشند. در حالی که هوش مصنوعی به اصول اولیه کمک می کند، وردپرس با رشد وب سایت تجاری و نیاز به انجام کارهای بیشتر، به شخصی سازی عمیق تر کمک می کند. آژانس ها استفاده از این پلتفرم را دوست خواهند داشت زیرا پلت فرم بازآفرینی صفحه آن URL را می گیرد و آن را دوباره ایجاد می کند.

قیمت گذاری: 20 دلار در ماه شامل هوش مصنوعی، میزبانی و ابزارهای امنیتی

10Web AI WordPress Builder را دریافت کنید

3. AiDA را برجسته کنید

Bookmark یک سازنده وب سایت مبتنی بر هوش مصنوعی است که برای کمک به کاربران در ایجاد وب سایت های حرفه ای بدون زحمت طراحی شده است. این پلتفرم از هوش مصنوعی (با آنچه آنها دستیار طراحی هوش مصنوعی یا AiDA می نامند) برای ساده کردن فرآیند طراحی و ایجاد وب سایت های سفارشی متناسب با نیازهای کاربر استفاده می کند. این دستیار هوش مصنوعی به کاربران کمک می کند تا در کمترین زمان وب سایت های جذاب و کاربردی ایجاد کنند.

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

توابع اساسی:

• یک دستیار طراحی هوش مصنوعی که وب سایت های مبتنی بر هدف می سازد
• یک سازنده وب‌سایت با کشیدن و رها کردن برای زمانی که می‌خواهید هوش مصنوعی مدیریت شود
• فروشگاه ها و وبلاگ های تجارت الکترونیک واکنش گرا ایجاد کنید
• ابزار آژانس برای ایجاد و مدیریت وب سایت های مشتری

بهترین برای:

Bookmark یک انتخاب عالی برای صاحبان مشاغل کوچک، کارآفرینان و فریلنسرهایی است که به یک پلت فرم قابل اعتماد نیاز دارند که هر نیاز وب سایت را برطرف کند. راه حل هایی برای هر نوع وب سایتی دارد و شامل رزرو، سئو و ابزارهای فرم تماس است.

قیمت گذاری: از 14.99 دلار در ماه شروع می شود

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

4. GetResponse AI Builder

GetResponse AI Website Builder بخشی از پلتفرم بازاریابی همه کاره است که بیشتر برای ارسال ایمیل شناخته شده است. این دارای یک سازنده وب سایت مبتنی بر هوش مصنوعی است که به کاربران اجازه می دهد وب سایت های بصری خیره کننده و بسیار کاربردی ایجاد کنند. طراحی بصری و ویژگی های قدرتمند آن، آن را به یک راه حل کامل برای مشاغلی تبدیل می کند که به دنبال راه اندازی حضور آنلاین خود و افزایش مخاطبان خود هستند. GetResponse با تمرکز بر ارائه یک راه حل کامل، مجموعه ای از ویژگی ها مانند سازنده وب سایت، صفحات فرود و ادغام رسانه های اجتماعی را ارائه می دهد.

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

بررسی GetResponse ما را بررسی کنید تا ببینید با بازاریابی ایمیلی چه توانایی هایی دارد

توابع اساسی:

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

بهترین برای:

GetResponse AI Website Builder برای هر صاحب کسب و کاری که به GetRepsonce برای ایمیل، چت زنده، اتوماسیون و ابزارهای اجتماعی خود اعتماد دارد عالی است. داشتن همه این ابزارهای ضروری بازاریابی کسب و کار زیر یک سقف، مدیریت همه چیز را بسیار آسان تر می کند و می دانید که همه با هم به خوبی کار خواهند کرد. GetResponse کار بزرگی را در رشد مجموعه ابزارهای خود انجام داده است و این در سازنده وب سایت هوش مصنوعی آن بیشتر مشهود است.

قیمت گذاری: سازنده وب سایت در طرح رایگان با برنامه های پولی که فقط از 19 دلار در ماه شروع می شود موجود است

GetResponse را دریافت کنید

5. CodeWP.ai

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

CodeWP.ai همچنین دارای بسیاری از قطعه های از پیش کدگذاری شده و تایید شده برای کپی و جایگذاری است. قطعه کد از پیش ساخته شده توسط هوش مصنوعی موارد استفاده رایج از PHP را برای WooCommerce، نصب استاندارد وردپرس و برخی راه حل ها برای سازندگان Breakdance و Oxygen را پوشش می دهد.

توابع اساسی:

• تولید کد مبتنی بر هوش مصنوعی که به طور خاص برای PHP و WordPress ساخته شده است
• با استفاده از هوش مصنوعی آموزش دیده با کد WP مشکلات سریع را حل کنید
• تولید اسنیپت پیشرفته برای Regex، ACF، برخی سازندگان صفحه و WooCommerece

بهترین برای:

CodeWP.ai برای توسعه دهندگان وب، طراحان و آژانس هایی که به دنبال ساده سازی فرآیند توسعه وردپرس خود و ایجاد راه حل های سفارشی برای مشتریان خود هستند، بهترین گزینه است.

قیمت گذاری: طرح رایگان با تولید قطعه محدود و برنامه های پولی که از 12 دلار در ماه شروع می شود

CodeWP.ai را دریافت کنید

سوالات متداول سازنده هوش مصنوعی

بهترین سازنده وب سایت هوش مصنوعی چیست؟

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

طولانی ترین و پرکاربردترین سازنده وب سایت هوش مصنوعی Wix با سیستم طراحی ADI آن است. قابل اعتماد و یکی از بهترین ها در حال حاضر است. برای طرفداران وردپرس، سازنده هوش مصنوعی 10Web نیز یک انتخاب عالی است و در ساخت سایت های جدید در زمان زیادی صرفه جویی می کند.

برای کسانی که روش‌های دستی ایجاد وب‌سایت‌های وردپرس سفارشی را دوست دارند، اما می‌خواهند مقداری کد AI را برای سرعت بخشیدن به پروژه‌ها تزریق کنند، CodeWP.ai محل شروع شماست.

به دنبال بیشتر هستید؟ این سازندگان وب سایت برتر و مجموعه کامل ما از بهترین ابزارها را برای وب سایت خود بررسی کنید.

تصویر ویژه توسط Ico Maker / shutterstock.com

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

بهترین تم های وردپرس نمونه کارها چیست؟

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

بهترین قالب های وردپرس نمونه کارها

اگرچه فهرست خود را در زیر ارائه کرده‌ایم، نمونه‌های زیر ترتیب خاصی ندارند. توصیه ما این است که هر موضوع را به نوبه خود بررسی کنید – در میان آنها ممکن است بهترین موضوع را برای خود بیابید.

1. پل

Bridge یک وردپرس چند منظوره است که به خوبی با Gutenberg، Elementor و WP Bakery کار می کند. این تم یکی از پرفروش‌ترین قالب‌های وردپرس در تم فارست است. Bridge که با در نظر گرفتن طراح ساخته شده است به شما امکان می دهد یک وب سایت نمونه کارها وردپرس منحصر به فرد ایجاد کنید. از عناصر تعاملی گرفته تا بیش از 600 نسخه نمایشی که می توانید وارد کنید، طراحی نمونه کارها با Bridge انتخاب واضحی برای کسانی است که می خواهند وب سایتی برجسته داشته باشند.

توابع اساسی:

• هفت صفحه نمونه کارها، فهرست بندی و طرح بندی تک نمونه کارها
• بیش از 200 عنصر قابل تنظیم
• قابلیت جستجوی یکپارچه
• انیمیشن ها و انتقال های آژاکس
• سازگار با ووکامرس

قیمت گذاری: 138 دلار در سال

بریج بگیر

2. وحشی

Divi – تم محبوب و همه کاره ما – همه چیزهایی را دارد که برای نمایش کارتان در بهترین نور ممکن نیاز دارید. کشیدن و رها کردن Divi Builder ساده و شهودی است و به شما این امکان را می‌دهد که طرح‌بندی نمونه کارها سفارشی زیبایی را بدون کد ایجاد کنید.

Divi شامل یک ماژول نمونه کارها اختصاصی برای نمایش اقلام نمونه کارها در طرح بندی های شبکه ای خیره کننده و یک ماژول نمونه کارها فیلتر شده است که به کاربران اجازه می دهد اقلام نمونه کارها را بر اساس دسته بندی بدون بارگیری مجدد صفحه فیلتر کنند.

حتی می توانید از ماژول Portfolio Carousel برای نمایش موارد در یک نوار لغزنده چرخ فلک استفاده کنید. اگر می‌خواهید نمونه کارها Divi خود را به سطح بعدی ببرید، می‌توانید از ماژول‌های ممتاز مانند Portfolio Grid، Packery Image Gallery و Elastic Gallery برای اضافه کردن افکت‌های شناور چشمگیر و طرح‌بندی شبکه‌ای صاف استفاده کنید.

موارد نمونه کارها از نوع پست سفارشی داخلی Divi به نام Projects مشتق شده اند، که یک ویژگی مفید برای کسانی است که می خواهند نمونه کار خود را از پست های وبلاگ خود جدا کنند.

برای شروع سریع فرآیند طراحی، به بیش از 2000 طرح‌بندی آماده از Divi Builder دسترسی دارید، با هزاران طرح‌بندی نمونه کارها خیره‌کننده تنها با یک کلیک. ما حتی بسته های طرح بندی کامل مناسب برای سایت های نمونه کار از جمله نمونه کارها، گالری هنری، استودیو عکاسی و موارد دیگر داریم. اگر این کافی نیست، صدها طرح از پیش ساخته شده Divi نمونه کارها و چرخ فلک با بسته ماژول پورتفولیو Divi و طرح بندی ماژول چرخ و فلک Divi Portfolio موجود است.

توابع اساسی:

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

قیمت گذاری: برنامه های پولی از 89 دلار شروع می شود

Divi را دریافت کنید

3. هستیا

اگر به دنبال ایجاد وب سایت نمونه کارها با بودجه هستید، Hestia را در نظر بگیرید. این تم با محبوب ترین صفحه سازها از جمله Divi، Beaver Builder، Thrive Themes و موارد دیگر کار می کند. با طراحی زیبای متریال، می توانید سایت خود را به طور کامل با سفارشی ساز وردپرس سفارشی کنید. Hestia ویژگی های WooCommerce را بهبود بخشیده است، بنابراین اگر می خواهید محصولات را در سایت خود بفروشید، ممکن است نیاز به ارتقا داشته باشید. ارتقاء به نسخه حرفه ای Hestia ایده خوبی است زیرا با چهار سایت شروع کننده متمرکز بر نمونه کارها ارائه می شود که می تواند به شما کمک کند وب سایت خود را سریعتر بسازید.

توابع اساسی:

• صفحه اصلی کاملا قابل تنظیم
• نوار لغزنده و هدر ویدیو
• طرح‌بندی‌ها و گزینه‌های وبلاگ پیشرفته
• سئو دوستانه با کد منبع بهینه شده
• گزینه های هدر و پاورقی پیشرفته

قیمت گذاری: برنامه های رایگان و پولی از 99 دلار در سال شروع می شود

هستیا رو بگیر

4. شمع

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

توابع اساسی:

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

قیمت گذاری: برنامه های پولی از 225 دلار در سال شروع می شود

شمع را بردارید

5. لنز

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

توابع اساسی:

• انتقال صفحه متحرک
• نمایش اسلاید تمام صفحه شامل فیلم ها.
• شامل بیش از 600 فونت گوگل.

قیمت: برنامه های پولی از 75 دلار در سال شروع می شود

لنز را بردارید

6. سیدنی

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

توابع اساسی:

• گوتنبرگ و ترجمه آماده است
• پنجره ماژولار
• 5+ هدر و طرح بندی هدر موبایل
• 5+ طرح بندی وبلاگ
• سیستم قلاب سفارشی

قیمت گذاری: برنامه های رایگان و پولی از 69 دلار در سال شروع می شود

سیدنی را بگیر

7. آسترا

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

توابع اساسی:

• بیش از 240 قالب استارت
• هدر ساز پیشرفته
• چند طرح بندی وبلاگ
• چیدمان ها و قلاب های سفارشی
• گزینه های رنگ و تایپوگرافی بهبود یافته است
• پشتیبانی داخلی AMP

قیمت گذاری: تم های رایگان و پولی از 59 دلار در سال شروع می شود

آسترا بگیرید

8. پتاسیم

Kalium یک تم نمونه کارها تمیز و ساده است که گزینه های زیادی از جمله بیش از 30 نوع آیتم نمونه کارها و چندین گزینه لیست شبکه را ارائه می دهد. بسیاری از داخلی های دیگر مانند نقشه های گوگل و جدول قیمت وجود دارد.

توابع اساسی:

• ده ها گزینه نمونه کارها.
• صفحات وبلاگ که به راحتی قابل تنظیم هستند.
• جداول قیمت توکار
• سازگار با ووکامرس

قیمت گذاری: 138 دلار در سال

پتاسیم مصرف کنید

9. رمزگشایی کنید

Uncode یکی دیگر از تم های انعطاف پذیر است که با گزینه های مختلف نمونه کارها همراه است. استفاده از طرح تمیز و مدرن آن آسان است و سفارشی سازی تقریباً بی پایانی را ارائه می دهد. سیستم شبکه پیشرفته برای هر کسی که سایت های سنگ تراشی و شبکه ای را ایجاد می کند زیبا است.

توابع اساسی:

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

قیمت: 118 دلار در سال

Uncode را دریافت کنید

10. اوشینه

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

توابع اساسی:

• صفحه ساز را بکشید و رها کنید.
• پلاگین Master Slider گنجانده شده است.
• از بین بیش از 500 فونت گوگل انتخاب کنید.
• ووکامرس آماده است.

قیمت: 138 دلار در سال

اوشین رو بگیر

بهترین قالب های وردپرس نمونه کارها چیست؟

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

چه بخواهید عکاسی زیبای خود را به نمایش بگذارید یا مهارت های برنامه نویسی خلاقانه خود را به رخ بکشید، یکی از این تم ها با نیازهای شما مطابقت دارد. کدام موضوع را برای پروژه نمونه کار بعدی خود امتحان خواهید کرد و چرا؟ در بخش نظرات زیر به ما اطلاع دهید!

تصویر کوچک مقاله توسط vasabii / shutterstock.com

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

این بار، تیم طراحی یک بسته طرح بندی شرکت حمل و نقل زیبا ایجاد کرده است که به شما کمک می کند وب سایت بعدی شرکت حمل و نقل خود را در کمترین زمان راه اندازی کنید!

این بسته چیدمان شامل:

– 7 صفحه آرایی آماده به صورت استراتژیک برای هر وب سایت شرکت حمل و نقل (از جمله طراحی پاورقی) طراحی شده است.
– عکس ها و گرافیک های اصلی و رایگان + فایل منبع سفارشی (به زیر مراجعه کنید)
– به‌علاوه، مجموعه‌ای بزرگ از عناصر وب‌سایت از پیش طراحی‌شده که می‌توان آن‌ها را سفارشی کرد و در هر مکانی دوباره استفاده کرد.

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

طراحی صفحه فرود

دمو طرح زنده را ببینید

طراحی صفحه اصلی

دمو طرح زنده را ببینید

طراحی صفحه خدمات

دمو طرح زنده را ببینید

طراحی صفحه خدمات

دمو طرح زنده را ببینید

درباره طراحی صفحه

دمو طرح زنده را ببینید

طراحی صفحه وبلاگ

دمو طرح زنده را ببینید

طراحی صفحه تماس

دمو طرح زنده را ببینید

توابع اساسی

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

تظاهرات زنده

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

1. صفحه فرود شرکت حمل و نقل (نمایشی زنده)
2. صفحه اصلی شرکت حمل و نقل (نمایشی زنده)
3. صفحه خدمات شرکت حمل و نقل (نمایشی زنده)
4. صفحه خدمات شرکت حمل و نقل (نمایشی زنده)
5. صفحه اطلاعات شرکت حمل و نقل (نمایشی زنده)
6. صفحه وبلاگ شرکت حمل و نقل (نمایشی زنده)
7. صفحه تماس شرکت حمل و نقل (نمایشی زنده)

همین الان به این طرح دسترسی داشته باشید
مستقیماً از Divi Builder شما

از نسخه 3.0.99 Divi، می‌توانید هر یک از طرح‌بندی‌های موجود در این بسته (به همراه تمام بسته‌های طرح‌بندی آماده Divi) را مستقیماً از Divi Builder پیدا و وارد کنید. آنها از قبل منتظر شما هستند.

برای دسترسی به طرح‌بندی جدید، کافی است هنگام ویرایش یک صفحه، Visual Builder را فعال کنید و نماد «بارگیری از کتابخانه» را در نوار تنظیمات صفحه جستجو کنید (به نظر می‌رسد یک علامت مثبت است). روی این نماد کلیک کنید تا پنجره بازشو Load from Library باز شود. در تب Premade Layouts، با پیمایش در لیست بسته های طرح بندی، می توانید به راحتی طرح بندی جدید را پیدا کنید. هنگامی که بسته طرح شرکت حمل و نقل را پیدا کردید، روی آن کلیک کنید. تمام طرح‌بندی‌های جداگانه موجود در بسته را خواهید دید. طرح مورد نظر برای استفاده را انتخاب کنید و سپس روی دکمه “استفاده از این طرح” کلیک کنید.

برای اطلاعات بیشتر، این ویدیو را بررسی کنید تا یاد بگیرید چگونه می توانید امروز با این بسته طرح بندی شروع کنید.

در کانال یوتیوب ما مشترک شوید

احراز هویت لازم است

قبل از اینکه بتوانید طرح‌بندی‌های Premade را از کتابخانه Divi دانلود کنید، باید اشتراک Elegant Themes خود را احراز هویت کنید. شما می توانید این کار را با رفتن به Divi > گزینه های تم > به روز رسانی ها. در آنجا می توانید نام کاربری و کلید API خود را وارد کرده و تغییرات را ذخیره کنید.

می توانید کلید API خود را در قسمت اعضای سایت Elegant Themes پیدا کنید. هنگامی که نام کاربری و کلید API خود را وارد کردید، به کتابخانه ما از صدها طرح‌بندی رایگان (از جمله این یکی) دسترسی فوری خواهید داشت. اگر این کار را انجام نداده‌اید، وقتی برای وارد کردن طرح‌بندی صفحه خود کلیک می‌کنید، از شما خواسته می‌شود نام کاربری عضویت Elegant Themes و کلید API خود را وارد کنید.

از تصاویر طرح بندی به صورت رایگان و بدون محدودیت مجوز استفاده کنید

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

دارایی های تصویر با وضوح کامل را دانلود کنید

بسته طرح بندی جدید هر هفته!

امیدواریم این بسته چیدمان را دوست داشته باشید. ما مشتاقانه منتظر شنیدن نظرات شما در بخش نظرات زیر هستیم. فراموش نکنید که بسته طرح بندی هفته آینده را نیز بررسی کنید!

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

برای تعیین بهترین قالب های وردپرس رستوران از چه معیارهایی استفاده شد؟

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

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

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

1. وبلاگ های مواد غذایی بسیاری از تم های وبلاگ غذای شخصی عملکرد یکسانی دارند، بنابراین انتخاب شما به نحوه تفکر شما در مورد طراحی بستگی دارد.
2. رستوران ها، مشاغل کوچک مواد غذایی و موضوعات مجله مواد غذایی. این تم ها دارای عملکردهای خاص تری هستند. مطمئن شوید که ویژگی ها نیازهای کسب و کار شما را برآورده می کنند.

بهترین قالب های وردپرس رستوران

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

1. روزالت

Rosa LT یک تم Pixel Grade است که یکی از بهترین قالب‌های وردپرس رستورانی است. RosaLT یک تم مدرن با انیمیشن های داخلی و جلوه های ویژه اسکرول است. Rosa LT به عنوان یک برنامه افزودنی برای پشتیبانی از ویرایشگر بلاک گوتنبرگ دوباره در نظر گرفته شده است. دارای کتابخانه ای از بلوک های قابل تنظیم است که نیازهای صاحبان رستوران، کافه و اغذیه فروشی را پشتیبانی می کند.

ویژگی:

• گوتنبرگ قدرت می گیرد
• بلوک های قهرمان متعدد
• پالت های رنگ و فونت از پیش تعریف شده
• بلوک های منوی غذا
• WooCommerce یکپارچه شده است

قیمت گذاری: برنامه های پولی از 75 دلار در سال شروع می شود

Rosa LT را بگیرید

2. قابل نوشتن

Listable یکی از بهترین تم های فهرست وردپرس موجود است. با این حال، اگر می خواهید یک پایگاه داده متمرکز بر رستوران ها بسازید، این موضوع شماست. مانند Rosa LT، Listable یکی دیگر از تم های Pixel Grade است. این یک تم قدرتمند و منعطف است که از ساختمان کشیدن و رها کردن برای ایجاد فهرستی مبتنی بر رستوران با ویژگی‌ها استفاده می‌کند. می‌توانید برچسب‌ها، ویژگی‌ها و دسته‌های فهرست‌بندی سفارشی ایجاد کنید تا Yelp یا OpenTable خود را در وردپرس ایجاد کنید.

ویژگی:

• سیستم لیست کارت قدرتمند
• وب سایت خود را کسب درآمد کنید
• سیستم فیلترینگ و جستجوی پیشرفته
• از پیش تنظیم های سبک زیبا
• طرح‌بندی‌ها را با سازندگان با کشیدن و رها کردن سفارشی کنید

قیمت گذاری: برنامه های پولی از 85 دلار در سال شروع می شود

فهرست پذیر شوید

3. وحشی

اگر عضو Elegant Themes هستید، برای یافتن برخی از بهترین قالب‌های وردپرس رستورانی نیازی به جستجوی دور ندارید. دسته بندی غذا و نوشیدنی ما دارای بیش از 40 بسته چیدمان طراحی شده برای هر رستوران است، از جمله کافی شاپ ها، رستوران های گیاهی، نانوایی ها و هر چیز دیگری. با استفاده از ویژگی ساده واردات نسخه آزمایشی Divi، می توانید به سرعت موضوع مورد نظر خود را انتخاب کنید، آن را بارگیری کنید و شروع به اضافه کردن لمس شخصی خود کنید. برای اینکه کارها را یک قدم جلوتر برداریم، Divi همچنین بسته‌های هدر و پاورقی فوق‌العاده ارائه می‌کند که به وب‌سایت رستوران جدید زیبای شما ظاهری کامل می‌دهد.

ویژگی:

• بیش از 40 بسته چیدمان مرتبط با غذا و نوشیدنی
• بیش از 200 صفحه بلوک های ساختمانی
• ووکامرس آماده است
• چندین گزینه هدر و لوگو
• با تم ساز قالب های صفحه سفارشی ایجاد کنید

اگر ترجیح می دهید اجازه دهید خلاقیت شما جریان یابد، می توانید از Divi’s Theme Builder برای ایجاد وب سایت رستوران رویاهای خود استفاده کنید. علاوه بر این، با استفاده از Divi Marketplace، می‌توانید عملکرد تم رستوران خود را با برنامه‌های افزودنی، طرح‌بندی و تم‌های کودک گسترش دهید.

به عنوان مثال، بسته Divi Restaurant Menu Layouts چهار طرح منوی منحصر به فرد را برای ایجاد آسان منوهای رستوران های زیبا ارائه می دهد. با این طرح‌بندی‌ها، می‌توانید منوهای خود را در کسری از زمانی که برای ایجاد یک منو طول می‌کشد بسازید.

قیمت گذاری: برنامه های پرداخت شده از 89 دلار در سال

Divi را دریافت کنید

4. دلیسیو

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

ویژگی:

• صفحه ساز را بکشید و رها کنید
• آسان برای مدیریت صفحات منو
• ووکامرس آماده است
• گزینه های Visual Customizer

قیمت گذاری: برنامه های پولی از 69 دلار شروع می شود

Delicio را مصرف کنید

5. فودیکا

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

ویژگی:

• گالری های اینستاگرام
• صفحات فهرست دستور غذا
• کارت خرید
• طرح بندی وبلاگ های متعدد
• کدهای کوتاه برای کارت های دستور غذا

قیمت گذاری: برنامه های پولی از 69 دلار شروع می شود

فودیکا را مصرف کنید

6. کورینا

Korina یک تم رستوران مدرن از CSS Igniter است. این موضوع به بازدیدکنندگان امکان دسترسی آسان به منوی شما را از طریق بلوک سفارشی منوی غذای GutenBee می دهد. المنتور نیز بخش قابل توجهی از کورینا است. با قابلیت کشیدن و رها کردن می‌توانید طرح‌بندی صفحه، منوها و موارد دیگر را کنترل کنید. برای ایجاد یک وب سایت زیبا برای رستوران خود می توانید از ویجت های لیست قیمت Elementor و ویجت های سفارشی Korina استفاده کنید.

ویژگی:

• بلوک های محتوای منوی غذایی اختصاصی
• طراحی موبایل
• طرح هدر و پاورقی انعطاف پذیر
• کنترل رنگ و تایپوگرافی
• سازگار با Block Editor و Elementor

قیمت گذاری: برنامه های پولی از 49 دلار در سال شروع می شود

کورینا رو بگیر

7. کربن

Carbone یک تم رستوران است که به خوبی برای کافه یا بار شما کار می کند. این در دو سبک می آید سبک پیش فرض و سبک جدید ایگلو. Carbone می تواند با سیستم سفارش شما یکپارچه شود، بنابراین می توانید از هر پلاگین رستورانی برای اضافه کردن ویژگی های مختلف به سایت خود استفاده کنید. از طرف دیگر، می توانید سیستم سفارش آنلاین خود را با WooCommerce بسازید. Carbone همچنین دارای صفحات منوی زیبایی برای نمایش غذا و نوشیدنی شما از طریق پلاگین GutenBee CSS Igniter است.

ویژگی:

• رسانه، گالری تصویر و ویدئو
• از ویرایشگر بلوک و Elementor پشتیبانی می کند
• سیستم جهانی بخش ها
• با فونت های گوگل ادغام شده است
• چندین منوی انعطاف پذیر و گزینه های منوی موبایل

قیمت گذاری: برنامه های پولی از 49 دلار در سال شروع می شود

کربن بگیرید

8. رستوران

Restaurantz یک تم رستوران رایگان با افزونه Site Origin Page Builder است. این بدان معناست که شما می توانید به سرعت وب سایت رستوران خود را با یک سازنده قوی کشیدن و رها کردن بسازید. این تم همچنین از Food Menu by Jetpack پشتیبانی می کند، بنابراین می توانید به راحتی گزینه های منوی خود را به مشتریان خود نشان دهید. همچنین طرح‌بندی‌هایی از پیش ساخته شده برای صفحه اصلی، درباره صفحات و مخاطبین وجود دارد.

ویژگی:

• بیش از 20 فونت گوگل و بومی
• هفت ویجت قابل تنظیم
• چهار گزینه چیدمان
• دو گزینه صفحه بندی
• طراحی ریسپانسیو موبایل
• پشتیبانی ووکامرس

قیمت گذاری: برنامه های رایگان و پولی از 59 دلار در سال شروع می شود

رستورانز را ببرید

9. محصولات پخته شده و کیک

Bakes and Cakes یک قالب وردپرس رایگان و پاسخگو برای نانوایی و نانوایی است. این تم دارای 16 بخش صفحه اصلی است که به شما امکان می دهد ویجت های مختلف را ترکیب و مطابقت دهید تا صفحه اصلی سفارشی خود را ایجاد کنید. با سیستم رزرو ادغام شده است، جداول قیمت دارد و سئو بهینه شده است. همچنین برای مدیریت سایت های چند زبانه با WPML و Polylang سازگار است. در نهایت، Bakes and Cakes با WooCommerce کار می کند، به این معنی که می توانید محصولات و خدمات خود را به سرعت در وب سایت خود بفروشید.

ویژگی:

• هفت قالب صفحه از پیش تعریف شده
• هفت طرح هدر از پیش تعریف شده
• بیش از 600 فونت گوگل گنجانده شده است
• بخش کشویی توسعه یافته
• ادغام رسانه های اجتماعی

قیمت گذاری: برنامه های رایگان و پولی از 59 دلار شروع می شود

شیرینی و کیک تهیه کنید

10. وردپرس رستوران بزرگ

Grand Restaurant WordPress یکی از بهترین قالب های وردپرس رستورانی از بازار Themeforest است. دارای 18 قالب وب سایت از پیش ساخته شده برای کافه ها، پیتزا فروشی ها و انواع دیگر رستوران ها است. با Elementor ادغام می شود و ایجاد سریع وب سایت برای رستوران خود در مدت زمان کوتاهی را آسان می کند. ویژگی هایی که می توانید با این تم از آن لذت ببرید شامل مدیریت رزرو میز، سفارش آنلاین غذا، رزرو قرار و موارد دیگر بدون استفاده از افزونه خارجی است.

ویژگی:

• 100+ قالب صفحه از پیش ساخته شده
• رزرو میز را مدیریت کنید
• سیستم تحویل رستوران
• فروش محصولات و رزرو آنلاین
• پشتیبانی چند زبانه از طریق WPM؛

قیمت گذاری: 134 دلار در سال

وردپرس رستوران بزرگ را دریافت کنید

سخن پایانی در مورد بهترین قالب های وردپرس رستوران

هر موضوعی نقاط قوت و ضعف منحصر به فرد خود را دارد. برای یک تم رستوران زیبا و مدرن، Rosa LT پادشاه است. از این موضوع برای ایجاد یک وب سایت جذاب با تمرکز بر انیمیشن ها و عملکرد استفاده کنید. یکی دیگر از موضوعات Pixel Grade، اگر می‌خواهید Yelp بعدی را برای شهر خود ایجاد کنید، Listable را بررسی کنید. در نهایت، Divi تمی است که قدرت سفارشی سازی را در دستان شما قرار می دهد. و اگر در این راه به دنبال کمک هستید، Divi بیش از 40 مجموعه کامل وب سایت رستوران، غذا و نوشیدنی دارد که می توانید بلافاصله از آنها استفاده کنید.

اینکه کدام یک را انتخاب می کنید در نهایت به نیاز شما بستگی دارد. قبل از پایان دادن به این پست، نمی‌توانیم فراموش کنیم که پست خود را در مورد 13 تم کودک Divi مناسب برای رستوران‌ها قرار دهیم – جایی که پیوندهایی به چند تم Divi عالی پیدا خواهید کرد. همچنین، برای الهام گرفتن، 14 نمونه وب سایت رستوران Divi را بررسی کنید.

آیا تم وردپرس رستوران مورد علاقه دارید؟ با خیال راحت تجربیات و نظرات خود را در زیر به اشتراک بگذارید.

تصویر کوچک مقاله از vectortatu / shutterstock.com

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

بیا شروع کنیم!

یک نگاه یواشکی

در اینجا پیش نمایشی از آنچه ما طراحی خواهیم کرد است.

طرح 1

طرح 2

رارا

آنچه برای شروع نیاز دارید

قبل از شروع، تم Divi را نصب و فعال کنید و مطمئن شوید که آخرین نسخه Divi را در وب سایت خود دارید.

حالا شما آماده رفتن هستید!

چگونه ماژول نقشه اسکرول خود را با افکت های اسکرول Divi افزایش دهیم

طرح 1

یک صفحه جدید با یک طرح از پیش ساخته شده ایجاد کنید

بیایید با استفاده از یک طرح از پیش ساخته شده از کتابخانه Divi شروع کنیم. برای این طراحی از صفحه فرود Acai Bowl از بسته چیدمان Acai Bowl استفاده خواهیم کرد.

یک صفحه جدید به وب سایت خود اضافه کنید و به آن عنوان بدهید، سپس گزینه Use Divi Builder را انتخاب کنید.

برای این مثال از یک طرح‌بندی از پیش ساخته شده از کتابخانه Divi استفاده می‌کنیم، بنابراین View Layouts را انتخاب کنید.

صفحه فرود Acai Bowl را جستجو و انتخاب کنید.

گزینه Use this layout را برای افزودن طرح به صفحه خود انتخاب کنید.

اکنون ما آماده ساختن طرح خود هستیم.

ماژول نقشه را اضافه کنید

ماژول نقشه را به بخش “بیا از ما دیدن کن” صفحه فرود اضافه می کنیم. با اضافه کردن یک ردیف جدید با یک ستون شروع کنید.

ماژول نقشه را به ردیف جدید اضافه کنید.

اگر قبلاً این کار را نکرده‌اید، کلید Google API خود را برای فعال کردن نقشه اضافه کنید. سپس یک آدرس مرکزی به نقشه اضافه کنید. برای این آموزش، آدرس سان فرانسیسکو، کالیفرنیا خواهد بود.

سپس یک پین جدید اضافه کنید.

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

تنظیمات طراحی

به تب Design بروید و تنظیمات اندازه را باز کنید. ارتفاع را تنظیم کنید.

سپس تنظیمات حاشیه را باز کنید و گوشه های گرد را به نقشه اضافه کنید.

افکت های اسکرول را اضافه کنید

اکنون طراحی ماژول نقشه ما کامل شده است، بنابراین می توانیم افکت های اسکرول را اضافه کنیم. به تب Advanced بروید، سپس به Scroll Effects بروید. در قسمت Scroll Transform Effects، تب Scale Up and Scale Down را انتخاب کنید.

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

بیایید تنظیمات بزرگنمایی را به خوبی تنظیم کنیم. مقیاس شروع، وسط و پایان را تنظیم کنید. با نزدیک نگه داشتن اعداد نسبتاً نزدیک به یکدیگر، می توانید به اثر مقیاس ظریف تری دست پیدا کنید. اگر تفاوت زیادی بین اعداد وجود داشته باشد، به اثر مقیاس پذیری شدیدتری دست خواهید یافت.

• مقیاس شروع: 80%
• مقیاس متوسط: 90%
• مقیاس نهایی: 100%

در نهایت افکت حرکت را در وسط عنصر تنظیم کنید.

• افکت حرکت را فعال کنید: وسط عنصر

پیش نویس نهایی

در اینجا طرح نهایی برای اولین طرح ما است.
https://www.elegantthemes.com/blog/wp-content/uploads/2022/11/Layout-1-Final-Design.webm

طرح 2

یک صفحه جدید با یک طرح از پیش ساخته شده ایجاد کنید

برای طرح دوم، از طرح بندی صفحه تماس از همان بسته طرح بندی Acai Bowl استفاده می کنیم. بیا شروع کنیم.

یک صفحه جدید به وب سایت خود اضافه کنید و به آن عنوان بدهید، سپس گزینه Use Divi Builder را انتخاب کنید.

برای این مثال از یک طرح‌بندی از پیش ساخته شده از کتابخانه Divi استفاده می‌کنیم، بنابراین View Layouts را انتخاب کنید.

صفحه تماس Acai Bowl را جستجو و انتخاب کنید.

گزینه Use this layout را برای افزودن طرح به صفحه خود انتخاب کنید.

اکنون ما آماده ساختن طرح خود هستیم.

تنظیمات ردیف را تغییر دهید

ابتدا خط حاوی ماژول نقشه را به قسمت بالا در زیر آدرس ها منتقل کنید.

سپس طرح ردیف را به دو ستون تغییر دهید.

تنظیمات ردیف را باز کنید، سپس تنظیمات ستون 1 را باز کنید.

یک رنگ پس زمینه اضافه کنید.

در نهایت تب طراحی را باز کرده و تنظیمات حاشیه را باز کنید. گوشه های گرد را به گوشه های پایین سمت چپ و راست اضافه کنید.

• گوشه های گرد – پایین سمت چپ: 300 پیکسل
• گوشه های گرد – پایین سمت راست: 300 پیکسل

تنظیمات برگه را تغییر دهید

تنظیمات بخش را برای بخش حاوی ماژول نقشه باز کنید. به تنظیمات پس زمینه بروید، سپس یک ماسک پس زمینه اضافه کنید.

• ماسک پس زمینه: نقطه گوشه
• رنگ ماسک: #FFFFFF
• تبدیل ماسک: عمودی و معکوس

یک تصویر اضافه کنید

ابتدا یک ماژول تصویر به ستون کنار ماژول نقشه اضافه کنید.

بعد، تصویر شفاف کاسه acai را به ماژول اضافه کنید. اگر از طرح‌بندی صفحه فرود Acai Bowl برای طرح‌بندی 1 استفاده کرده‌اید، باید آن را در کتابخانه رسانه‌تان با برچسب acai-bowl-34.png داشته باشید.

ما می خواهیم تصویر کاسه acai در حین اسکرول کردن صفحه بچرخد. به تب Advanced بروید، سپس بخش Scroll Effects را باز کنید. تب Rotation را انتخاب کرده و چرخش را فعال کنید.

سپس چرخش را تنظیم کنید.

• چرخش اولیه: 180
• میانگین چرخش: 90
• چرخش نهایی: 0

طراحی نقشه

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

• استفاده از فیلتر خاکستری: بله
• مقدار فیلتر مقیاس خاکستری (%): 100

سپس ارتفاع را در زیر تب Sizing تغییر دهید.

در تنظیمات فاصله، چند حاشیه اضافه کنید.

• حاشیه در بالا: 5 پیکسل
• حاشیه-پایین: 5 پیکسل
• حاشیه–چپ: 5 پیکسل
• حاشیه-راست: 5 پیکسل

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

• گوشه های گرد – پایین سمت چپ: 300 پیکسل
• گوشه های گرد – پایین سمت راست: 300 پیکسل

افکت های اسکرول را اضافه کنید

حالا می‌توانیم در نهایت افکت‌های اسکرول را به نقشه اضافه کنیم تا در هنگام اسکرول بزرگ‌تر شود. بخش Scroll Effects را در تب Advanced باز کنید. سپس تب zoom up and down را انتخاب کرده و Zoom up and down را فعال کنید.

در نهایت، ترازو را سفارشی کنید.

• مقیاس شروع: 90٪
• میانگین مقیاس: 95%
• مقیاس نهایی: 100%

پیش نویس نهایی

در اینجا طرح نهایی Layout 2 آمده است.
رارا

نتیجه نهایی

حالا بیایید نگاهی به هر دو طرح بندی خود در عمل بیاندازیم.

طرح 1

طرح 2

رارا

افکار نهایی

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

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

این بار تیم طراحی یک پکیج زیبای چیدمان سالن کنسرت ایجاد کرده است که به شما کمک می کند وب سایت سالن کنسرت بعدی خود را در کمترین زمان راه اندازی کنید!

این بسته چیدمان شامل:

– 6 صفحه آرایی آماده که به صورت استراتژیک برای هر وب سایت سالن کنسرت طراحی شده اند (از جمله طراحی فوتر)
– عکس ها و گرافیک های اصلی و رایگان + فایل منبع سفارشی (به زیر مراجعه کنید)
– به‌علاوه، مجموعه‌ای بزرگ از عناصر وب‌سایت از پیش طراحی‌شده که می‌توان آن‌ها را سفارشی کرد و در هر مکانی دوباره استفاده کرد.

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

طراحی صفحه فرود

دمو طرح زنده را ببینید

طراحی صفحه اصلی

دمو طرح زنده را ببینید

طراحی صفحه رویدادها

دمو طرح زنده را ببینید

درباره طراحی صفحه

دمو طرح زنده را ببینید

طراحی صفحه وبلاگ

دمو طرح زنده را ببینید

طراحی صفحه تماس

دمو طرح زنده را ببینید

توابع اساسی

با تشکر از Concert Hall Layout Pack for Divi، سالن کنسرت شما به زیبایی ارائه خواهد شد. سایه‌های مشکی با عکس‌های تاکیدی زاویه‌دار ترکیب می‌شوند تا رویدادها و خدمات را به نمایش بگذارند. قرمز دعوت به عمل و سایر نقاط مورد علاقه را برجسته می کند، در حالی که طراحی به فضایی آرام و آرام جریان می یابد.

تظاهرات زنده

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

1. صفحه فرود سالن کنسرت (دمو زنده)
2. صفحه اصلی سالن کنسرت (دمو زنده)
3. صفحه رویداد سالن کنسرت (تظاهرات زنده)
4. اطلاعات صفحه سالن کنسرت (نمایش زنده)
5. صفحه وبلاگ تالار کنسرت (نمایشی زنده)
6. صفحه تماس سالن کنسرت (دمو زنده)

همین الان به این طرح دسترسی داشته باشید
مستقیماً از Divi Builder شما

از نسخه 3.0.99 Divi، می‌توانید هر یک از طرح‌بندی‌های موجود در این بسته (به همراه تمام بسته‌های طرح‌بندی آماده Divi) را مستقیماً از Divi Builder پیدا و وارد کنید. آنها از قبل منتظر شما هستند.

برای دسترسی به طرح‌بندی جدید، کافی است هنگام ویرایش یک صفحه، Visual Builder را فعال کنید و نماد «بارگیری از کتابخانه» را در نوار تنظیمات صفحه جستجو کنید (به نظر می‌رسد یک علامت مثبت است). روی این نماد کلیک کنید تا پنجره بازشو Load from Library باز شود. در تب Premade Layouts، با پیمایش در لیست بسته های طرح بندی، می توانید به راحتی طرح بندی جدید را پیدا کنید. هنگامی که Concert Hall Layout Pack را پیدا کردید، روی آن کلیک کنید. تمام طرح‌بندی‌های جداگانه موجود در بسته را خواهید دید. طرح مورد نظر برای استفاده را انتخاب کنید و سپس روی دکمه “استفاده از این طرح” کلیک کنید.

برای اطلاعات بیشتر، این ویدیو را بررسی کنید تا یاد بگیرید چگونه می توانید امروز با این بسته طرح بندی شروع کنید.

در کانال یوتیوب ما مشترک شوید

احراز هویت لازم است

قبل از اینکه بتوانید طرح‌بندی‌های Premade را از کتابخانه Divi دانلود کنید، باید اشتراک Elegant Themes خود را احراز هویت کنید. شما می توانید این کار را با رفتن به Divi > گزینه های تم > به روز رسانی ها. در آنجا می توانید نام کاربری و کلید API خود را وارد کرده و تغییرات را ذخیره کنید.

می توانید کلید API خود را در قسمت اعضای سایت Elegant Themes پیدا کنید. هنگامی که نام کاربری و کلید API خود را وارد کردید، به کتابخانه ما از صدها طرح‌بندی رایگان (از جمله این یکی) دسترسی فوری خواهید داشت. اگر این کار را انجام نداده‌اید، وقتی برای وارد کردن طرح‌بندی صفحه خود کلیک می‌کنید، از شما خواسته می‌شود نام کاربری عضویت Elegant Themes و کلید API خود را وارد کنید.

از تصاویر طرح بندی به صورت رایگان و بدون محدودیت مجوز استفاده کنید

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

دارایی های تصویر با وضوح کامل را دانلود کنید

بسته طرح بندی جدید هر هفته!

امیدواریم این بسته چیدمان را دوست داشته باشید. ما مشتاقانه منتظر شنیدن نظرات شما در بخش نظرات زیر هستیم. فراموش نکنید که بسته طرح بندی هفته آینده را نیز بررسی کنید!

Avanti یک تم کودک شخص ثالث برای Divi با بیش از 60 صفحه در 9 جایگاه است که به شما کمک می کند تقریباً هر نوع وب سایتی را که نیاز دارید ایجاد کنید. استفاده از آوانتی به شما کمک می کند تا وب سایت خود را سریعتر بسازید. همچنین طرح هایی با محوریت WooCommerce وجود دارد که به شما کمک می کند فروشگاه آنلاین خود را به راحتی راه اندازی کنید. در این پست، ما برخی از طرح‌بندی‌های این تم کودک Divi را بررسی می‌کنیم تا به شما کمک کند تصمیم بگیرید که آیا محصول مناسب شماست یا خیر!

بیایید به آن برسیم.

نصب آوانتی

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

1. به Appearance بروید
2. تم ها را انتخاب کنید
3. افزودن جدید را انتخاب کنید

1. روی آپلود تم کلیک کنید
2. روی انتخاب فایل کلیک کنید
3. به فایل فشرده در رایانه خود بروید، آن را انتخاب کنید و روی Install Now کلیک کنید

1. روی Activate کلیک کنید

1. به Avanti Demo Import بروید
2. روی Easy Demo Import کلیک کنید
3. Import Content Demo را انتخاب کنید

1. روی حذف محتوای آزمایشی و وارد کردن ویژگی‌ها کلیک کنید

صفحات آوانتی، طرح‌بندی‌ها و قالب‌ها

آوانتی با ترکیبی از صفحات و قالب ها، بیش از 60 صفحه با بیش از 30 عنصر را در 9 طاقچه ارائه می دهد. این شامل وب‌سایت‌های کامل، طرح‌های هدر و پاورقی متعدد، صفحات فروشگاه و غیره می‌شود. من طرح‌بندی را با تصاویر ظروف برای برخی از طرح‌بندی‌ها و اسکرین‌شات‌ها با تصاویر نسخه‌ی نمایشی فروش نشان خواهم داد تا بهتر بتوانید محصول نهایی را ببینید. در اینجا برخی از صفحات آمده است.

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

همچنین شامل 11 قالب آماده و از پیش تعیین شده است.

صفحات اصلی آوانتی

آوانتی شامل 11 صفحه اصلی برای انواع مختلف مشاغل است. آنها عبارتند از:

1. کسب و کار
2. رستوران
3. عکاسی
4. مشاوره
5. طراحی وب سایت
6. دندانی
7. تعمیر
8. لوله کش
9. فروشگاه V1
10. فروشگاه V2
11. فروشگاه V3

هر کدام شامل بسیاری از عناصر سبک، انیمیشن های شناور، انیمیشن های اسکرول و حتی افکت Ken Burns برای تصاویر پس زمینه است. اینها شامل تصاویر ساختگی با اندازه تصویرشان است. صفحه اصلی کسب و کار پیش فرض است. این تم کودک Divi به‌روزرسانی‌های منظم را دریافت می‌کند. ما نگاهی به دو صفحه اصلی جدید، رستوران و عکاسی خواهیم داشت و همچنین نگاهی به آخرین به روز رسانی WooCommerce خواهیم انداخت.

صفحه اصلی رستوران آوانتی

طرح رستوران دارای 5 صفحه شامل صفحه اصلی، اطلاعات، منوی غذا، توصیفات و صفحه تماس است. در اینجا بخش کاراکترهای صفحه اصلی با تصاویر ساختگی است.

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

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

صفحه اصلی عکاسی آوانتی

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

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

سایر صفحات آوانتی

به غیر از صفحات اصلی، آوانتی شامل 3 صفحه اصلی فروشگاه ووکامرس، 5 صفحه درباره ما، 3 سرویس، 3 صفحه خدمات، 5 صفحه تماس با ما، 4 صفحه نمونه کار و بسیاری موارد دیگر است. صفحات دیگر عبارتند از وبلاگ ها، تقدیرنامه ها، توصیفات، پرسش های متداول، قیمت گذاری، 404 و غیره. بسیاری نیز شامل چندین نسخه هستند.

صفحه اصلی فروشگاه V1

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

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

صفحه اصلی فروشگاه V3

صفحه اصلی Shop V3 یک طراحی جدید فروشگاه است. در اینجا بخش کاراکتر با تصاویر ظرف است.

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

سبد خرید V2

Cart V2 یک صفحه سبد خرید جدید است که آیکون های ناوبری را در بالای صفحه نمایش می دهد تا به کاربر اطلاع دهد که در فرآیند خرید کجاست. همچنین یک سبد خرید سبک، CTA برای فروش، و مجموع برای سبد خرید را نمایش می دهد.

سبد خرید V3

کالسکه V3 نیز جدید است. این شامل همان سبک سبد خرید V2 است، اما مقادیر سبد خرید را به سبد خرید منتقل می کند و شامل CTA فروش نمی شود.

پرداخت V3

Checkout V3 یک صفحه پرداخت جدید است. این شامل آیکون های ناوبری در بالای صفحه و یک بخش دو ستونی با فرم پرداخت در سمت چپ و یک ستون کوچکتر در سمت راست با اطلاعات و توصیفات است.

برای ما V4

V4 برای ما صفحه جدیدی است که برای چیدمان جدید رستوران طراحی شده است.

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

برای ما V5

برای ما، V5 برای طرح جدید عکاسی طراحی شده است.

این صفحه شامل یک بخش قهرمان اختلاف منظر با CTA، یک بخش اطلاعات با پیوند به صفحه تماس، پیام‌های تبلیغاتی است که اطلاعات را نمایش می‌دهد، توصیفات، یک وبلاگ و یک فرم تماس سبک. اکثر آنها در صفحه اصلی گنجانده شده اند.

خدمات V3

Services V3 صفحه جدیدی است که به چیدمان عکاسی اختصاص داده شده است. شامل یک بخش تصویر برای خدمات با افکت شناور جالب است. تصویر به سمت بالا حرکت می‌کند و متن در داخل نقشه به سمت پایین حرکت می‌کند تا یک عکس و یک دکمه برای مشاهده بیشتر نمایش داده شود. همچنین شامل جداول قیمت های سبک شده است.

Single Service V3

Single Service V3 صفحه جدیدی برای طرح بندی عکاسی است. این شامل یک بخش متن و تصویر بزرگ برای توصیف یک سرویس است. همچنین شامل توصیفات، فرم تماس و موارد دیگر است.

با ما تماس بگیرید V4

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

با ما تماس بگیرید V5

تماس با ما V5 صفحه تماس برای طرح عکاسی است. این شامل یک بخش پیام تبلیغاتی با اطلاعات تماس است. قسمت اصلی صفحه شامل یک فرم تماس بزرگ است.

توصیه ها V2

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

قیمت گذاری V2

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

عناصر آوانتی

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

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

جعبه های سرویس

باکس های سرویس آوانتی شامل شش روش مختلف برای ارائه خدمات شما می باشد. بیشتر شامل افکت های مکان نما هستند که متن، تغییر تصاویر، مقیاس و غیره را برای ایجاد نقشه های جالب اضافه می کنند.

بررسی ها

آوانتی شامل 5 طرح گواهی است. آنها توصیه های شما را در نقشه های سبک ارائه می کنند. اینها شامل طراحی های جدید برای چیدمان رستوران و عکاسی است. اولین توصیه شامل اثرات ماندگاری است.

اسناد آوانتی

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

آوانتی را از کجا بخریم

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

پایان افکار

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

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

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

بیایید به آن برسیم.

نرم افزار CRM چیست و چرا به آن نیاز دارید؟

خوب، بنابراین در ابتدایی ترین، اساسی ترین و ساده ترین شکل خود، نرم افزار مدیریت ارتباط با مشتری (CRM) یک دفترچه آدرس با فیلدهای دقیق برای هر ورودی است. اما در عمل بسیار بیشتر از این است. بهترین نرم افزار CRM دارای فضای ذخیره سازی تماس، ردیابی سرنخ، الگوهای ایمیل، تولید سرنخ، هماهنگی پیام، ادغام تیم، بازاریابی همه کاناله و راه هایی برای جدا نگه داشتن آنها اما متصل است.

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

علاوه بر این، ابزارهای اتوماسیونی وجود دارند که با بهترین بسته‌های نرم‌افزاری CRM ارائه می‌شوند که می‌توانید افرادی را که در نیمه راه خرید خود هستند ردیابی کنید و ایمیل‌های یادآوری ارسال کنید که سبد خرید آنها هنوز پر است و منتظر آنها هستند. همچنین می‌توانید از گردش‌های کاری منطق شرطی برای واگذاری وظایف به صورت داخلی استفاده کنید، و تیم شما می‌تواند کل تاریخچه تعاملات خود با مشتریان یا مشتریان بالقوه را در محصولات خاص پیگیری کند. شما همچنین می توانید به طور کلی سرنخ ها را با استفاده از تست تقسیم متغیر هدف قرار دهید.

7 بهترین ابزار نرم افزار CRM

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

1. HubSpot

HubSpot تقریباً به اندازه Salesforce در دنیای CRM در همه جا حاضر است. دلیلی هم برای آن وجود دارد. این چیز خوبی است. بیایید در این مورد صحبت نکنیم رایگان است. خوب، CRM اولیه رایگان است. شما باید برای ابزارها و ویژگی های اضافی پول بپردازید، اما برای شروع، مجموعه بسیار خوبی از ویژگی ها را دریافت می کنید.

بیش از هر چیز، افزونه‌های یکپارچه‌سازی رایگان راهی عالی برای دیدن اینکه آیا چیزی مانند HubSpot بهترین نرم‌افزار CRM برای شما و کسب‌وکارتان است یا خیر. می توانید همه چیز را از Eventbrite گرفته تا Zapier و WordPress را حتی به Salesforce به حساب خود متصل کنید. در حالی که سطح رایگان به شما امکان دسترسی به هیچ یک از ابزارهای اتوماسیونی که HubSpot را درخشش می‌دهد، نمی‌دهد، شما تمام تولید سرنخ و ردیابی کاربر را با نمایه‌سازی متقابل دریافت می‌کنید که می‌تواند کسب و کار شما را برای موفقیت آماده کند.

ادغام HubSpot Divi

اگر کاربر Divi هستید، خوش شانس هستید – مجموعه ویژگی های قدرتمند HubSpot اکنون در Divi Builder در دسترس است. تنها با چند کلیک، می توانید حساب HubSpot خود را با استفاده از ماژول انتخاب ایمیل یا افزونه کاربر پسند Bloom یکپارچه کنید و شروع به ساخت لیست ایمیل خود با طیفی از پنجره های بازشو، سرریزها و سایر محرک های قابل تنظیم کنید.

اما این همه چیز نیست— افزونه HubSpot CRM WordPress به طور یکپارچه با Divi ادغام می شود تا به شما کنترل کامل روی حساب HubSpot خود را بدهد، بنابراین می توانید هر جنبه ای از تعاملات مشتری خود را به راحتی مدیریت کنید. این مسابقه ای است که در بهشت ​​برای کاربران Divi ساخته شده است که به دنبال بازاریابی ایمیلی و مدیریت مشتری خود به سطح بعدی هستند.

قیمت گذاری: شروع از 18 دلار در ماه برای افراد و تیم های کوچک.

HubSpot را انتخاب کنید

2. زوهو

Zoho نه تنها دارای یک لوگو است که با دیدن آن شما را خوشحال تر می کند، CRM تقریباً هنگام استفاده از آن روی شما تأثیر می گذارد. Zoho به دلایل زیادی متمایز است، اما بیشتر به دلیل هوش مصنوعی Zia که پردازش داده ها را مدیریت می کند. در بین CRM ها منحصر به فرد است. ضیا به ناهنجاری‌هایی در داده‌ها اشاره می‌کند که ممکن است دلتان برایتان تنگ شود یا برای دیدن آنها وقت بگذارید، مانند افزایش یا کاهش فروش که مطابق با جریان معمول شرکت شما نیست (اگر در بعدازظهر یکشنبه به سبک جمعه سیاه رسیدید، برای مثال).

همچنین اتوماسیون‌هایی در Zoho CRM وجود دارد که خط لوله فروش را تمیز نگه می‌دارد، ایمیل و تلفن را از طریق تلفن ردیابی می‌کند و صادقانه بگویم، آنچه من فکر می‌کنم یک ویژگی بزرگ است، ردیابی رسانه‌های اجتماعی برای تحلیل کمپین (به علاوه تعامل CRM با مشتریان بالقوه). این اتوماسیون ها از طریق ویژگی Zia از پیش تنظیم شده اند. شما همیشه می توانید خود را تنظیم کنید.

قیمت گذاری: شروع از 14 دلار در ماه.

Zoho را بگیرید

3. ذخیره کنید

Keap (که قبلاً Infusionsoft نامیده می شد) به طور خاص برای بازاریابی ایمیلی برای مشاغل کوچک طراحی شده است. این بدان معنی است که بخش بندی، سازماندهی مخاطبین، تولید سرنخ ها و مدیریت/گزارش داده های ما را انجام می دهد. یکی از ویژگی‌های قابل توجه‌تر که Keap را به یکی از بهترین راه‌حل‌های نرم‌افزار CRM تبدیل می‌کند، همان چیزی است که آنها می‌گویند امتیاز دهی پیشرو. این ویژگی به تمام سرنخ هایی که دریافت می کنید نگاه می کند و آنها را بر اساس رفتار، جمعیت شناسی و تعاملات (با تیم و سایت شما) برای شما امتیاز می دهد تا برآوردی از احتمال بستن قرارداد با آنها به شما ارائه دهد. این یک راه خوب برای کمک به شما و تیمتان است که اولویت‌بندی کنید کجا باید تلاش‌هایتان را متمرکز کنید.

قیمت گذاری: شروع از 189 دلار برای هر کاربر در ماه.

Keap را دریافت کنید

4. Freshsales CRM

Freshsales CRM یک CRM مبتنی بر ابر است که در مدیریت تماس تخصص دارد. طیف وسیعی از ویژگی‌ها را برای ساده‌سازی و خودکارسازی فرآیندهای فروش ارائه می‌کند، از جمله مدیریت سرنخ و معامله، مدیریت تماس، ردیابی ایمیل، مدیریت خط لوله و گزارش‌دهی.

Freshsales CRM همچنین با سایر ابزارهای تجاری مانند ایمیل، تلفن و رسانه های اجتماعی ادغام می شود تا دید جامعی از تعاملات مشتری ارائه دهد. از امتیازدهی تماس پیش‌بینی‌کننده استفاده می‌کند – روشی برای شناسایی داغ‌ترین مشتریان شرکت شما بر اساس میزان مشارکت یک شخص با تجارت شما. به عنوان یک امتیاز اضافی، Freshsales یک آزمایش رایگان 21 روزه بدون ریسک ارائه می دهد، بنابراین می توانید تصمیم بگیرید که آیا برای شما مناسب است یا خیر. به علاوه قیمت آنها هم بد نیست.

قیمت گذاری: شروع از 15 دلار برای هر کاربر در ماه.

Freshsales CRM را دریافت کنید

5. CRM خسته کننده کمتر

CRM کمتر آزاردهنده یک جایگزین با طراوت برای پلتفرم های پیچیده و درهم ریخته مدیریت مشتری ارائه می دهد. این پلت فرم با رابط کاربری ساده و شهودی خود به کسب و کارهای کوچک کمک می کند تا به راحتی تعاملات مشتری خود را مدیریت کنند، از ردیابی سرنخ و مدیریت وظایف گرفته تا برنامه ریزی رویداد و ردیابی ایمیل. و برای کسانی که در حال حرکت هستند، CRM کمتر آزاردهنده یک برنامه موبایل مناسب برای iOS و Android ارائه می‌کند که پیگیری مشتریان را بدون توجه به جایی که هستید آسان می‌کند.

CRM کمتر آزاردهنده ویژگی قابل توجهی را ارائه می دهد که آن را از دیگر پلتفرم های CRM متمایز می کند: توانایی ایجاد زمینه های سفارشی نامحدود. این بدان معنی است که شما محدود به زمینه های استاندارد مدیریت مشتری نیستید و می توانید CRM را به طور خاص با مدل کسب و کار خود تطبیق دهید. این پلتفرم همچنین شفافیت را در میان اعضای تیم ترویج می‌کند و به همه اجازه می‌دهد ببینند دیگران روی چه چیزی کار می‌کنند و همکاری را تسهیل می‌کند. و برای آسان کردن زمان‌بندی کارها و رویدادها، CRM کمتر آزاردهنده مجهز به زمان‌بندی جلسات مفیدی است که به شما امکان می‌دهد وظایف را تعیین کنید، رویدادها را تنظیم کنید و حتی آنها را با تقویم Google یا Outlook خود همگام‌سازی کنید.

قیمت گذاری: شروع از 15 دلار برای هر کاربر در ماه.

یک CRM کمتر آزاردهنده دریافت کنید

6. SuiteCRM

بعدی در لیست ما SuiteCRM است، گزینه منبع باز که مطمئنم برخی از شما مشتاق آن هستید. (در اینجا صفحه GitHub برای شما است.) اول، محصول است کاملا رایگان. بالاخره منبع باز است. SalesAgility، شرکت پشتیبان پروژه، پشتیبانی و سفارشی سازی درجه یک را برای آن ارائه می دهد. اگر فقط به کمی عملکرد اضافی نیاز دارید، یک فروشگاه افزونه وجود دارد.

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

از آنجایی که CRM نیز منبع باز است، به طرز مضحکی قابل توسعه است. تقریباً تمام کارهایی را که بزرگترین CRMها انجام می دهند انجام می دهد – ردیابی سرنخ ها، ارائه پشتیبانی از مشتری، و خودکارسازی ردیابی داده ها و تفویض جریان کار. و اگر در نرم افزار اصلی تعبیه نشده باشد، ماژول یا افزونه ای برای آن وجود دارد (یا می توانید خودتان بنویسید). اگر مطمئن نیستید که آیا این بهترین نرم افزار CRM برای ادغام با شرکت یا گردش کار شما است، نمی توانید با امتحان کردن آن اشتباه کنید زیرا رایگان است.

قیمت گذاری: رایگان! (افزونه های پولی موجود است)

SuiteCRM را دریافت کنید

7. نیروی فروش

Salesforce پدربزرگ همه نرم افزارهای CRM است. محصولی که در سال 1999 عرضه شد، دشوار است که با محصولی که نزدیک به بیست سال سابقه، به روز رسانی و مشتریان خوشحال دارد اشتباه کنید. اکنون، بیش از دو دهه بعد، Salesforce گزینه های زیادی دارد که فهرست کردن همه آنها در اینجا غیرممکن است. خدمات آنها به جای اینکه سعی کنند همیشه بهترین نرم افزار CRM برای همه باشند، به محصولات مختلف جداگانه تقسیم می شوند.

اگر در زمینه فروش هستید، یکپارچه سازی بازاریابی B2B، ابزارهای پیکربندی قیمت و نرم افزار سفارشی قیمت مشتری را دریافت می کنید. بازاریابان ردیابی سفر مشتری، پیام رسانی در چندین پلتفرم (اجتماعی، تلفن همراه، ایمیل) و پلتفرم های تجزیه و تحلیل و به اشتراک گذاری داده را دریافت می کنند. علاوه بر این، این سرویس دارای پایگاه دانش، چت زنده، تماس ویدیویی و نظارت بر مشکلات از راه دور است.

قیمت گذاری: شروع از 25 دلار در ماه برای محصولات مستقل.

Salesforce را بگیرید

بهترین نرم افزار CRM برای شما چیست؟

گزینه های CRM زیادی در دسترس هستند و این لیست تنها چند مورد را پوشش می دهد. با این حال، ما کمی تحقیق کردیم و 7 ابزار برتر نرم افزار CRM را انتخاب کردیم.

انتخاب برتر ما HubSpot است که با وجود قیمت بالا، راه حلی کامل و به راحتی یکپارچه است. بیشترین ویژگی ها را ارائه می دهد و حتی گزینه ای رایگان برای مدیریت لیست های مخاطبین کوچکتر دارد. به علاوه، اگر کاربر Divi هستید، می توانید به راحتی وب سایت وردپرس خود را با HubSpot ادغام کنید تا لیست ایمیل خود را بسازید.

سوالات متداول (سؤالات متداول)

قبل از پایان، اجازه دهید به برخی از سوالات متداول شما در مورد نرم افزار CRM پاسخ دهیم. آیا ما یکی را از دست دادیم؟ یک سوال در زیر بنویسید و ما به شما پاسخ خواهیم داد!

تصویر مقاله ویژه توسط TaErma / Shutterstock.com

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

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

بیا شروع کنیم!

یک نگاه یواشکی

در اینجا پیش نمایشی از آنچه ما طراحی خواهیم کرد است.

طرح 1 – ماژول نقشه با عرض کامل

طرح 2 – ماژول کارت ساده

آنچه برای شروع نیاز دارید

قبل از شروع، تم Divi را نصب و فعال کنید و مطمئن شوید که آخرین نسخه Divi را در وب سایت خود دارید.

حالا شما آماده رفتن هستید!

استفاده از Divi Fullwidth Map در مقابل ماژول نقشه

یک صفحه جدید با یک طرح از پیش ساخته شده ایجاد کنید

بیایید با استفاده از یک طرح از پیش ساخته شده از کتابخانه Divi شروع کنیم. برای این طراحی، از صفحه Conference About در بسته طرح‌بندی کنفرانس استفاده می‌کنیم.

یک صفحه جدید به وب سایت خود اضافه کنید و به آن عنوان بدهید، سپس گزینه Use Divi Builder را انتخاب کنید.

برای این مثال از یک طرح‌بندی از پیش ساخته شده از کتابخانه Divi استفاده می‌کنیم، بنابراین View Layouts را انتخاب کنید.

طرح کنفرانس درباره صفحه را جستجو و انتخاب کنید.

گزینه Use this layout را برای افزودن طرح به صفحه خود انتخاب کنید.

اکنون ما آماده ساختن طرح خود هستیم.

طرح 1 – ماژول نقشه با عرض کامل

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

ابتدا روی قسمت فوتر کلیک راست کنید یا روی سه نقطه نوار ابزار بخش کلیک کنید، سپس بخش را کپی کنید.

سپس بخش را از این صفحه حذف کنید.

طرح پاورقی خود را با تم ساز طراحی کنید

از داشبورد وردپرس خود، به تب ایجاد تم در تنظیمات Divi بروید. روی Add New Template کلیک کنید.

برای این طراحی من فقط با قالب صفحه کنفرانس خود قالب صفحه را فعال می کنم.

سپس روی Add Custom Footer کلیک کرده و Build Custom Footer را انتخاب کنید.

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

یک بخش جدید با عرض کامل بالای طرح پاورقی که قرار داده اید اضافه کنید.

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

تنظیمات ماژول نقشه عرض کامل

تنظیمات ماژول نقشه را باز کنید. اگر قبلاً این کار را نکرده‌اید، کلید Google API خود را اضافه کنید تا نقشه نمایش داده شود. (در اینجا درباره الزامات کلید Google Maps API بیشتر بدانید.)

ما باید یک آدرس مرکز نقشه را در زیر تنظیمات نقشه در تب Content اضافه کنیم تا نقشه ما برای نشان دادن یک مکان خاص قرار گیرد. برای این طرح، نقشه خود را در مرکز سانفرانسیسکو، کالیفرنیا قرار می دهیم.

همچنین می خواهیم یک پین به نقشه اضافه کنیم. در تب Content، روی Add New PIN کلیک کنید.

پین را وارد کنید.

در نهایت قسمت خالی طرح فوتر را حذف کنید.

طراحی ماژول کارت تمام عرض نهایی

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

طرح 2 – ماژول کارت ساده

برای طرح دوم خود، از ماژول نقشه معمولی استفاده خواهیم کرد. مانند طرح آخر، با استفاده از تنظیمات تم ساز آن را در طراحی فوتر قرار می دهیم. برای این طراحی نقشه ای به قسمت محل اقامت اضافه می کنیم.

طرح پاورقی خود را با تم ساز طراحی کنید

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

روی Add New Template کلیک کنید.

یک بار دیگر، قالب صفحه را فقط با قالب صفحه کنفرانس خودمان فعال می کنم.

سپس روی Add Custom Footer کلیک کرده و Build Custom Footer را انتخاب کنید.

هنگامی که تنظیمات پاورقی سفارشی شما در سازنده تم باز شد، به برگه طرح بندی اصلی برگردید و بخش “Where to stay” را کپی کنید.

بخش “Where to Stay” را در طرح پاورقی سفارشی خود قرار دهید.

به طرح اولیه برگردید و قسمت فوتر را کپی کنید.

سپس قسمت پاورقی را در زیر بخش «Where to Stay» در طرح‌بندی فوتر سفارشی قرار دهید.

بخش “Where to stay” و بخش فوتر را از طرح اصلی حذف کنید.

در نهایت، بخش خالی طرح‌بندی فوتر سفارشی را حذف کنید.

تنظیمات ماژول نقشه عرض کامل

یک ماژول نقشه را در زیر متن اصلی “Where to stay” اضافه کنید.

سپس تنظیمات ماژول نقشه را باز کنید. دوباره مطمئن شوید که کلید Google API خود را به تنظیمات نقشه اضافه کرده اید تا نقشه نمایش داده شود.

آدرسی را به مرکز نقشه اضافه کنید تا نقشه در یک مکان قرار گیرد. برای این مثال، آن را در سانفرانسیسکو، کالیفرنیا تنظیم می کنیم.

سپس یک کلاف به کارت اضافه کنید.

پین را وارد کنید.

طراحی نهایی ماژول کارت معمولی

در اینجا طرح نهایی با ماژول کارت ساده است.

نتیجه نهایی

حالا بیایید دوباره با هم به طرح های نهایی خود نگاه کنیم.

طرح 1 – ماژول نقشه با عرض کامل

طرح 2 – ماژول کارت ساده

افکار نهایی

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

آیا از یک ماژول منوی تمام عرض یا یک ماژول منوی معمولی در وب سایت خود استفاده می کنید؟ یا هر دو؟ ما دوست داریم از شما در نظرات بشنویم!