قالب وردپرس با سئو بالا راهکار جدید برای وب سایت های دانلودی دریافت و مشاهده

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

فرهاد کره بندی

در آموزش های قبلی در مورد طراحی قالب وردپرس و بررسی استاندارد های آن بیشتر به معرفی پلاگین و عملیاتی کردیم که تمامی وبمستر ها قادر به انجام آن بودند. فکر کنیم می خواهیم کمی پا فرا تر از جزئیات بگذاریم و وارد بحث کد و قالب شویم. در این پست توضیح دادیم چه گونه فایل های قالب باید قرار بگیرند تا اجرا شوند و در مراحل بعد متوجه می شویم چگونه قالب های ما کامل تر می شوند.

دقت کنید وب‌سایت شما باید از نظر کد بهینه باشد . ممکن است شما یک طراح قالب باشید و بخواهید بررسی کنید قالب‌‍سازی در وردپرس باید از کجا شروع شود .

لیست فایل‌های قالب وردپرس

قالب های وردپرس در wp-content/themes قرار میگیرند و از بخش نمایش » پوسته ها قابل کنترل و فعال شدند هستند.

هر قالب استاندارد در وردپرس چندین فایل برای لود کردن دارند که عبارتند از :

  • style.css محل قرار گیری استایل های وردپرس ( فایل ضروری )
  • index.php صفحه اصلی  ( فایل ضروری )
  • single.php صفحه ادامه مطلب پست
  • archive.php بخش آرشیو
  • searchform.php پوسته فرم جستجو
  • search.php جستجو وردپرس
  • ۴۰۴٫php صفحه پیدا نشد  ( فایل ضروری )
  • comments.php نظرات که در داخل single قرار می‌گیرد
  • footer.php فوتر سایت – پانوشت
  • header.php هدر سایت – سربرگ
  • sidebar.php  سایدبار سایت – ستون ها
  • page.php فایل صفحات

در کنار ۳ فایل ما نوشتیم فایل ضروری . یعنی قالب بدون این موارد قابل اجرا نیستند. مخصوصا فایل style.css .

اگر شما این سه فایل را داشته باشید قالب شما اجرا می‌شود اما به صورت ناقص. یعنی شما به سایر فایل‌های PHP برای کنترل بهتر مطالب و صفحات خود دارید . در بالای فایل style.css کد‌های زیر باید حتما نوشته شود و همانطور که از اسم آن مشخص است باید در آن دستورات css قالب نوشته شود . اما قبل از آن کد :


/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column
*/

این کد از قالب ۲۰۱۷ وردپرس برداشته شده است . هر قالب باید حداقل نام و نویسنده آن مشخص باشد . یعنی Theme Name و Author . همچنین Text Domain برای زمانی است که بخواهید برای کاربران خود پوسته را به چند زبان تبدیل کنید که زیاد به کار می نمی آید .

بررسی فایل Index.php

شما در داخل این فایل بنویسید ” سلام ” و آنرا ذخیره کنید. اگر همین یک صفحه به همراه style.css را داشته باشید وقتی آدر سایت را باز کنید کلمه سلام چاپ می‌شود.

اکنون قطعه کد زیر را در داخل فایل قرار میدهیم


<?php get_header(); ?>
 <?php if ( have_posts() ) : ?>
 <?php /* The loop */ ?>
 <?php while ( have_posts() ) : the_post(); ?> Post 
<?php endwhile; ?> 
<?php else : ?>
 <?php get_template_part( 'content', 'none' ); ?>
 <?php endif; ?>
 <?php get_sidebar(); ?> 
<?php get_footer(); ?>

کد get_header فایل header.php را برای ما لود می کند که در پایین توضیح دادیم حاوی چه قطعه کد هایی است.

حلقه havePost برای شما پست های شما را قرار میدهد که از طریق بخش نوشته ها در سایت قرار میگیرند و مانند header فایل های sidebar.php و footer.php را لود می کنیم . که در زبان معمولی به معنای ستون‌کناری و فوتر هستند

بررسی فایل Header.php

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

دقت کنید صفحه اصلی ما تا زمانی که قالب را تکمیل نکنید از فایل index.php لود می شود. شما با دستور get_header در php می توانید فایل header.php را در آن لود کنید.

فایل Header.php چند مولفه می خواهد برای تکمیل کردن آن :

  • <?php bloginfo(‘name’); ?> نام وب سایت ( در بخش تنظیمات وردپرس )
  • <?php wp_title(); ?> نمایش تیتر سایت تیتر سایت
  • <?php bloginfo(‘stylesheet_url’); ?> آدرس فایل استایل style.css
  • <?php bloginfo(‘template_url’); ?> آدرس قالب سایت http://yourdomain.com/wp-content/themes/farhadina
  • <?php bloginfo(‘url’); ?> آدرس سایت
  • <?php wp_head(); ?>  نمایش اطلاعات سایت ( قبل از </head> قرار میگیرد ) و برای اجرای سایت بسیار ضروری است

شما در فایل Header.php اغلب قالب ها می خوانید

<h1 id="header">
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
</h1>

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

برچسب ها : ,

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آموزش طراحی سایت

آموزش کامل طراحی سایت

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


براتون منتشر کنم