آموزش طراحی قالب وردپرس – قسمت اول(مقدمه)
سلام
در حال حاضر وردپرس جزو سیستم مدیریت محتواهای محبوب به شمار میاد که جمع کثیری از کاربران از آن استفاده میکنند، لذا از این رو تصمیم گرفتیم تا به ساده ترین شکل ممکن دوره ی طراحی قالب وردپرس را به صورت رایگان برای کاربران عزیز بپرسم قرار بدیم، در ادامه همراه ما باشید.
دوره رایگان طراحی قالب وردپرس
معرفی دوره
از قبل یک قالب HTML آماده کردیم که در طول این دوره میخواهیم این قالب را به وردپرس تبدیل کنیم، برای مشاهده قالب HTML کلیک کنید.
که در طول دوره ممکن است صفحات و بخش های دیگری به قالب اضافه کنیم.
پیش نیاز این دوره
پیش نیاز این دوره آشنایی مقدماتی با HTML,CSS می باشد تا جایی که با تگ ها آشنایی داشته باشید، کافیست، همچنین نیاز است تا با وردپرس آشنایی داشته باشید.
نرم افزار مورد نیاز برای طراحی قالب وردپرس
با هر ویرایشگر متنی نظیر NotePad++,NotePad و … میتوانید استفاده کنید، ولی برای راحتی و حرفه ای بودن کارمون میتوانیم از نرم افزارهای طراحی نظیر PHPStorm.WebStorm,VsCode و … استفاده کنیم که ما در طول این دوره از PHPStorm استفاده میکنیم.
اجزای تشکیل دهنده قالب وردپرس
یک قالب وردپرس از یک سری فایل های:
- PHP: که کدهای قالب می باشند.
- CSS,JS: که حاوی کدهای مربوط به طراحی می باشد.
تشکیل شده است، در فایل های PHP از توابع وردپرس استفاده میشود، که این توابع از پیش آماده هستند و فقط باید در جای مناسب از قالب جایگزین شوند، همچنین میتوانیم به صورت اختصاصی با استفاده از کدهای PHP امکاناتی نظیر کنترل پنل، فرم عضویت و ورود و … را کدنویسی کنیم.
فایل های یک قالب وردپرسی
در تمام قالب های وردپرس، یک سری فایل ها هستند که مشترک هستند، یعنی این فایل ها باید باشند، در جدول زیر فایل ها را به همراه توضیحات میتوانید مشاهده کنید.
|
نام فایل |
توضیحات |
|
index.php |
صفحه اصلی قالب هنگامی که سایت باز میشود، محتویات این صفحه به عنوان صفحه اصلی سایت نمایش داده میشود. |
|
page.php |
قالب برگه ی سایت برگه های سایت، از این قالب پیروی میکنند |
|
single.php |
صفحه ادامه مطلب |
|
category.php |
قالب نمایش مطالب دسته بندی ها مطالب موجود در هر دسته از این فایل بارگزاری میشود |
|
style.css |
کدهای Css قالب کدهای Css اصلی قالب سایت درون این فایل قرار دارد |
|
header.php |
کدهای بخش هدر سایت |
|
footer.php |
کدهای بخش فوتر سایت |
|
۴۰۴.php |
کدهای صفحه ۴۰۴
وقتی در سایت آدرس اشتباهی وارد میشود، این صفحه به کاربر نمایش داده میشود |
| tag.php | قالب برچسب ها
وقتی روی یک برچسب(کلمه کلیدی یا تگ) در سایت کلیک میشود، این صفحه به کاربر نمایش داده میشود |
| function.php | حاوی کدهای PHP هسته قالب وردپرس |
| archive.php | آرشیو سایت |
این فایل ها در تمامی قالب های وردپرسی مشترک است، که در برخی قالب ها فایل های اضافه تری وجود دارند که در طول این دوره در بخش مربوط به خودش، حتما توضیحاتی خواهیم داد.
دانلود قالب HTML
قالب HTML که قرار است در این دوره آن را به یک قالب وردپرس تبدیل کنیم، در انتهای پست میتوانید دانلود کنید.
منتظر قسمت بعدی دوره آموزش طراحی قالب وردپرس باشید.
پاسخگوی سوالات شما در سایت هستیم.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید