آیا میدانید که همه ی کد نویسی هایی که تا به امروز به شما آموزش دادیم حالت استاتیک هستند و باید همه کدها یا فراخوانی بشوند؟چرا؟ چون استاتیک دیتابیس ندارد هیچگونه دریافت اطلاعاتی در آن انجام نمیشود. و حالا ما در این مقاله ساخت دیتابیس، دانلود وردپرس و اینکه چرا باید کد ها تبدیل شوند توضیح میدهیم. در این مقاله، به توضیح نحوه تبدیل سایت استاتیک به داینامیک می پردازیم. شما می‌توانید فیلم های کامل آموزش طراحی سایت را در سایت قسمت کارآموزی طراحی سایت مشاهده کنید. استفاده از آموزش های وبسایت ما موجب پیشرفت در طراحی وب و نحوه استفاده از ابزارها و تکنولوژی های روز دنیا می شود. از طریق این آموزش ها می‌توانید با استفاده از زبان های برنامه نویسی مانند HTML، CSS و JavaScript، php طراحی وبسایت هایی زیبا و داینامیک را فرا بگیرید.
دانلود وردپرس
برای تبدیل سایت استاتیک به داینامیک، ابتدا فایل قالبی که شامل کدها است را در پوشه “themes” در محیط زمپ کپی کنید. سپس در همان محل، یک فایل با نام “index.html” ایجاد کرده و حالا می‌بایست وردپرس را نصب کنید. برای نصب وردپرس در گوگل، واژه “wordpress.org” را جستجو و آخرین نسخه را دانلود کنید. بعد از دانلود فایل را در زمپ کپی کنید.
ساخت دیتابیس
حالا می‌توانیم با استفاده از مرورگر گوگل، به آدرس “localhost/phpmyadmin” برویم و یک دیتابیس جدید به نام مورد نظرمان (به عنوان مثال، “iteak”) ایجاد کنیم. همان طور که قبلا هم توضیح دادیم هنگام سایت دیتابیس حتما زبان موردنظر را “utf8mb4_general_ci” قرار دهید. با انجام این مراحل، ما با موفقیت یک دیتابیس جدید ایجاد کرده‌ایم و همه تنظیمات مورد نیاز را انجام داده‌ایم.
حالا می‌توانیم با استفاده از مرورگر گوگل، به آدرس “localhost/itek/wp_admin/setup” برویم و به سادگی مراحل راه‌اندازی را انجام دهیم. مراحل نصب وردپرس به طور کامل در مقالات بیان شده است.
فراخوانی کد ها
با تبدیل کدهای HTML، CSS و JS به PHP، می‌توانید اطلاعات را به صفحات وردپرس اضافه کنید. همچنین می‌توانید از قالب‌ها و افزونه‌های وردپرس استفاده کنید و به راحتی آن‌ها را به سایت خود اضافه کنید. با تبدیل کد به شما اجازه میدهد تا از قابلیت‌ها و امکانات موجود در قالب‌ها و افزونه‌های وردپرس بهرمندشوید.
نصب وردپرس
بعد از نصب وردپرس، وارد صفحه پیشخوان وردپرس میشویم. وقتی شما روی گزینه “بازدید از سایت” کلیک می‌کنید، صفحه خالی نشان میدهد چون ممکن است فایل‌هایی که برای ساختاردهی و ظاهر صفحه نیاز هستند، مثل فایل‌های HTML، CSS، و JavaScript فراخوانی یا تبدیل نشده اند. حالا بیایید این کار را یاد بگیریم و با استفاده از زبان برنامه نویسی php همه کد ها رو تبدیل کنیم.
نکات مهم برای تبدیل کد ها
وقتی یک صفحه وب رو باز می‌کنیم، مرورگر از سرور فایل‌های مورد نیاز مثل HTML برای ساختار صفحه، CSS برای ظاهر، و JavaScript برای عملکرد تفسیر می‌کنه. اگر این فایل‌ها به درستی فراخوانی یا تبدیل نشوند، صفحه به درستی نشان داده نمی شود و صفحه خالی نمایش داده میشود.
برای رفع این مشکل، اولاً باید اطمینان حاصل کنیم که فایل‌های موردنیاز، مثل HTML، CSS و JavaScript، به درستی درون ساختار صفحه فراخوانی شده باشند. برای این کار می‌تونیم از کنسول مرورگر برای چک کردن و اصلاح اشکالات استفاده کنیم.
به طور کلی، تبدیل کدهای HTML، CSS و JS به PHP در وردپرس باعث میشود صفحات وردپرس خود را داینامیک‌تر و از قابلیت‌ها و امکانات پیشرفته‌تر استفاده کنید.
کاراموزی طراحی سایت
حتما عضو کانال تلگرام ما باشید هر گونه سوال و ابهامی در آموزش ها داشتید، چه در سایت و چه در تلگرام بپرسید به همه سوالات شما پاسخ داده میشود. این کارآموزی را از دست ندهید، چون از صفر تا صد طراحی سایت را روی پروژه واقعی آموزش داده ایم.
این آموزش برای چه کسانی مناسب است؟
البته این آموزش مناسب آن دسته از دوستانی است که قصد دارند به جای استفاده از قالب های آماده وردپرسی، خودشان یک قالب وردپرسی را کدنویسی و طراحی کنند.
اگر قصد یادگیری طراحی سایت وردپرسی با کدنویسی را دارید می توانید از آموزش های وایت وال نظیر “آموزش پروژه محور طراحی سایت با وردپرس” ، “آموزش پروژه محور سایت فروشگاهی با وردپرس” ، “آموزش رایگان طراحی سایت با وردپرس” استفاده کنید.
