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

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

سلام

امروز با یک پست از نوین وردپرس در خدمت شما هستیم با آموزش نمایش نوشته های وردپرس بصورت پازلی. خیلی از کاربران در وردپرس به ما ایمیل میزنند و از ما درخواست میکنند که چگونه میتوان نوشته ها رو بصورت پازلی زیبا نمایش بدیم. در نهایت تصمیم بر این شد با یک آموزش میزبان شما باشیم در نوین وردپرس… در سایت های شرکتی + نمونه کار یا … لازم است برخی از پست هارا بصورت پازلی نمایش بدیم اما بسیاری از پوسته ها در وردپرس از این قابلیت پشتیبانی نمیکند! ما میخواهیم بدون کد نویسی و با استفاده از یک افزونه این قابلیت را به سایت شما اضافه کنیم.

postgridlayoutexample

چگونه این قابلیت را در سایت خود اضافه کنیم؟؟
خیلی راحت ! ابتدا از مخزن وردپرس یا انتهای این مطلب افزونه Post Grid را دانلود و از قسمت افزونه ها ، نصب و فعال کنید. پس از فعال سازی افزونه به پیشخوان وردپرس مراجعه کرده و روی Post Grid « New Post Grid به صفحه ی ایجاد پست گرید جدید هدایت میشوید. با هم نحوه تنظیم این افزونه را میخوانیم:

یک نام برای این گرید انتخاب کنید.

در تب Shortcodes ، افزونه به شما دو شورتکد میدهد: ۱- شورتکد برای درج در قسمت برگه یا نوشته   ۲- PHP Code : کدی است در قسمت کدهای مربوطه به قالب میتوانید استفاده کنید:

how-to-display-your-wordpress-posts-in-a-grid-layout1

تب  Query Post :

در این تب شما تنظیمات مربوط به دسته بندی و… گرید را میتونید انجام بدید:

Post Types : دسته بندی هایی که قرار است در گریدی که ساختید نمایش داده بشه. با ctrl+click میتونید دسته بندی های بیشتر رو انتخاب کنید.

Post Status : انتخاب حالت انتشار نوشته . یعنی مشخص میکنید که همه نوشته هایی که در حالت پیش نویس یا… قرار دارد نمایش داده شود.

Posts per page : تعداد پست هایی که میخواهید نمایش داده شود.

Offset : تعداد ستون های گرید.

Exclude by post ID : نمایش نوشته ها براساس آی دی هر دسته بندی.

Post query order : نمایش نوشته بصورت صعودی یا نزولی.

Post query orderby : نمایش نوشته ها براساس تاریخ ، تعداد دیدگاه ها ، نویسنده و…

Search keyword : جستجو کلید واژه

banner-772x250

تب  Layout :

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

همچنین حتما در قسمت Content Layout ، مورد سوم یعنی flat-right را انتخاب کنید تا نوشته ها و عناوین بصورت راستچین و هماهنگ با قالب نمایش داده شود. از flat-center هم برای نمایش بصورت وسط چین استفاده کنید. اگر میخواهید همراه با نوشته قیمت یا دکمه ” افزودن به خرید ” نیز اضافه شود از گزینه های پنجم و ششم استفاده کنید.

تب Layout settings :

Masonry enable : فعال یا غیر فعال سازی حالت گرید

Grid Items Width : عرض هر آییم از پست های گرید در حالت موبایل ، تبلت ، دسکتاپ را مشخص میکند.

Grid Items Background color : پشت زمینه آیتم های گرید.

Grid Items Margin : مارجین یا فاصله آیتم ها

Media Height : ارتفاع مربوطه به هر آیتم

Featured Image size : سایر تصویر شاخص نوشته

Media source : حالت نمایش آیتم یا نوشته

دو تب آخر را دستکاری نکنید. اگر استایل خاصی میخواهید به این افزونه بدهید از قسمت  Custom Scripts استفاده کنید.

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

موفق و سربلند باشید. نوین وردپرس | همیشه در کنار شماست…

دانلود افزونه با لینک مستقیم

درباره نویسنده



رویا مفاخر
( عضو از 6 سال قبل )
  • 263 نوشته
  • 1397 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
از اعضای بخش پشتیبانی مجموعه نوین وردپرس

نظرات کاربران

ثبت دیدگاه

  1. درود بر شما
    دوست عزیز من میخوام دسته بندی هامو ( مثلا خوانندگان ) به صورت گرید نمایش بدم طوری که اسامی خوانندگان و تصویرشون به صورت شبکه ای و صفحه بندی نمایش داده بشه
    آیا افزونه ای وجود داره که این کار رو بکنه ؟

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

دیدگاهتان را بنویسید

مطالب مرتبط



آموزش کامل و جامع شروع کار با وردپرس فارسی

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

بهترین افزونه های چندزبانه کردن سایت وردپرس | کدام پلاگین برای ترجمه سایت به چند زبان بهتر است؟

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

بهترین ابزارهای دیجیتال مارکتینگ؛ 12 ابزار مهم و رایج بازاریابی دیجیتال و مارکترها

1131
0
دیجیتال مارکتینگ یا همان بازاریابی دیجیتال یکی از بخش های جذایی ناپذیر برای کسب و کارهای اینترنتی می باشد که به شما کمک می کند تا سایت خود ...
جزییات بیشتر آموزش را بخوانید!

اشتراک گذاری مطالب وردپرس | Share Buttons by AddThis

1835
2
شبکه های اجتماعی ابزار های قدرتمند در جذب مخاطب برای وبسایت شما هستد. به جرئت می توان گفت که امروزه بعد از موتور های جستجو، شبکه های اجتماعی ...
جزییات بیشتر آموزش را بخوانید!

چگونه در وردپرس فرم بسازیم ؟

7068
0
چطور در وردپرس فرم ایجاد کنیم؟ این سوالیست که ممکن است در ذهن بسیاری از شماها باشد. در واقع، فرم ها یکی از مهم ترین بخش های هرنوع ...
جزییات بیشتر آموزش را بخوانید!

امتیاز کیفی در گوگل ادز چیست و نحوه افزایش آن

169
0
اگر می خواهید امتیاز کیفی وب سایت خود را مشاهده کنید، ابزار گوگل ادز این قابلیت را برای شما فراهم کرده و قادر است امتیاز کیفیت رتبه بندی ...
جزییات بیشتر آموزش را بخوانید!

سایدبار سفارشی Custom Sidebars

2246
0
هر وبسایتی برای زیباتر شدن و استفاده بهتر کاربر از وبسایت نیاز به سایدبار دارد تا با کمک آن بتوانند به قسمت های مختلف سایت سریعتر و راحتر ...
جزییات بیشتر آموزش را بخوانید!

آموزش رفع خطای Crawl Errors سرچ کنسول

345
0
آیا به دنبال راه‌هایی برای رفع خطای Crawl Errors سرچ کنسول خود هستید؟ به طور کلی گوگل وبمستر تولز یکی از بهترین ابزارهایی است که می‌توانید با استفاده ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

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