افزودن هدرهای پیش فرض اضافی به قالب بیست ده وردپرس

موضوع Twenty Ten با هشت عنوان پیش فرض ارائه می شود. هر سرصفحه پیش فرض که تنظیم می کنید با “تصویر برجسته” یک پست جایگزین می شود. فقط هنگام مشاهده آن پست می توانید عنوان جدید را مشاهده کنید. در نکته سریع وردپرس این هفته خواهیم دید که افزودن سرصفحه های اضافی به صفحه سربرگ چقدر ساده است.

پخش صفحه را تماشا کنید h2>

Functions.php

پرونده functions.php از موضوع Twenty Ten را باز کنید. قسمت زیر را پیدا کنید:

 // هدرهای سفارشی پیش فرض بسته بندی شده با موضوع. ٪ s یک جایگزین برای URI فهرست قالب قالب است. 

آنچه در زیر می آید آرایه ای است که عنوان های پیش فرض فعلی و مکان آنها را لیست می کند. برای افزودن مورد خود ، بعد از پرانتز آخرین آرایه هدر غروب خورشید ، ویرگول اضافه کنید. در اینجا مثالی از شکل ظاهری آن بعد از افزودن دو عنوان دیگر وجود دارد:

Register_default_headers (آرایه (
'توت' => ​​آرایه (
‘url’ => ‘٪ s / images / headers / berries.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / berries-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("توت" ، "بیست")
) ،
‘cherryblossom’ => آرایه (
‘url’ => ‘٪ s / images / headers / cherryblossoms.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / cherryblossoms-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("شکوفه های گیلاس" ، "بیست")
) ،
‘مقعر’ => آرایه (
‘url’ => ‘٪ s / images / headers / concave.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / concave-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("مقعر" ، "بیست")
) ،
‘fern’ => آرایه (
‘url’ => ‘٪ s / images / headers / fern.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / fern-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("Fern" ، "بیست")
) ،
‘forestfloor’ => آرایه (
‘url’ => ‘٪ s / images / headers / forestfloor.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / forestfloor-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("طبقه جنگل" ، "بیست")
) ،
‘inkwell’ => آرایه (
‘url’ => ‘٪ s / images / headers / inkwell.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / inkwell-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
‘description’ => __ (‘Inkwell’ ، ‘بیست)
) ،
‘path’ => آرایه (
‘url’ => ‘٪ s / images / headers / path.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / path-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("مسیر" ، "بیست")
) ،
'غروب آفتاب' => آرایه (
‘url’ => ‘٪ s / images / headers / sunset.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / sunset-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("غروب آفتاب" ، "بیست")
) ،
'waterfall' => آرایه (
‘url’ => ‘٪ s / images / headers / waterfall.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / waterfall-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
'description' => __ ("آبشار" ، "بیست")
) ،
‘mountain’ => آرایه (
‘url’ => ‘٪ s / images / headers / mountain.jpg’ ،
‘thumbnail_url’ => ‘٪ s / images / headers / mountain-thumbnail.jpg’ ،
/ * مترجمان: شرح تصویر هدر * /
"description" => __ ("کوه" ، "بیست")
)
))

بیایید کمی کد را کالبدشکافی کنیم. h3>

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

name: مقداری را با نام سرآیند ما تنظیم می کند. سپس می توانیم یک آرایه از مقادیر و کلیدهای اضافی تنظیم کنیم.

url: مسیر نسبی به تصویر هدر. توجه داشته باشید که مسیر فعلی /images/headers/image_name.jpg

است

thumbnail_url: مسیر نسبی به تصویر کوچک تصویر هدر. مسیر فعلی /images/headers/image_name-thumbnail.jpg

است

توضیحات: توصیفی از تصویر. با قرار گرفتن روی تصویر درون صفحه هدرها ، این نمایش داده می شود.

مواردی که باید توجه کنید h2>

سربرگ Twenty Ten برابر با 940 × 198 است ، اندازه هر چیزی بزرگتر از آن است. هرچیز کوچکتر متناسب با آن ابعاد قابل کشش است. تصاویر کوچک را می توان به هر ابعادی تنظیم کرد ، پیش فرض 230 × 48 است. تصاویر فقط می توانند .jpg باشند وگرنه نادیده گرفته می شوند و نمایش داده نمی شوند.

منبع:
https://www.wpbeginner.com/wp-themes/adding-additional-default-headers-to-the-wordpress-twenty-ten-theme/.

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


Fatal error: Uncaught wfWAFStorageFileException: Unable to save temporary file for atomic writing. in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php:35 Stack trace: #0 /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php(659): wfWAFStorageFile::atomicFilePutContents('/home/wekjriusd...', '<?php exit('Acc...') #1 [internal function]: wfWAFStorageFile->saveConfig('livewaf') #2 {main} thrown in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php on line 35