سرخط خبرها
خانه << وردپرس << آموزش وردپرس << آموزش طراحی قالب وردپرس – قدم سوم
آموزش طراحی قالب وردپرس
آموزش طراحی قالب وردپرس

آموزش طراحی قالب وردپرس – قدم سوم

با طراحی سایت امداد رایانه میهن و تعمیر کامپیوتر در محل همراه باشید….

آموزش طراحی قالب وردپرس
آموزش طراحی قالب وردپرس

سلام دوستان عزیز.

از امروز شروع به کدنویسی می کنیم. اما من قبلش یه سری نکات رو میگم بهتون. نکاتی که در کدنویسی باید رعایت بشه

۱- سعی کنید کدهارو تمیز بنویسید

۲- درج توضیحات یادتون نره. این باعث میشه که اگر بعدا خواستی قسمت رو ادیت کنید راحت پیداش کنید

۳- صبور باشید و سعی کنید کدهارو خودتون تایپ کنید نه اینکه کپی کنید. ( البته اگر میخواهید یاد بگیرید )

آموزش طراحی قالب وردپرس – قدم سوم

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

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

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 رو که ساختیم در حالت ادیت باز کرده و کدهای زیر را داخل آن قرار دهید:

همونطور که میبینید یک سری تگ meta و link داخل تگ head قرار دارند. همینطور یک تگ title وجود دارد که توابعی در آن است

تابع: wp_title() عنوان را بر می گرداند. توضیحات بیشتر در اینجا

تابع bloginfo(): مقدار بازگشتی بستگی به مقدار داخل پرانتز داره. یه جورایی اطلاعات درباره سایت بر میگردونه. اطلاعات بیشتر در اینجا

بعدشم که یک شرط گذاشتیم که اگر داخل صفحات دیگر بود شماره صفحه رو هم چاپ کنه

این از این

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

حالا چیکار کنیم که این قالب در لیست پوسته ها بیاد

یک فایل به نام index.php بسازید و کد زیر را داخل آن قرار بدید

الان کدهای مربوط به index رو نمیگم.

حالا فایل style.css رو در حالت ادیت باز کرده و سپس کدهای زیر را داخل آن قرار داده و ذخیره کنید.

فکر میکنم متوجه کدهای بالا شدید. میتونید مقادیر رو متاسب با پوسته خودتون عوض کنید

نام تم، نام نویسنده، لینک نویسنده و …. رو در بالا قرار دهید

حتما می پرسید که به چه دردی میخوره؟؟

وردپرس با کدهای بالا میتونه بفهمه که اسم تم ، نویسنده توضیحات و …. چیه. این اطلاعات در قسمت جزئیات پوسته نمایش داده میشه

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

خب فکر کنم برای امروز کافی باشه

اگر سوالی داشتید تو دیدگاه بپرسید

موفق باشید

درباره ی محمد محمودی

محمد محمودی
سلام من محمد محمودی هستم. در زمینه کامپیوتر اعم از وب، برنامه نویسی ، موبایل ، طراحی ، و.... مهارت دارم. امیدوارم بتونم کمکتون کنم و در توانم باشه

همچنین ببینید

آموزش طراحی قالب وردپرس

آموزش طراحی قالب وردپرس – قدم دوم

با طراحی سایت امداد رایانه میهن و تعمیر کامپیوتر در محل همراه باشید…. سلام دوستان …

پاسخ دهید

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

سوال امنیتی زیر را پاسخ دهید ( الزامی ) Time limit is exhausted. Please reload the CAPTCHA.