انجمن سون هاست

آموزش فارسی قالب دیوی Divi + قالب دیوی (divi) و booster

سلام خدمت دوستان عزیز

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

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

قالب دیوی یکی از جدیدترین و پیشرفته ترین و در عین حال یکی از پرفروش ترین قالب های وردپرسی هست که توسط کمپانی الگانت تمز (elegantthemes) به بازار عرضه شده و همه رو مجذوب خودش کرده دیوی پر از ایده های ناب و جدید هست که الگانت تمز این قالب را مظهر قدرت نمایی خود می داند.

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

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

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

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

روش دوم : نصب از طریق هاست و فعال کردن آن از طریق وردپرس : وارد هاست خود شده → file manager → پوشه public-html → پوشه wp-content → پوشه themes → از نوار بالا upload را انتخاب کرده → فایل فشرده شده قالب را انتخاب و آپلود می کنیم → مجددا صفحه را رفرش کرده → و فایل را اکسترکت می کنیم → وارد پیشخوان سایت خود شده → نمایش → پوسته ها → و قالب دیوی را فعال می کنیم.

نصب افزونه صفحه ساز دیوی

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

روش دوم : نصب از طریق هاست و فعال کردن آن از طریق وردپرس : وارد هاست خود شده → file manager → پوشه public-html → پوشه wp-content → پوشه plugins → از نوار بالا upload را انتخاب کرده → فایل فشرده شده صفحه ساز را انتخاب و آپلود می کنیم → مجددا صفحه را رفرش کرده → و فایل را اکسترکت می کنیم → وارد پیشخوان سایت خود شده → افزونه ها → افزونه های نصب شده → و صفحه ساز دیوی را فعال می کنیم.

خب ! تا به اینجا قالب و افزونه ی صفحه ساز دیوی با موفقیت نصب شد

بعد از نصب قالب دیوی و افزونه صفحه ساز و ایجاد برگه، از شما می خواهد که به دلخواه یکی از دمو ها را نصب کنید من دمو software-marketing را درون ریزی کردم
قالب را با یکی از دمو های پیش فرض دیوی و بدون نصب هیچگونه افزونه ی دیگر در gtmetrix تست میکنیم


قالب دیوی به همراه بعضی از ادان DIVI

Divi.zip (10.1 مگابایت) Version: 4.10.8 ، آپدیت 29 شهریور
divi-rocket.zip (164.0 کیلوبایت)
divi-learndash-kit.zip (47.3 کیلوبایت)
divi-booster-3.2.1.zip (794.6 کیلوبایت)
divi-mobile.zip (894.9 کیلوبایت)
dark-divi.zip (153.7 کیلوبایت)


4 Likes

امروز قصد دارم بخش های مختلف تنظیمات عمومی (general) قالب divi رو با هم بررسی کنیم.
در ابتدا خدمت شما عرض کنم که در کل آموزش بخش هایی که واضح هستند رو بصورت تصویری بررسی میکنیم و بخش های دیگه رو با آموزش ویدیویی با هم جلو میریم.
وارد پیشخوان وردپرس خود شوید -> DIVI -> تنظیمات قالب (theme setting)

(برای بزرگنمایی تصویر روی آن کلیک کنید یا آنرا در تب جدیدی باز کنید)

1- انتخاب لوگو، نحوه بارگذاری و تنظیم آن

1- در بخش اول، لوگو سایت خود را انتخاب میکنید در نظر داشته باشید برای آپلود بر روی گزینه upload کلیک و تصویر مورد نظر خود را بارگذاری و آگر که قصد تغییر یا تنظیم مجدد لوگو خود را دارید بر روی reset کلیک میکنید. (پیشنهاد میکنم قبل از هر چیز لوگو و تمامی تصاویر خود را قبل از بارگذاری در سایت از طریق سایت های فشرده ساز تصویر (compress image)، کمی فشرده تر کنید که از حجم آن کاسته شود که بعدا دچار مشکلات لود و سایز و … نشوید _ خشت اول گر نهد معمار کج/تا ثریا می رود دیوار کج)

2- fixed navigation bar یا نوار منوی ثابت

ببنید متداول ترین سوال کاربران این است که چگونه ما منوی سایت خودمون رو ثابت کنیم ؟
این ویژگی یعنی زمانی که کاربر به پایین صفحه پیمایش میکنه منو میتونه در 2 حالت مختلف نمایش داده بشه اولی فعال کردن این ویژگی که ثابت به بالای صفحه میچسبه و کاربر تمام گزینه های منو رو همچنان با پیمایش صفحه به بالا و پایین میتونه ببینه ولی در صورت غیر فعال شدن این ویژگی وقتی کاربر صفحه رو به پایین پیمایش میکنه منو رو رد میکنه یعنی منو دیگه نمایش داده نمیشه.
فقط با فعال کردن همین گزینه !
برای فهم بهتر، فرقش رو من در 2 گیف براتون به نمایش میزارم.
حالت اول غیرفعال در پیمایش صفحه
captured
حالت دوم فعال منو ثابت در صفحه
captured (2)

3- فعال کردن گالری دیوی

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

4- پالت پیش فرض رنگ ها

قالب دیوی دارای حالت های مختلف رنگی (تم) می باشد که به سلیقه شما تم های رنگی تغییر میکنند رنگ پیش فرض قالب آبی روشن می باشد که چنانچه خوشتون نیومد بین رنگ هایی که درنظر گرفته می توانید یک رنگ دیگر را انتخاب کنید و با تغییر رنگ تقریبا بیشتر رنگ های قالبتون (منو ثانویه، دکمه ها، بعضی نوشته، حالت های هاور و …) به اون رنگ تغییر پیدا میکنند.

5- grab the first post image یا گرفتن اولین تصویر پست

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

6- سبک وبلاگ یا blog style mode

با فعال کردن این ویژگی صفحات سایت که پیش فرض تمام عرض (Full width) هستند به حالت وبلاگی (Blog width) تغییر پیدا میکند که عرض کمی جمع تر و این کار باعث می شود اگر سایتتون دارای محتوا های خیلی طولانی هست چشمان یک کاربر بدلیل تحرک زیاد خسته نشود.
با 2 عکس سایت در حالت Full width و Blog width

اولی تمام عرض (Full width) و دومی حالت وبلاگی (Blog width)

7- طرح سایدبار sidebar layout

سایدبار یا نوار کناری بخش کوچکی از صفحه که بصورت عمودی است و برای نشان دادن عناصر خاصی مثل تبلیغ، نوشته ها، محصولات، سبد خرید، آب و هوا، دیدگاه و … به کار می رود در دیوی سایدبار بصورت 2 حالت در سمت چپ و سمت راست قابل تغییر هست که با انتخاب گزینه مورد نظر در این قسمت می توانید سایدبار خود را انتخاب کنید.

8- use excerpts when defined یا استفاده از چکیده نوشته ها

این ویژگی این امکان را می دهد که بخشی از نوشته ها (تا قبل از نمایش کامل نوشته و در آرشیو) پیش فرض 30 الی 100 کلمه (قابل تغییر در تنظیمات) به کاربران نمایش داده شود.

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

2 Likes

دیوی بهتره یا بی تم ؟ با ووکامرس هم بشه راحت کار کرد؟

1 Likes

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

3 Likes

قالب خوب و سریع و سبکیه
شما که این قالب را معرفی فرمودید، لطف میکنید و فایل دانلودی اون را بارگزاری کنید؟!

سلام دوست عزیز،
به انجمن سون هاست خوش اومدی :wink:
بله حتما، خانم @Angel لطفا، در صورت امکان فایلهای قالب Divi

سلام
قالب Divi + Booster به پست اول پیوست گردید/

2 Likes

چجوری میتونم با شما تماس بگیرم ؟

در پست اول / قالب دیوی DIVI آپدیت Version: 4.10.6 و addon های جدید اضافه شدند.

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

دوست عزیز،

برای وارد کردن دمو های دیوی 2 راه در پیش رو دارید
—> راه اول
وارد پیشخوان وردپرس و از پیشخوان وارد برگه ها و یک برگه جدید ایجاد کنید و صفحه ساز دیوی را در آن برگه فعال کنید.
بعد از فعال شدن صفحه ساز دیوی بر روی گزینه ای در head سمت چپ + که در هم عکس مشخص شده کلیک نمایید.

InkedUntitled - Copy_LI

و صبر کنید تا پنجره بعدی باز شود.

در این قسمت تمام دمو های دیوی را می توانید بر اساس نوع کسب و کار یا وب سایت و یا علاقه خود انتخاب و درون ریزی کنید.

—> راه دوم 2
درون ریزی بصورت دستی، در این حالت شما فایل دمو را دارید و یا از سایتی دانلود کردید و قصد دارید از طریق فایلی که در سیستم شما هست دمو توسط قالب دیوی بارگذاری شود.
وارد پیشخوان وردپرس شده و از ساید بار یا نوار کناری سمت راست صفحه وارد بخش دیوی شوید مانند تصویر زیر و سپس وارد Divi library یا کتابخانه دیوی

Untitl546ed

و بعد ورود به بخش کتابخانه دیوی از بخش تنظیمات بالای صفحه گزینه Import یا درون ریزی

InkedU4n657titled_LI

و در پنجره ی جدید روی بخش Import یا درون ریزی و بر روی دکمه Choose File و فایل مورد نظر را انتخاب کنید.

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

در پست اول / قالب دیوی DIVI Version: 4.10.8 آپدیت شد.