ماژول Fullwidth Wallet از تم دیوی، درست مانند ماژول Portfolio معمولی کار می کند، با این تفاوت که پروژه شما را در حالت Fullwdth زیبا نمایش می دهد. همچنین با چند پیکربندی جدید منحصر به فرد ارائه می شود: Grid و Carousel. این ماژول با نمایش لیستی از جدیدترین پروژه های شما کار می کند و می تواند توسط طراحان و هنرمندانی که می خواهند گالری از جدیدترین کارهای خود را به نمایش بگذارند استفاده شود.
چگونه می توان یک ماژول Fullwidth Portfolio را به صفحه خود اضافه کرد
قبل از اینکه بتوانید یک ماژول کامل نمونه کارها را به صفحه خود اضافه کنید، ابتدا باید به Divi Builder بروید. از وقتی که تم دیوی بر روی شما نصب شده است وب سایت، متوجه یک دکمه خواهید شد از Divi ساز استفاده کنید در هر زمان که صفحه جدیدی ایجاد کردید ، بالای ویرایشگر پست قرار بگیرید. برای فعال سازی Divi Builder و دسترسی به همه ماژول های Divi Builder بر روی این دکمه کلیک کنید. سپس بر روی دکمه کلیک کنید از Visual Builder استفاده کنید برای شروع ژنراتور در حالت تصویری. همچنین می توانید بر روی دکمه کلیک کنید از Visual Builder استفاده کنید وقتی شما خود را مرور می کنید وب سایت در پیش زمینه اگر وارد داشبورد وردپرس خود شده اید.
پس از ورود به Visual Builder ، می توانید بر روی دکمه خاکستری بعلاوه کلیک کنید تا یک ماژول جدید به صفحه خود اضافه کنید. ماژول های جدید فقط می توانند در داخل ردیف ها اضافه شوند. اگر صفحه جدیدی را شروع می کنید ، به یاد داشته باشید که ابتدا یک سطر به صفحه خود اضافه کنید. ما آموزش های خوبی در مورد استفاده از عناصر خط Division و بخش Divi داریم.
ماژول کیف پول قابل فیلتر را در لیست ماژول ها پیدا کرده و بر روی آن کلیک کنید تا به صفحه شما اضافه شود. لیست ماژول ها قابل جستجو است ، به این معنی که شما همچنین می توانید کلمه "نمونه کارها قابل تصفیه" را تایپ کنید و سپس "Enter" را کلیک کنید تا به طور خودکار ماژول نمونه کارها قابل فیلتر شدن را پیدا کنید و اضافه کنید. پس از اضافه شدن ماژول ، لیست گزینه های ماژول به شما خوش آمد می گوید. این گزینه ها به سه گروه اصلی تقسیم می شوند: محتویات , تصور et پیشرفته.
مثال استفاده از حالت: افزودن ماژول نمونه کارها قابل تصفیه به صفحه نمونه کارها
برای این مثال ، من به شما نشان می دهم که چگونه می توانید یک نمونه کار را در صفحه نمونه کارها ارائه دهید که عرض کامل صفحه را در بر می گیرد.
بیایید شروع.
از سازنده بصری برای افزودن بخش Fullwidth در زیر هدر صفحه استفاده کنید. سپس یک ماژول نمونه کارها قابل تصفیه اضافه کنید.
تنظیمات نمونه کارها قابل تصفیه را به شرح زیر به روز کنید:
گزینه های محتوا
شماره پیام ها: 8 صفحه نمایش صفحه نمایش: نه
گزینه های طراحی
طرح بندی: شبکه نماد بزرگنمایی رنگ: # 000000 شناور رنگ همپوشانی: #ffffff عنوان قلم: پیش فرض ، پررنگ ، تمام کلمات عنوان اندازه قلم: 14 پیکسل فاصله عنوان نامه: 1 پیکسل اندازه قلم متا: 12 پیکسل فاصله متا حروف: 1 پیکسل
همین!
گزینه محتوای ماژول نمونه کارها
در برگه محتوا ، تمام عناصر محتوای ماژول ، مانند متن ، تصاویر و آیکون ها را پیدا خواهید کرد. همه اینها را کنترل می کند چی به نظر می رسد که در ماژول شما همیشه در این برگه یافت می شود.
عنوان نمونه کارها
عنوانی را که در بالای نمونه کارها نمایش داده شده است وارد کنید ، یا آن را خالی بگذارید تا از عنوان استفاده نکنید.
شامل دسته بندی ها
دسته هایی را که می خواهید نمایش دهید انتخاب کنید. پروژه هایی از دسته هایی که انتخاب نشده اند در لیست پروژه ها نمایش داده نمی شوند.
تعداد پست
تعداد پروژه های نمایش داده شده را کنترل کنید خالی بگذارید یا از 0 استفاده کنید تا مقدار آن محدود نشود.
نمایش عنوان
هنگامی که ماوس را روی آیتم پروژه قرار می دهید ، انتخاب کنید عنوان هر پروژه نمایش داده شود یا خیر.
نمایش تاریخ
انتخاب کنید که آیا هنگام انتشار روی مورد پروژه ، تاریخ انتشار برای هر پروژه نمایش داده می شود یا خیر.
رنگ پسزمینه
یک رنگ زمینه پس زمینه برای ماژول خود مشخص کنید یا خالی بگذارید تا از رنگ پیش فرض استفاده کنید.
تصویر پس زمینه
در صورت تنظیم ، این تصویر به عنوان پس زمینه این ماژول استفاده می شود. برای حذف یک تصویر پس زمینه ، فقط URL را از قسمت تنظیمات حذف کنید. تصاویر پس زمینه در بالای رنگ های پس زمینه ظاهر می شوند ، به این معنی که هنگام استفاده از تصویر پس زمینه ، رنگ پس زمینه قابل مشاهده نیست.
برچسب مدیر
این برچسب ماژول را در سازنده تغییر می دهد تا به راحتی شناسایی شود. وقتی از نمای WireFrame در Visual Builder استفاده می کنید ، این برچسب ها در بلوک ماژول رابط Divi Builder ظاهر می شوند.
گزینه های طراحی کیف پول کامل
در زبانه Design ، تمام گزینه های یک ظاهر طراحی شده ماژول ، مانند قلم ها ، رنگ ها ، اندازه و فاصله را پیدا خواهید کرد. این برگه ای است که برای تغییر ظاهر ماژول خود استفاده خواهید کرد. هر ماژول Divi دارای یک لیست طولانی از تنظیمات طراحی است که می توانید برای تغییر هر چیزی از آنها استفاده کنید.
وضع
طرح مورد نظر را برای استفاده انتخاب کنید. "Grid" تمام موارد شما را در یک طرح چند ستونی و چند ردیفی نمایش می دهد. چرخ فلک موارد شما را در یک ردیف از تصاویر کاشی کاری شده نشان می دهد که به صورت اسلاید کشیده می شوند تا موارد اضافی در لیست را نشان دهد.
نماد بزرگنمایی رنگ
وقتی روی یک مورد در ماژول نمونه کارها قرار می گیرید ، یک نماد پوشش نشان داده می شود. می توانید رنگ استفاده شده از این نماد را با استفاده از انتخابگر رنگ در این تنظیم تنظیم کنید.
حواس پرت رنگ
وقتی روی یک مورد در ماژول نمونه کارها قرار می گیرید ، یک رنگ همپوشانی در بالای تصویر و زیر متن و نماد عنوان نمونه کارها ظاهر می شود. به طور پیش فرض ، از یک رنگ سفید نیمه شفاف استفاده می شود. اگر می خواهید از رنگ دیگری استفاده کنید ، می توانید رنگ را با استفاده از انتخابگر رنگ در این تنظیم تنظیم کنید
Hover Icon Selector
در اینجا می توانید یک نماد سفارشی برای نمایش زمانی که بازدید کننده روی موارد نمونه کارها موجود در ماژول نشان می دهد ، انتخاب کنید.
رنگ متن
در اینجا می توانید متن خود را سبک یا تاریک انتخاب کنید.
فونت عنوان
با انتخاب قلم مورد نظر از منوی کشویی می توانید قلم متن عنوان خود را تغییر دهید. Divi دارای ده ها فونت عالی است که توسط Google Fonts طراحی شده اند. به طور پیش فرض ، Divi از قلم Open Sans برای تمام متنهای صفحه شما استفاده می کند. همچنین می توانید سبک متن خود را با استفاده از گزینه های پررنگ ، مورب ، حروف بزرگ و زیر خط تنظیم کنید.
اندازه فونت عنوان
در اینجا می توانید اندازه متن عنوان خود را تنظیم کنید. می توانید نوار لغزنده محدوده را بکشید تا اندازه متن خود را کم یا زیاد کنید یا مقدار اندازه متن مورد نظر را مستقیماً در قسمت ورودی در سمت راست نوار لغزنده وارد کنید. قسمتهای ورودی از واحدهای اندازه گیری مختلف پشتیبانی می کنند ، به این معنی که شما می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
رنگ متن عنوان
به طور پیش فرض ، تمام رنگ های متن در Divi با رنگ سفید یا خاکستری تیره ظاهر می شوند. اگر می خواهید رنگ متن عنوان خود را تغییر دهید ، با استفاده از این گزینه رنگ مورد نظر را از انتخاب کننده رنگ انتخاب کنید.
فاصله نامه های عنوان
فاصله حروف بر فاصله بین هر حرف تأثیر می گذارد. اگر می خواهید فضای بین هر حرف را در متن عنوان خود افزایش دهید ، از نوار لغزنده محدوده برای تنظیم فضا استفاده کنید یا اندازه فاصله دلخواه را در قسمت ورودی در سمت راست نوار لغزنده وارد کنید. قسمتهای ورودی از واحدهای مختلف اندازه گیری پشتیبانی می کنند ، به این معنی که می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
ارتفاع خط عنوان
ارتفاع خط فاصله بین هر سطر از متن عنوان شما را تحت تأثیر قرار می دهد. اگر می خواهید فضای بین هر خط را افزایش دهید ، از نوار لغزنده محدوده برای تنظیم فضا استفاده کنید یا اندازه فاصله دلخواه را در قسمت ورودی وارد کنید واقع در سمت راست مکان نما. قسمتهای ورودی از واحدهای اندازه گیری مختلف پشتیبانی می کنند ، به این معنی که شما می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
متا فونت
می توانید با انتخاب قلم مورد نظر خود از منوی کشویی ، قلم متا متن خود را تغییر دهید. Divi دارای ده ها فونت عالی است که توسط Google Fonts طراحی شده اند. به طور پیش فرض ، Divi از قلم Open Sans برای تمام متنهای صفحه شما استفاده می کند. همچنین می توانید سبک متن خود را با استفاده از گزینه های پررنگ ، مورب ، حروف بزرگ و زیر خط تنظیم کنید.
اندازه قلم متاس
در اینجا می توانید اندازه متا متن خود را تنظیم کنید. می توانید نوار لغزنده محدوده را بکشید تا اندازه متن خود را کم یا زیاد کنید یا مقدار اندازه متن مورد نظر را مستقیماً در قسمت ورودی در سمت راست نوار لغزنده وارد کنید. قسمتهای ورودی از واحدهای اندازه گیری مختلف پشتیبانی می کنند ، به این معنی که شما می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
متن متا رنگ
به طور پیش فرض ، تمام رنگ های متن در Divi با رنگ سفید یا خاکستری تیره ظاهر می شوند. اگر می خواهید رنگ متا متن خود را تغییر دهید ، با استفاده از این گزینه رنگ مورد نظر را از انتخاب کننده رنگ انتخاب کنید.
فاصله متا نامه
فاصله حروف بر فاصله بین هر حرف تأثیر می گذارد. اگر می خواهید فضای بین هر حرف از متا متن خود را افزایش دهید ، از نوار لغزنده محدوده برای تنظیم فضا استفاده کنید یا اندازه فاصله دلخواه را در قسمت ورودی در سمت راست نوار لغزنده وارد کنید. قسمتهای ورودی از واحدهای مختلف اندازه گیری پشتیبانی می کنند ، به این معنی که می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
ارتفاع متا خط
ارتفاع خط بر فضای بین هر خط از متا متن شما تأثیر می گذارد اگر می خواهید فضای بین هر خط را افزایش دهید ، از نوار لغزنده محدوده برای تنظیم فضا استفاده کنید یا اندازه فاصله دلخواه را در قسمت ورودی وارد کنید واقع در سمت راست مکان نما. قسمتهای ورودی از واحدهای مختلف اندازه گیری پشتیبانی می کنند ، به این معنی که می توانید بسته به مقدار اندازه خود "px" یا "em" را وارد کنید تا نوع واحد آن تغییر کند.
از مرز استفاده کن
فعال کردن این گزینه حاشیه ای در اطراف ماژول شما ایجاد می کند. این مرز را می توان با استفاده از پارامترهای شرطی زیر سفارشی کرد.
رنگ مرز
این گزینه بر رنگ حاشیه شما تأثیر می گذارد. یک رنگ سفارشی از انتخابگر رنگ انتخاب کنید تا آن را در حاشیه خود اعمال کنید.
عرض مرز
به طور پیش فرض ، مرزها 1 پیکسل عرض دارند. با کشیدن نوار لغزنده محدوده یا وارد کردن مقدار سفارشی در قسمت ورودی در سمت راست نوار لغزنده ، می توانید این مقدار را افزایش دهید. واحد اندازه گیری سفارشی پشتیبانی می شود ، به این معنی که می توانید واحد پیش فرض را از "px" به مورد دیگری مانند em ، vh ، vw و غیره تغییر دهید.
سبک مرزی
حاشیه ها از هشت سبک مختلف پشتیبانی می کنند: جامد ، نقطه ای ، نقطه ای ، دوتایی ، شیار ، خط الراس ، روکش و شروع. سبک مورد نظر خود را از فهرست کشویی انتخاب کنید تا در حاشیه شما اعمال شود.
تمام گزینه های پرتفوی پیشرفته
در برگه پیشرفته ، گزینه هایی را پیدا می کنید که ممکن است طراحان وب با تجربه تر ، مانند ویژگی های سفارشی CSS و HTML ، مفید باشند. در اینجا می توانید CSS سفارشی را به عناصر مختلف ماژول اعمال کنید. همچنین می توانید کلاسها و شناسه های CSS سفارشی را به ماژول اعمال کنید ، که می تواند برای سفارشی کردن ماژول در پرونده style.css موضوع کودک شما استفاده شود.
شناسه CSS
یک شناسه CSS اختیاری برای استفاده برای این ماژول وارد کنید. از یک شناسه می توان برای ایجاد یک سبک CSS سفارشی یا پیوند دادن به بخشهای خاصی از صفحه خود استفاده کرد.
کلاس CSS
کلاس های CSS اختیاری را برای استفاده برای این ماژول وارد کنید. یک کلاس CSS می تواند برای ایجاد یک استایل CSS سفارشی استفاده شود. می توانید چندین کلاس را که با یک فاصله از هم جدا شده اند اضافه کنید. این کلاس ها را می توان در تم فرزند Divi یا در شیوه نامه سفارشی CSS که به صفحه یا وب سایت خود اضافه می کنید استفاده کرد. وب سایت با استفاده از گزینه های تم Divi یا تنظیمات صفحه Divi Builder.
CSS سفارشی
CSS سفارشی همچنین می تواند بر روی ماژول و هر یک از واحدهای داخلی ماژول اعمال شود. در بخش CSS سفارشی ، یک قسمت متنی پیدا می کنید که می توانید برگه های سبک CSS سفارشی را مستقیماً به هر عنصر اضافه کنید. ورودی های CSS در این تنظیمات از قبل با برچسب های سبک بسته بندی شده اند. بنابراین کافیست قوانین CSS را که با نقطه ویرگول جدا شده اند وارد کنید.
چرخ فلک اتوماتیک
اگر گزینه طرح چرخ و فلک انتخاب شده است و می خواهید چرخ و فلک به طور خودکار بلغزد بدون اینکه بازدید کننده مجبور شود روی دکمه بعدی کلیک کند ، آن گزینه را فعال کنید و در صورت تمایل سرعت چرخش را به زیر تنظیم کنید.
سرعت چرخ فلزی اتوماتیک
اگر گزینه "چرخش خودکار چرخ فلک" در بالا فعال شده باشد ، می توانید سرعت چرخش چرخ فلک را نشان دهید. هرچه عدد بیشتر باشد ، مکث بین هر چرخش بیشتر است. (مثلاً 1000 = 1 ثانیه)
دید
این گزینه به شما امکان می دهد دستگاه هایی را که ماژول روی آنها نشان داده می شود کنترل کنید. می توانید به صورت جداگانه ماژول خود را بر روی تبلت ها ، تلفن های هوشمند یا دسک تاپ غیرفعال کنید. اگر می خواهید از حالت های مختلف در دستگاه های مختلف استفاده کنید ، یا اگر می خواهید با حذف عناصر خاصی از صفحه ، طراحی تلفن همراه را ساده کنید ، این کار مفید است.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]دانلود تم DIVI [/vcex_button][/vc_colum][/vc_colum] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”family” =_font ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-NAD”]DOW قالب DIVI[/vcex_button][/vc_column][/vc_row]
سایر آموزشهای دوگانه
- سایت های رستوران 5 که از موضوع دووی استفاده می کنند
- چگونه برای اضافه کردن متن در محصول Divi WooCommerce
- چگونه می توان رنگ منو را بین صفحات Divi تغییر داد
- نحوه شخصی سازی شبکه های یک وبلاگ با Divi
- نحوه استفاده از ویرایشگر نقش دووی در وردپرس
- نحوه ایجاد یک نوار لغزنده تمام صفحه Divi
- چگونگی تغییر رنگ منوها بین صفحات Divi
- ویژگی هایی که احتمالاً در مورد Divi نمی دانید
- نحوه استفاده از Divi Builder در وردپرس
- نحوه استفاده از ماژول پیمایش ویدئو Divi
- نحوه استفاده از ماژول Flip Builder Divi
- نحوه اضافه کردن ماژول توصیفی در Divi Builder
- نحوه استفاده از ماژول متن دووی
- نحوه ایجاد کشویی در دیوی
- نحوه ویرایش نقش کاربر Divi
- نحوه استفاده از ماوی رسانه اجتماعی Divi
- نحوه استفاده از ماژول فروشگاه با موضوع WordPress Divi
- نحوه استفاده از ماوی نوار کناری Divi
- نحوه استفاده از ماژول جدول قیمت دووی
- چگونه از عنوان ماژول نشریات دووی استفاده کنیم
- نحوه اضافه کردن ماژول ویدیویی از دیوی
- نحوه استفاده از ماژول ناوبری مقاله
- چگونه از ماوی جستجوی Divi استفاده کنیم
- چگونه از ماژول کیف پول Divi استفاده کنیم
- نحوه استفاده از ماژول شخص در Divi Builder
- نحوه استفاده از ماژول کیف پول با فیلتر Divi
- نحوه استفاده از ماژول کشویی عرض کامل
- نحوه استفاده از ماژول Image Divid Builder
- نحوه استفاده از ماژول ناوبری تمام عرض Divi Builder
- نحوه استفاده از ماژول گالری تصاویر
- نحوه استفاده از ماوی کارت Width Divi Builder
- نحوه استفاده از ماژول Portfolio Full Width Divi
- نحوه استفاده از ماژول هدر تمام عیار Divi
- چگونه از ماوی شمارنده Divi استفاده کنیم
- نحوه استفاده از نوار لغزنده مقالات در Divi Builder
- نحوه استفاده از ماژول Divi ایمیل Optin
سلام،
من می توانم کیف پول قابل تصفیه یا کیف پول تمام عرض داشته باشم اما عرض کامل قابل فیلتر نیست.
من می خواهم بتوانم عنوان پروژه مورد نظر را به تصاویر نمونه کارها قابل تصفیه خود اضافه کنم ، همانطور که در نمونه کارهای "کلاسیک" وجود دارد. آیا میدانی که چطور آن را انجام بدهی ؟
سلام!
من فقط به Divi رفتم و در راه ایجاد یک صفحه "تبلیغات" که تبلیغات جدید من در تصاویر کوچک / کوچک در کنار یکدیگر و در سایت های آژانس املاک و مستغلات نشان داده می شود ، لرزانم. برای کسب اطلاعات ، من در حال حاضر صفحه تبلیغات و چند مقاله (یک مقاله برای تبلیغات) را ایجاد کرده ام که با گروه ADVERTISEMENTS assoc مرتبط می سازم. اما در قالب بزرگ ظاهر می شوند. امیدوارم خودم را در مسئله خود به خوبی توضیح دهم! در حالی که منتظر پیشنهادات خود هستید ، پیشاپیش از توضیحات و توصیه های شما سپاسگزارم! شب بخیر !! با احترام - جروم
سلام ، اگر از ماژول وبلاگ استفاده می کنید ، باید CSS خاصی را که برای این ماژول اعمال می شود اضافه کنید. متأسفانه ، این قالب گزینه های سفارشی سازی زیادی را ارائه نمی دهد.
سلام،
با تشکر از شما برای مقاله بسیار کامل شما.
من موفق می شوم یک پورفتولیو با عرض کامل یا یک نمونه کارها قابل تصفیه اما با حاشیه زیاد در اطراف آن نمایش دهم.
آیا می دانید divi می تواند نمونه کارهای پالایشی با عرض کامل را نمایش دهد؟
یا برای نمایش یک نمونه کارها قابل تصفیه بدون حاشیه مهم؟
از Merci
سلام دلفین
من هرگز آزمایش نکرده ام اما اگر جوابی داشته باشم به شما برمی گردم.
سلام ، من از مقاله شما بسیار لذت بردم ، اما وقتی سعی می کنم این نوع طرح را تولید کنم ، فضای زیادی بین تصاویرم وجود دارد. من ترجیح می دادم که تصاویر مانند مثال شما بهم پیوسته باشند. چگونه ماژول را برای این کار پیکربندی کنیم؟
احترام.
سلام والری
آیا سعی کرده اید همه پلاگین ها را غیرفعال کنید تا ببینید آیا صفحه نمایش بهبود می یابد؟