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

طراحی قالب اچ تی ام ال

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

 بعد از این مرحله قالب با کدهای html طراحی می کنیم برای شروع کار باید با انواع تگ ها آشنا شویم

آموزش تبدیل سایت استاتیک به داینامیک

عمل پویاسازی یا همان داینامیک کردن سایت درواقع سایتمان را از html خالی با زبان برنامه نویسی به پایگاه داده اتصال می دهیم و اطلاعات سایت از دیتابیس خوانده می شود.

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

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

 در مرحله اول  در ابتدای فایل استایل قطعه  کدی را قرار می دهیم  و در آن نام  قالب را می نویسیم style.css

در قسمت بالای فایل style.css کد فایل را قرار می دهیم.

تغییر استایل css در وردپرس

/*
Theme Name: نام قالب
Theme URI: https://sample.ir
Author: behzad dini
Author URI: https://wordpress.org/
Description: بهزاد دینی طراح و مبدل انواع تم و قالب وردپرسی
Version: 1.0
License: GNU General Public License v2 or later
*/

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

معرفی فایل های اصلی در وردپرس

 header.php برای هدر سایت می باشد و کدهای مربوط به هدر سایت را در این فایل قرار می دهیم.

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

 footer.php کد های مربوط به فوتر سایت وردپرس را در این فایل قرار می دهیم

 sidbar.php کدهای مربوط به ساید بار را در این فایل قرار می دهیم البته می شود بی نهایت تا از این فایل ها ایجاد کرد فقط نحوه استفاده از آن ها تغییر می کند.

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

category.php کد های مربوط به دسته بندی ها را در این فایل قرار میدهیم

 tags.php کد های مربوط به تگ ها را در این فایل قرار میدهیم

archive.php  کد های مربوط به آرشیو را در این فایل قرار میدهیم

۴۰۴ اختصاصی را در این فایل قرار می دهیم

comments.php محل فعال سازی و تنظیمات نظرات کاربران

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

اتصال html به وردپرس
آموزش تبدیل قالب html به وردپرس توسط نرم افزار pinegrow
ساخت قالب وردپرس با html
تبدیل قالبhtml به وردپرس با pinegrow
تبدیل قالب html به وردپرس با pinegrow
تبدیل قالب html به ووکامرس
آموزش طراحی قالب وردپرس

در ادامه با ما همراه شوید . . .