آموزش طراحی وب

صفحات یک قالب وردپرس

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

WORDPRESS

فصل ششم : ساخت پوسته ی وردپرس

جلسه اول : صفحات یک قالب وردپرس

سلام خدمت شما همراهان عزیز مدرسه مجازی ایرانیان

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

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

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

wordpress-pages

صفحات و فایل های لازم یک قالب وردپرس

وجود این فایل ها ضروری هست :

index.php

Header.php

single.php

page.php

archive.php

footer.php

style.css

 

صفحات و فایل های دلخواه

این فایل هارو اگر احساس نیاز بهشون پیدا کردید استفاده میکنید ، قالب شما بدون این فایل ها هم کار میکنه :

۴۰۴.php

Comments.php

Functions.php

Search.php

Sidebar.php

Tags.php

category.php

category-id.php

author.php

 

index.php

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

 

header.php

تمامی کدهای بین دو تگ headرو در این فایل قرار میدید . همچنین وجود کدهای زیر برای استانداردسازی قالب در این فایل ضروری هست:

و با استفاده از کد زیر در فایل های موجود در قالب فراخوانی میشه :

single.php

این صفحه ، صفحه ی نمایش محتوای مطالب شما محسوب میشه . مثلا کاربر روی لینک یک مطلب که کلیک می کنه ، محتوای اون مطلب در این صفحه نمایش داده میشه .

 

page.php

در این صفحه محتوای برگه ها نمایش داده میشه و مانند صفحه ی سینگل عمل می کنه با این تفاوت که سینگل محتوای نوشته هارو نمایش میده ، page محتوای برگه هایی که ایجاد کردید رو نمایش میده .

 

archive.php

آرشیو مطالب در این صفحه نمایش داده میشه که میتونید مطالب آرشیو شده رو صفحه بندی هم بکنید .

 

footer.php

کدهای مربوط به فوتر در این فایل قرار میگیره و با استفاده از کد زیر فایل footer رو در فایل های دیگه فراخوانی می کنیم:

 

style.css

این فایل اصلی css قالب محسوب میشه ، لازم نیست حتما استایل هاتون و تو این فایل تعریف کنید ، فقط باید مشخصات قالب رو در این فایل بین دو علامت /* … */ به صورت زیر درج کنید و حتما هم باید توی Root قالبتون قرار بگیره تا سیستم وردپرس اون رو بتونه شناسایی کنه در صورتی که این فایل وجود نداشته باشه پوسته ی شما نصب نخواهد شد.

این مشخصات در صفحه ی نمایش پوسته ها نمایان میشه . پس این فایل رو هم فراموش نکنید .

 

۴۰۴.php

زمانی که کاربر صفحه ای رو در مرورگر باز میکنه که در سیستم شما وجود نداره ، صفحه ۴۰۴ نمایش داده میشه . این صفحه میتونه یه html ساده باشه .

 

comments.php

در این صفحه شما دیدگاه هاتون رو تنظیم می کنید .

 

functions.php

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

 

search.php

زمانی که کاربر عبارتی رو جستجو می کنه ، نتایج جستجو در این صفحه نمایش داده میشه . کدهای php در این صفحه دقیقا شبیه به صفحه archive.php هست .

 

sidebar.php

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

tags.php

زمانی نمایش داده میشه که روی یک برچسب کلیک می کنید .

 

category.php

زمانی نمایش داده میشه که وارد یک موضوع بشید . در صورتی که این فایل در قالب وجود نداشته باشه سیستم از archive.php استفاده میکنه .

 

category-id.php

زمانی که بخواین یک گرافیک خاص برای یک موضوع خاص در نظر بگیرید ، id موضوع مورد نظر رو بجای id در نام فایل قرار میدید .

 

author.php

صفحه نویسنده زمانی به شما نمایش داده میشه که بخواین مشخصات یک نویسنده رو مشاهده کنید . مثلا روی اسم نویسنده کلیک می کنید و میخواین مشخصاتشو ببینید ، بصورت پیشفرض این صفحه رو براتون نمایش میده .

 

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

 

موفق و پاینده باشید .

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۴

  • سلام
    آقای همت یار واقعا ممنون هستم برای استارت آموزش این بخش
    همچنین تشکر میکنم ازتون که به درخواست کاربرانتون اهمیت میدید.

  • آقای همت یار لطفا حتما ادامه بدید 😉 امیدوارم اولین آموزش روان ساخت قالب وردپرس رو ارائه کنید ..
    در ضمن لطفا آموزش هارو حداقل توی قسمت های حساس ویدیویی کنید 🙂 و تحت پروژه ادامه بدید یه خواهش دیگه هم اینکه بخش فانکشن رو خیلی باز کنید که همه توش مشکل دارن فقط یه خواهش اینکه از هر اصطلاحی استفاده میکنید مفهوم و کاربردش رو هم بگید
    باز هم ممنون

  • با سلام
    آقای همت یار ؛
    اگر ادامه آموزش تبدیل یک قالب html به وردپرس رو بزارید ممنون میشم.
    فکر میکنم خیلی ها دنبال یک آموزش فارسی روان در این مورد هستند 🙂
    از همه زحماتتون باز هم تشکر میکنم.

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی