وردپرس 4.7 پیشرفت های جدید خارق العاده ای را در سیستم الگو CMS ارائه داده است. این الگوها به گونه ای گسترده شده اند که همه قالب های ارسال را در بر می گیرند ، به توسعه دهندگان اجازه می دهد تا موضوعات متنوع تری ایجاد کنند و در عین حال به دارندگان سایت اجازه می دهد تا مطالب را به راحتی مدیریت کنند.

اما چگونه کار می کند؟ در این آموزش ، من با چند مثال ساده نحوه استفاده از الگوهای Post Format را در طرح زمینه های خود به شما نشان خواهم داد.

قالب ها در وردپرس چیست؟

الگوها اساساً پرونده های خاصی هستند که می توانند شکل و فرم صفحه را تغییر دهند و یا عملکردی را به سایت وردپرس شما اضافه کنند.

قبل از وردپرس 4.7 ، الگوها فقط برای صفحات در دسترس بودند ، بنابراین به آنها لقب دادند قالب صفحه . با این حال ، WordPress 4.7 استفاده از آنها را گنجانده است همه قالب انتشار ، بنابراین در این آموزش ، در مورد مدل ها برای تعیین این موارد صحبت خواهم کرد.

ویژگی مورد

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

آماده سازی زمینه برای استفاده از مدل ها

ما به عنوان نمونه کار خواهیم کرد.

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

برای شروع ، یک پوشه جدید در فهرست زمینه ایجاد کنید. من نام خودم را با نام "cPPT" (کوتاه برای الگوهای سفارشی نوع پست) دریافت کردم و سپس پرونده های جدید جدید اضافه کردم: را ببندید et functions.php . برای پیکربندی این پرونده ها از کد زیر استفاده کنید:

/ * نام موضوع: نوع پست سفارشی تم قالب نمونه URI: http://blair-jersyer.com توضیحات: به عنوان مثال تم که با بهره گیری از انواع پست سفارشی قالب نویسنده: دانیل Pataki نویسنده URI: http://blair-jersyer.com الگو : twentyseventeen نسخه: 1.0.0 * /
<?php

add_action( 'wp_enqueue_scripts', 'cptt_assets' );
تابع cptt_assets() {
    wp_enqueue_style('parent-style', get_template_directory_uri(). '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
}

همه با هم! اکنون باید طرح زمینه کودک را در قسمت Appearance داشبورد وردپرس خود مشاهده کنید. هنگامی که فعال می شوید ، باید یک وانیل را مشاهده کنید که اصلاح نشده است و از تم پدر و مادر ناشی می شود.

قالب پست سفارشی ایجاد کنید

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

در حالی که در حال نوشتن محتوا برای بازی های ویدیویی هستید ، می خواهید محتوای جدیدی را ارسال کنید که مختصر باشد اما از قبل برای ارائه بیشتر اطلاعات کافی است.

برای اینکه یکی از نظر بصری با دیگری متفاوت باشد، باید از یک دسته یا دستگاه دلخواه استفاده کنید. این قالب تا حد زیادی فرآیند را ساده می کند.

add_action ('init' ، 'cptt_custom_post_types')؛ تابع cptt_custom_post_types () {Register_post_type ('بازی' ، آرایه ('labels' => آرایه ('name' => __ ('بازی های ویدیویی') ، 'singular_name' => __ ('بازی ویدیویی')) ، 'عمومی' => true ، 'has_archive' => true ، 'پشتیبانی' => آرایه ('عنوان' ، 'ویرایشگر' ، 'تصویر بند انگشتی') ، 'menu_icon' => 'dashicons-laptop')) }

برخی از برچسب ها و گزینه ها را حذف کردم ، اما این کد برای هدفی که می خواهیم بدست آوریم کافی خواهد بود.

ایجاد الگو

الگو یک فایل PHP معمولی است که در بالا نظر خاصی دارد ، که عنوان قالب و وردپرس را به کجا می گوید.

ما یکی را برای بررسی بازی های ویدیویی ایجاد خواهیم کرد.

<?php
/*
نام قالب: نقد بازی
نوع پست الگو: بازی
*/

هنگامی که یک پست بازی ویدیویی جدید ایجاد می کنید ، می بینید که یک انتخاب کننده با دو گزینه "پیش فرض" و "بررسی بازی" ظاهر می شود. هنگامی که الگویی را انتخاب کردید ، از کد داخل الگو استفاده می شود.

با استفاده از الگو

 

بررسی بازی ویدیویی
برای ایجاد یک منظره ، تمام کاری که می خواهم انجام دهم کپی کردن از Twenty Seventeen است. من فایلی ایجاد می کنم که نام آن "template-game-review.php" با کد زیر است:
" " __ ("مقاله قبلی" ، "بیست و شانزدهم"). " " __ ("قبلی" ، "بیست و شانزدهم"). " " XNUMXthseventeen_get_svg (آرایه ('icon' => 'پیکان سمت چپ')). ' ٪ title '، 'next_text' => " ". __ ("ارسال بعدی" ، "بیست و شانزدهم"). " " __ ("بعدی" ، "بیست و شانزدهم"). " ٪ عنوان ". XNUMXthseventeen_get_svg (آرایه ('icon' => "پیکان راست")). " " ،)) ؛ در همین حال // انتهای حلقه. ؟>

من همه این کد را از "Twenty Seventeen" کپی کردم. من تابع "get_header" را با یک پارامتر تغییر دادم، به طوری که منجر به یک هدر متفاوت می شود. تنظیماتش رو هم تغییر دادم قالب "get_template_part()" را به این شکل نشان دهید: "get_template_part( 'template-parts/game/content', 'review' ); ".

سپس من یک پرونده برای عنوان ایجاد می کنم که نام آن را "header-review.php" گذاشته و کد را از پرونده "header.php" Twenty Seventeen جای گذاری کرده و خط زیر را حذف می کنم:


سپس یک پرونده "template-parts / game / content-review.php" ایجاد کردم. من کد را از "content.php" Twenty Seventeen جایگذاری کردم و چند خط کد را حذف کردم که واقعاً مورد نیاز نبود. من این کد را در بالا اضافه کردم:

نقد و بررسی کامل فیلم

من کد CSS زیر را اضافه کردم:

.site-content حاوی {موقعیت: استاتیک؛ } # review-head {position: absolute؛ بالا: 55px؛ سمت چپ: 0px؛ بالشتک: 22px؛ رنگ: به #fff؛ عرض: 100٪؛ تراز متن: مرکز؛ پس زمینه: rgba (0,0,0,0.3)؛ } # review-head h1 {font-weight: 300؛ حاشیه: 0px؛ بالشتک: 0px؛ } # review-head small {color: rgba (255,255,255,0.5)؛ فونت وزن: 500؛ متن تبدیل: حروف بزرگ؛ اندازه فونت: 11px؛ فاصله نامه: 1px}

این تنها چیزی است که برای ایجاد الگویی برای قالب ارسال سفارشی در وردپرس لازم است. اگر سوالی داشتید ، لطفا از ما بپرسید دریغ نکنید.