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

ضعیفمتوسطخوببسیار خوبعالی
( 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 میتونید دسته بندی های بیشتر رو انتخاب کنید.

در ادامه بخوانید:  افزونه اشتراک در شبکه های اجتماعی | AddToAny

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 استفاده کنید.

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

در ادامه بخوانید:  دریافت اسکرین شات از وردپرس با Browser Shots

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

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

اطلاعات بیشتر



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



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

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

ثبت دیدگاه

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

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

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

مطالب مرتبط



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

آخرین آپدیت محصولات

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

همکار ما شوید

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

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