چک لیست طراحی قالب وردپرس – آماده سازی هدر و فوتر – بخش اول – پیاده سازی سناریو واقعی

ساخت دایرکتوری قالب در مسیر wp-content/themes

اضافه کردن فایل های مورد نیاز برای قالب وردپرس (طبق لینک داده شده در زیر) که بسته به نیاز قالب خود باید آن ها را اضافه نمایید، آن ها عبارتند از:

index.php

style.css

rtl.css

comments.php

front-page.php

home.php

header.php

singular.php

single.php

single-{post-type}.php

archive-{post-type}.php

page.php

page-{slug}.php

category.php

tag.php

taxonomy.php

author.php

date.php

archive.php

search.php

attachment.php

image.php

۴۰۴.php

البته بسته به پروژه ای که انجام می دهید ممکن است به بعضی از آن ها نیازی نداشته باشید و یا به تعداد آن ها اضافه نمایید. مثلا در انجام پروژه های فارسی و یا زبان هایی که از راست به چپ نوشته می شوند، مسلما به فایل rtl.css نیز نیاز خواهید داشت

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

قرار دادن کلیه کلیه کد های صفحه های اصلی تا انتهای تگ head و شروع تگ body

*/

قرار دادن کلیه کلیه کد های صفحه های اصلی تا انتهای تگ head و شروع تگ body

فراخوانی فایل header.php در فایل index.php با دستور ()get_header

قرار دادن کلیه فایل های استایل قالب استاتیک در فایل style.css و استفاده از تابع get_stylesheet_uri برای استفاده از آن در فایل header.php (بخش ۰۰۱ و ۰۰۲ موجود در کدها)

تبدیل کردن کلیه آدرس های نسبی موجود در هدر با مدل آدرس دهی در قالب وردپرس با استفاده از تابع get_theme_file_uri ، در صورتی که favicon در مسیری به غیر از روت اصلی باشد، می توانید با استفاده از get_template_directory آن را مسیردهی نمایید. هرجا که از توابعی که با get شروع می شوند، استفاده می کنید، برای نمایش آن ها، حتما باید از echo استفاده نمایید.

قرار دادن title سایت در تگ head : برای این کار از دو روش می توانید استفاده کنید. روش اول به صورت دستی بوده و ابتدا باید feature ای با نام title-tag را در قالب خود فعال نمایید. برای فعال سازی این قابلیت می باید درون فایل functions.php قالب خود، این feature را به توسط تابع add_theme_support اضافه نمایید. برای بهتر انجام دادن این کار، می توانیم تابعی را به نام msn_theme_setup تعریف کرده و آن را به action ای با نام after_setup_theme هوک نماییم. سپس در داخل این تابع، از add_theme_support برای اضافه کردن title_tag استفاده کنیم. دقت کنید که کلیه مواردی که باید پس از اکشن after_setup_theme تعریف نماییم، را می توانیم در درون تابع msn_theme_setup تعریف کنیم:

add_action( ‘after_setup_theme’, ‘msn_theme_setup’ );

پس از آن می توانیم با کدی که در زیر آمده است (بخش ۰۰۴ ) از توابع bloginfo و wp_title برای فراخوانی عنون، استفاده نماییم:

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

در صورتی که می خواهید یک کامنت در کدهای خود داشته باشید که در مرورگرهای قدیمی به نمایش دربیاید (تا از کاربر درخواست کند تا مرورگر خود را برای دسترسی به امکانات کامل بروز رسانی نماید)، کافی است آن را دقیقا بعد از تگ body و مطابق زیر (بخش ۰۰۵) قرار دهید:

<![endif]–>

در صورتی که در حال طراحی قالب وردپرس برای فروش در مارکت های بین المللی هستید، می باید زبان سایت خود را در تگ html باز قالب وردپرس خود تعریف نمایید. همچنین اهمیت دارد تا نوع encoding خود را نیز در تگ head بیان کنید. برای این کار می توانید مانند زیر (بخش ۰۰۶) عمل نمایید:

<meta http-equiv=’x-ua-compatible’ content=’ie=edge’>

template file های مورد نیاز برای ساخت قالب وردپرس – به زبان انگلیسی

نحوه سازماندهی و مرتب سازی فایل های قالب وردپرس – به زبان انگلیسیی

نحوه ساخت header در فایل style.css قالب به زبان انگلیسی