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

سلام

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

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

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

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

تب  Query Post :

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

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

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

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

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

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

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

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

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

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

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

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

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