no-img
طراحی از جنس وردپرس

بررسی ساختار فولدر قالب وردپرس | آردیزاین وب


طراحی از جنس وردپرس

ادامه مطلب

ZIP
بررسی ساختار فولدر قالب وردپرس
zip
خرداد ۵, ۱۳۹۷

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


جلسه دوم آموزش وردپرس را به بررسی ساختار فولدر قالب در دایرکتوری وردپرس می پردازیم .

فولدر theme همانطور که از نامش پیداست مربوط به قرارگیری پوسته های وردپرس می باشد .که در داخل این فولدر فولدرهایی بصورت پیشفرض قرار دارند که مربوط به ۳ تم رایگان و پیشفرض وردپرس است . در تصویر زیر ۳ قالب پیشفرض به نمایش درآمده است .

هنگام نصب وردپرس و مشاهده صفحه اصلی سایت قالب دو هزار و پانزده برای سایت در نظر گرفته می شود که می توانیم آن را با قالبی حرفه ای عوض کنیم .

 پس هر فولدر که در فولدر theme  قرار بگیره مربوط به یک قالب جداگانه خواهد بود ! 

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

۱-قالبها نیازمند یک سری فایلهای css می باشندکه اگر با سی اس اس از قبل آشنایی داشته باشید می دانید که این فایلها مربوط به استایلهای قالب بوده و یه جورایی میشه گفت قالب بدون این فایلها هیچ رنگ و لعابی نداره ! تمام فایل هایی که دارای پسوند css. می باشند را در غولدر بنام css درون فولدر قالب قرار می دهیم .

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

/*
در این خط نام قالب یا پوسته ی خودتون رو وارد کنید :     Theme Name: Arzoni
این خط مربوط به آدرس URI قالب می باشد:     Theme URI: https://www.rdesigns.ir
توضیحاتی در رابطه با قالب   Description: This theme is a woocommerce and multipurpose theme
آخرین نسخه قالب:       Version:1.1
نام نویسنده :     Author: Rdesign
آدرس نویسنده :     Author URI: https://elahireza36@gmail.com
*/

۲-فولدر بعدی مربوط به تصاویر قالب می باشد . اگر در قالبتون تصاویری دارید حتما اونارو در فولدری با نام images قرار بدید چرا که این کار نظم خاصی به طراحیتون می بخشه!

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

۴-فولدر languages ، این فولدر مربوط به زبان سایت می باشد و درآن فایلهایی با فرمت po. و mo. و pot. نگهداری میشه که این فایل ها را با نرم افزار poedit که نرم افزاری برای ترجمه کلماتو جملات سایت می باشد می توان ساخت . برای آشنایی با نرم افزار poedit اینجا کلیک کنید . در ادامه با نحوه ساختن این فایل ها آشنا خواهید شد.

۵-فایل index.php ، می توان گفت اولین فایلی که سیستم به دنبال فرخوانی می باشد همین فایل است . تمامی عناصر قالب در این فایل قرار می گیرند و سایت شما رو تشکیل میدن . پس قبل از انجام هر کاری حتما این فایل را بسازید.

۶-فایل header.php ، همانطوری که از اسمش پیداست تگ <head></head> در این فایل قرار می گیره که معمولاً برای قرار دادن یک سری متا تگ ها و فرخوانی فایلهای css و js قالب مورد استفاده قرار می گیرد .

۷-فایل footer.php ، این فایل نیز مربوط به بخش پایین سایت بوده و معمولاً تگ بسته <body/> و </html> و کد های بین این ها در فایل footer.php قرار خواهند گرفت .

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

تصویری از ساختار یک قالب حرفه ای :

 

جلسه سوم آموزش وردپرس

 

 

 



موضوعات :
آموزش , وردپرس

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

rdesigns 10 نوشته در طراحی از جنس وردپرس دارد . مشاهده تمام نوشته های

دیدگاه ها


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

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