در تاریخ 28 دی 1399 ویدئوی آموزشی تنظیم ارتفاع باکس ها در المنتور اضافه شد.
با آموزش ساخت باکس نوشته ها و مقالات دلخواه در المنتور در خدمت شما عزیزان هستیم و در این مقاله که همراه با ویدئوی آموزشی هست، میخواهیم تا یکی دیگر از شگفتی های پلاگین المنتور رو براتون آموزش بدم که شاید خیلی ها دنبال این بودند که آیا همچین امکانی در المنتور هست یا نه!!؟؟ پس حتما در ادامه همراه ما باشید تا به دانسته های خودتون اضافه کنید.
منظور از باکس نوشته ها و محصولات چی هست؟
وقتی شما بخواهید جعبه نوشته ها و محصولات را در سایت نشان دهید، باید از افزونه های مربوطه استفاده کنید که خود المنتور هم برای نمایش مقالات و محصولات المان های را دارد که هر کدام تنظیماتی دارند و میتوانید استایل های خودتان را بر روی باکس ها اعمال کنید. اما نمی توانید ساختار این جعبه ها را تغییر دهید! اما با این آموزش میتوانید ساختار دلخواه را روی همه جعبه ها بدید.
برم سراغ آموزش، که یکی از بهترین آموزش های المنتور هم محسوب میشه. توصیخ میکنم حتما در ادامه همراه آیلین وب باشید.
نصب افزونه های مورد نیاز
در اولین مرحله به نصب افزونه هایی نیاز داریم که همه این افزونه ها رایگان هستند و میتوانید بدون هیچ مشکلی هر کدام را نصب کنید.
بعد از اینکه افزونه ها را نصب کردید به ادامه مراجعه کنید.
اگر میخواهید آموزش نصب افزونه در وردپرس را یاد بگیرید میتوانید از آموزش نصب افزونه در وردپرس استفاده کنید.
بعد از اینکه تمامی افزونه های مورد نیاز در آموزش و نصب کردیم باید به سراغ آموزش برویم و باکس نوشته ها و یا محصولات خود را ایجاد بکنیم.
ایجاد حلقه نوشته ها
در پیشخوان وردپرس در منوی سمت راست موس را بر روی منوی قالب ها ببرید و روی Theme Builder در کلیک کنید.
حالا در صفحه ای که برای شما باز می شوند در بالا بین تب های مورد نظر روی Loop کلیک کنید.
سپس در بالای صفحه روی دکمه افزودن جدید کلیک کنید و در صفحه ای که برای شما باز میشه نوع قالب را روی Loop قرار بدهید و یک نام برای حلقه نوشته ها انتخاب کنید و در آخر روی دکمه ایجاد قالب کلیک کنید.
بخشی که برای شما با ویرایشگر المنتور باز می شود همان صفحه است که شما باید ساختار نوشته های خود را ایجاد کنید.
برای تصویر شاخص باید از تصویر استفاده بکنید و برای نوشته ها باید از تیتر یا همان عنوان استفاده کنید و برای موارد دیگه میتوانید از المانهای المنتور استفاده کنید.
در این آموزش ما می خواهیم که اول از همه تصویر شاخص قرار بگیرد و سپس عنوان و بعد از آنها متاهای نوشته مورد استفاده قرار بگیرد و در آخر یک دکمه برای ادامه مقاله قرار می دهیم.
ایجاد ساختار نوشته ها
در بین المان های المنتور المان تصویر را بر روی صفحه بکشید و رها کنید. تا یک المان تصویر و یا عکس در صفحه قرار بگیرد.
سپس به تنظیمات تصویر بیایید، همانند تصویر زیر بر روی برچسب های داینامیک تصویر کلیک کنید.
سپس در صفحه باز شده گزینه Featured Image را انتخاب کنید که همان نشان دهنده تصویر شاخص هستش.
سپس در بین ابزارک هال المنتور، المان تیتر را بکشید و زیر تصویر رها کنید.
سپس به تنظیمات المان تیتر بیایید و تنظیمات دلخواه خود را انجام بدهید. در بخش محتوا و استایل می توانید به راحتی تیتر خود را ویرایش کنید. فقط توجه داشته باشید که مهمترین بخش این هست که به بخش عنوان بیایید و بر روی برچسب های داینامیک کلیک کنید و نوع پست را بر روی Post Title قرار بدهید. همانند تصویر زیر :
سپس باز هم به بخش المان های المنتور بیایید و المان Post Info را بکشید و در زیر تیتر که قرار دادید رها کنید.
در این بخش یک دکمه از المانهای المنتور بکشید و در زیر Post Info قرار بدید و متن آن را به ادامه مقاله یا ادامه نوشته تغییر بدهید.
فقط به این نکته توجه داشته باشید که بر روی پیوند دکمه بیایید و بر روی برچسب های داینامیک کلیک کنید و از بین آنها Post URL ر انتخاب کنید.
تا اینجا یک باکس نوشته ساده را با هم دیگر طراحی کردیم و در آخر بر روی دکمه انتشار کلیک کنید و در صفحه بازشده روی Save & Close کلیک کنید تا محتویات نوشته ما دخیره شود.
در آخر طراحی باکس ها، باید طرحی همانند طرح زیر را داشته باشید.
الان نوبت به این میرسد که ما برویم و این باکس نوشته ها را در نوشته های سایت یا در صفحه اصلی و هر صفحه دیگه ای که خواستیم قرار بدهیم.
نمایش باکس نوشته ها در صفحه
بعد از طراحی باکس نوشته ها در المنتور، باید ما این باکس ها را درون صفحه یا آرشیو نوشته ها قرار بدهیم برای این منظور باید مراحل زیر را دنبال کنید.
حالا به صفحه ای که میخواهید نوشتهها درون آن صفحه نمایش داده شود بروید و این صفحه را با ویرایشگر المنتور باز کنید و از المان های المنتور، المان Poats را انتخاب کنید و این المان را به صفحه مورد نظر یا بخش مورد نظر خود بکشید و رها کنید.
سپس به تنظیمات ابزارک Posts بیایید و در تب محتوا بخش Layout را باز کنید و پوسته را روی Custom قرار بدهید و در بخش Select a default template “حلقه نوشته های سایت” ر انتخاب کنید مانند تصویر زیر :
الان باید نوشته های سایت شما با باکسی که طراحی کردید و با ساختار باکس طراحی شده نمایش داده شود. و در آخر باید بخش یا سکشن همانند تصویر زیر داشته باشید.
تا اینجا طراحی باکس دلخواه تمام شد و الان متوانید تمامی باکس های نوشته های سایت را با استفاده از این باکس طراحی شده، نمایش بدهید.
۲۴ دیدگاه دربارهٔ «ساخت باکس نوشته ها و محصولات دلخواه در المنتور + ویدئوی آموزشی;
سلام ممنون از آموزش های شما استاد عزیزم.
چطوری ارتفاع باکس ها برابر میشه . لطفاً راهنمایی بفرمایید.
دوست عزیز برای این مورد حتما آموزش ساخت باکس دلخواه را مشاهده کنید که جدیدا قرار داده شده تا مشکل شما حل شود.
سلام استاد عزیز
بینهایت ممنون از آموزش های شما
استاد منم همین مشکل رو دارم ، باکس ها هم ارتفاع نیست ، خواهش میکنم راهنماییم کنید ، همین فیلم رو هم دیدم ولی توضیحی ندیدم.
بینهایت ممنونم اگه راهنماییم کنید
سلام دوست عزیز
فردا شنبه حتما آموزش این مورد رو میزارم توی همون صفحه آموزش که بتونید این کار رو به راحتی انجام بدید
درود و سپاس از شما ، منتظر راهنمایی ارزنده شما هستیم.
سلام
منم این مشکل رو دارم ، لطفاً ویدئوی آموزشی رفع این مشکل رو بذارید.یک دنییییییییییییا ممنون.
سلام
حتما قرار دده میشه توی همین مقاله
ما که آموزشی ندیدیم ، بهتر وقتی چیزی رو نمی دونیم خیلی شیک و راحت بگیم منم مثل شما نمی دونم ! نه اینکه ملت رو سر کار بذاری….
سلام دوست عزیز
آموزش ویدئویی در انتهای مقاله اضافه شد میتونید استفاده کنید❤
سلام استاد
سپاس از آموزشها و راهنمایی های ارزندتون ، لطفا راهنمایی کنید چطوری می تونم قالب ویجت نوشته رو مثل تصویر ارسالی درست کنم.آیا با المنتور میشه یا باید یک افزونه دیگه رو به کار ببرم.من می خوام صفحه اولم به صورت تصویر ارسال شده باشه.
یک دنیا ممنون اگه راهنماییم کنید.
لینک :
https://s17.picofile.com/file/8420612684/Sample.PNG
سپاس
برای ساخت این مورد باید یکم از کدهای css استفاده کنید تا وسطچین شدن محتوا و تصویر استفاده کنید. در حال عادی نمیتونید با ابزار های المنتور طراحی کنید
سلام
چطوری میشه مثل این باکس رو درست کرد
https://s17.picofile.com/file/8421245068/Sample.PNG
سپاس
سلام دوست عزیز
اگر باکس نوشته یا محصول هست میتونید با elementor custom skin بسازی همچین باکس هایی رو.
اگر باکس اطلاع هست که باز هم میتونید با پاپ آپ ساز المنتور این باکس رو بسازید
فقط باید یکم با اندازه ها و فاصله ها کار کنید
سلام جناب شعبانی
خدا قوت و تشکر بابت این آموزش های ارزشمند
منم تمام مراحل رو طی کردم و درست هم بود و حتی افزونه حرفه ای Elementor Custom Skin را هم نصب کردم و گزینه هم ارتفاع رو هم زدم ولی باز هم مشکل ارتفاع در یاکس ها وجود دارد ، این ویدئوی شما رو هم دیدم ولی توضیحی در آن ندیدم در صورت امکان راهنمایی بفرمایید چیکار کنم که این مشل حل بشه.خیلی خیلی سپاسگذارم
سلام دوست عزیز ممنونم
میتونید در بخش تنظیمات پیشرفته موقعیت رو فعال کنید و ارتفاع رو روی یک عدد ثابت تنظیم کنید. (توی تنظیمات ستونی که باکس شما درون اون ستون هست)
همچنین میتونید در بخش css سفارشی کدی رو قرار بدید با سلکتور Selector تا ارتفاع ها رو روی یک عدد تنظیم کنید.
درود بر شما برادر گرامی و تشکر بابت تهیه و انتشار اینگونه محتوا و آموزش های ارزشمند
دوست عزیز سوالی در زمینه این آموزش داشتم و آن اینکه چگونه می شود باکس نوشته ها و محصولات رو طوری تنظیم کرد که همگی هم اندازه باشند ، بنده موفق به انجام این کار نشدم ، در صورت تمایل ممنونم خواهم شد در این زمینه راهنمایی بفرمایید.
ارادتمند شما پیمان باقری
سلام دوست عزیز ممنونم
میتونید در بخش تنظیمات پیشرفته موقعیت رو فعال کنید و ارتفاع رو روی یک عدد ثابت تنظیم کنید. (توی تنظیمات ستونی که باکس شما درون اون ستون هست)
سلام
دوستان منم همین مشکل رو با این افزونه دارم ، لطفاً اگه کسی تجربه و آموزشی برای هم ارتفاع شدن این باکس ها داره راهنمایی کنه ، البته در کامنت ها دیدم مسئول سایت آموزش رو قرار داده ولی من که چیزی ندیدم.
سلام
آموزش اضافه شد و میتونید در انتهای همین مقاله به آموزش دسترسی داشته باشید و مشکلی هم داشتید باز هم میتونید در همین بخش وارد کنید.
سلام دوست عزیز و ممنون از آموزش و راهکار خوبتون
جناب شعبانی من آموزش نحوه هم ارتفاع شدن باکس رو دیدم ، در حالت عادی یعنی همین ۳ ردیفه خوبه ولی اگه ۴ یا ۵ ردیف بشه ارتفاع باکس بیش از اندازه بزرگ میشه ، اگه عدد رو هم کم کنیم که حالت رسپانسیوش بهم میریزه.راهکار دیگه ای نیست؟
سپاس
با مدیا کوئری میتونید توی حالت موبایل و تبلت پیکسل ها رو بالا پایین کنید
ولی فرقی نداره که چه تعداد ردیف هست میتونید از حجم متون کم کنید
سلام
دیدم دوستان در این زمینه مشکل داشتن ، ضمن تشکر از راهنمایی های جناب شعبانی بزرگوار ، می تونید پکد زیر را در قسمت custom CSS ویرایش پست کپی و استفاده کنید ، واکنشگرایی بهم نمی ریزه و مشکلی هم نداره ، برای تنظیم دلخواه می تونید عدد رو کم و زیاد کنید ، خودم بدون مشکل دارم استفاده میکنم.
کد:
selector .elementor-element.elementor-element-220bb80 .elementor-heading-title {
height: 30px;
با سلام و عرض ادب
بسیار مفید و کاربردی بود، خیلی وقت هست دنبال این بودم که بتونم باکس محصول یا نوشته سفارشی طراحی کنم و خداروشکر اینجا به خوبی یاد گرفتم. ممنونم از وقتی که گذاشتید و اطلاعات ارزشمندتون رو با ما به اشتراک می گذارید
موفق باشید
سلام
ممنون بابت آموزش خوبتون
فقط اینکه آیا این کارها رو با افزونه های سری jet برای المنتور هست نمیشود انجام داد؟
با جت انجین و جت بلاک یا جت المنت و هر کدوم از جت ها
چون همین جت انجین دیدم قابلیت متا مخصوص درست کنیم رو دارد
البته من زیاد اطلاعی ندارم و میخواهم از شما بپرسم اگه میشود درست کرد!یه اموزش بزارید براش
ممنون