اموزش ساخت قالب وردپرس مقدمه کدنویسی
بسیار خب. قدم اول در کدنویسی اینه که ابتدا با ساختار پوسته های وردپرس آشنا بشیم و بدونیم که چه فایلی مربوط به کدوم قسمته.
خب یک پوسته استاندارد و ساده وردپرس شامل فایل های زیر هستش:
header.php
footer.php
index.php
search.php
page.php
category.php
single.php
archive.php
comments.php
با همین فایل ها میتونیم یک پوسته وردپرس استاندارد و ساده بسازیم.
البته اینو هم بگم که پوسته ای که در طی این آموزش یاد می گیریم میتونیم برای وبلاگ ها استفاده کنید. انشاالله همونو ارتقا میدیم و یک قالب حرفه ای میشه.
در ابتدا در مسیری که وردپرس رو نصب کردید wp-content/themes یک فولدر به نام newtheme بسازید
خب حالا این ۴ فایل رو که میگمو بسازید داخل فولدر تم
index.php – header.php – style.css – functions.php
برای شناخته شدن پوسته توسط وردپرس این فایل هارو باید داشته باشیم
ساخت فایل header.php
میخواهیم بدونیم که چه کدهایی داخل فایل header.php قرار میگیره:
کدهای META , LINK
عنوان سایت
اسکریپت ها و بخش هایی برای فراخوانی لوگو و منو
حالا فایل header.php رو که ساختیم در حالت ادیت باز کرده و کدهای زیر را داخل آن قرار دهید:
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<title>
<?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'صفحه %s'), max( $paged, $page ) );
?>
</title>
<!--[if lt IE 9]>
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/html5.js"></script>
<![endif]-->
<script>(function(){document.documentElement.className='js'})();</script>
<?php wp_head(); ?>
</head>
همونطور که میبینید یک سری تگ meta و link داخل تگ head قرار دارند. همینطور یک تگ title وجود دارد که توابعی در آن است
تابع: wp_title() عنوان را بر می گرداند. توضیحات بیشتر در اینجا
تابع bloginfo(): مقدار بازگشتی بستگی به مقدار داخل پرانتز داره. یه جورایی اطلاعات درباره سایت بر میگردونه. اطلاعات بیشتر در اینجا
بعدشم که یک شرط گذاشتیم که اگر داخل صفحات دیگر بود شماره صفحه رو هم چاپ کنه
این از این
حالا فایل رو سیو کنید و به بخش پوسته ها بروید. میبینید که پوسته رو نشون نمیده.
حالا چیکار کنیم که این قالب در لیست پوسته ها بیاد
یک فایل به نام index.php بسازید و کد زیر را داخل آن قرار بدید
<?php get_header();?>
الان کدهای مربوط به index رو نمیگم.
حالا فایل style.css رو در حالت ادیت باز کرده و سپس کدهای زیر را داخل آن قرار داده و ذخیره کنید.
/*
Theme Name: پوسته جدید
Theme URI: http://redwp.ir
Author: redwp
Author URI: http://redwp.ir
Description: این پوسته برای یادگیری طراحی قالب وردپرس ساخته شده است
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
فکر میکنم متوجه کدهای بالا شدید. میتونید مقادیر رو متاسب با پوسته خودتون عوض کنید
نام تم، نام نویسنده، لینک نویسنده و …. رو در بالا قرار دهید
حتما می پرسید که به چه دردی میخوره؟؟
وردپرس با کدهای بالا میتونه بفهمه که اسم تم ، نویسنده توضیحات و …. چیه. این اطلاعات در قسمت جزئیات پوسته نمایش داده میشه
لبته اگر کدهای استایل رو هم نزارید اتفاق خاصی نمی افته فقط توضیحات تم رو نشون نمیده
خب فکر کنم برای امروز کافی باشه
اگر سوالی داشتید تو دیدگاه بپرسید
موفق باشید
