طراحی قالب وردپرس برای سایت های اینترنتی
در طراحی قالب وردپرس اکثر سایتهای اینترنتی برای ایجاد قالب سایت ( site template ) از برنامه های مختلفی همچون فتوشاپ یا دیگر برنامه ها و نرم افزارها استفاده می کنند.
ما در این مقاله ما قصد داریم طراحی قالب وردپرس را برای شما عزیزان توضیح دهیم.
برای طراحی قالب وردپرس به چه چیزها نیاز داریم ؟
ابتدا ما برای طراحی قالب سایت به یک محیط برای کدنویسی نیاز داریم که نرم افزارهایی زیادی برای کدنویسی وجود دارد که می توان به ابزارهای ( ++notepad ) و ( sublime text ) اشاره کرد.
اما به غیر از این ابزارها کدنویس یا طراح باید با یک سری از دستورات آشنایی داشته باشد.
دستورا ت عبارتند از :
1- توابع
2- ماژولها
3- کلاسها
4- کدهای css
5- اسکریپت ها و ……
اما چون پروسه طراحی قالب سایت ( site template ) زمانبر می باشد. بنابراین کسانی که میخواهند سایت خود را سریع راه اندازی کنند از قالب ها و تم های آماده وردپرس استفاده می کنند.
خب شاید قالبها و یا تم های آماده برای شما یکم سردرگم گننده باشد . جای نگرانی نیست !! برایتان توضیح میدهم
شرکت وردپرس شرکتی بسیار بزرگ با چندین هزار یا شاید چندین میلیون پشتیبان در زمینه طراحی قالب و تم و هچنین فراهم کردن امکاناتی برای ایجاد سریع سایت فعالیت می کند
این شرکت یک ( cms )( content manage system ) یا یک محیط یا سیستم مدیریت محتوا با نام وردپرس ( wordpress ) ایجاد کرده است که براحتی با این سیستم می توانید سایت خود را ایجاد کرده و طراحی سایت خودتان را خودتان انجام دهید.
اما بخشی از این شرکت در زمینه طراحی قالب وردپرس فعالیت می کند و با ارائه قالب ها و تم های مختلف مدیر سایت را برای ایجاد سریع سایت خود یاری می کند
اما قالب سایت ( site template ) یا تم چیست ؟
سوال اینجاست که اصلا قالب یا تم برای سایت چیست و چگونه باید باشد؟
در تعریف تم به یک مثال ساده اشاره میکنم.
فرض کنید شخصی لباسی پوشیده است که این لباس این شخص نقش تم او را بازی می کند .
هر چقدر لباس این شخص تمیزتر و شیک تر باشد آن شخص در دیدار با دوستان و اشخاص بهتر و با شخصیت تر دیده خواهد شد
در تم یا قالب سایت هم همین مورد کاملا صدق می کند ، هر چقدر تم یا قالب سایت کاربر پسند و شیک باشد میزان محبوبیت سلیت بالا رفته و این عامل برای مدیر سایت بسیار ارزشمند خواهند بود
اساسا، سیستم تم وردپرس یک راه حل برای “پوسته” وبسایت یا وبلاگ شما است. با این حال، این چیزی بیش از یک “پوسته” است.
پوستر سایت شما به این معنی است که فقط طراحی تغییر کرده است. تم های وردپرس می تواند کنترل بیشتری بر نگاه و ارائه مطالب در وب سایت شما داشته باشد.
یک تم وردپرس مجموعه ای از فایل هایی است که با هم برای ایجاد یک رابط کاربری گرافیکی با یک طراحی متحد سازی زیرزمینی برای یک وبسایت یا وبلاگ کار می کنند.
این فایل ها در پوشه ای به نام پوشه های قالب قرار می گیرند. یک تم تغییر شیوه نمایش سایت، بدون اصلاح نرم افزار پایه.
تم ها ممکن است شامل این گزینه ها باشند :
1- فایل های سفارشی قالب، فایل های تصویر (* .jpg، * .gif)
2- فایلهای مربوط به استایل (* .css)
3- صفحات سفارشی،
4- فایل کد (* .php) باشد.
5- پلاگین ها و یا افزونه های مربوط به قالب سایت
چگونگی دریافت تم در طراحی قالب وردپرس
دایرکتوری تم وردپرس سایت رسمی برای تم وردپرس است که بررسی و بازرسی شده اند و رایگان برای دانلود هستند.
این سایت توانایی جستجو بر اساس نوع و سبک دلخواه را دارد و تم های مختلفی ارائه می دهد
وردپرس در حال حاضر دارای سه تم است:
1- تم بیست و پانزده به طور پیش فرض
2- پیش فرض های قبلی بیست و چهارده
بیست و یازده و هفده و هجده
شما می توانید بین تم ها را با استفاده از پنل مدیریت ظاهر تغییر دهید.
تم هایی که شما به پوشه موضوع اضافه می کنید در صفحه مدیریت> ظاهر> تم ها به عنوان انتخاب های اضافی ظاهر می شود.
نحوه افزودن تم جدید در طراحی قالب وردپرس
بخش پوسته ها ، تم های زیادی را برای دانلود قرار داده است که با نصب این تم ها در وردپرس می توانید براحتی ظاهر سایت خود را تغییر دهید یا ویرایش کنید.
اگر تم را نصب کردید دستورالعمل های آن را بررسی کنید، مطمئن شوید که از طریق دستورالعمل ها نصب موفقیت آمیز بوده است یا نه
توصیه می شود که توسعه دهندگان تم دستورالعمل های نصب را برای تم های خود ارائه دهند. چرا ؟
زیرا تم ها می توانند قابلیت های اختیاری خاصی را ارائه دهند که ممکن است نیاز به مراحل بیشتر از مراحل پایه نصب شده در اینجا داشته باشد.
اگر تم نصب شده ی دلخواه خود پس از هر دستورالعمل ارائه شده کار نمی کند، لطفا با نویسنده تم برای کمک تماس بگیرید.
یا تم جدیدی را اضافه کنید یا نواقص تم قبلی خود را برطرف کنید
شما می توانید تم ها را به طور مستقیم به وبلاگ خود با استفاده از گزینه اضافه کردن تم جدید در زیر منو ظاهر دانلود کنید.
مراحل اضافه کردن تم به سایت خود در طراحی قالب وردپرس
1- ورود به بخش مدیریت وردپرس مدیریت وردپرس.
2- انتخاب پانل پوسته و سپس نمایش تم های مختلف
3- انتخاب و اضافه کردن قالب یا تم جدید و دلخواه خود
برای انتخاب تم مورد نظر خود نیز می توانید، از گزینه جستجو کنید.
روی لینک پیش نمایش کلیک کنید تا پیش نمایش تم یا لینک نصب را برای آپلود تم به وبلاگ خود،
روش دوم اضافه کردن تم در طراحی قالب وردپرس
بعد از دانلود قالب دلخواه خود از سایت مورد نظر و ذخیره تم در سیستم خود برای اضافه کردن تم دانلود از روش دوم هم میشه استفاده کرد
اضافه کردن تم با استفاده از سی پنل سایت مورد نظر
اگر میزبان شما برای شما پنل کنترل cPanel را ارائه داده است می توانید با آپلود قالب در بخش تم ها از قالب دانلود شده ی خود استفاده کنید .
فایل های تم در بایگانی .zip یا .gz دنبال این دستورالعمل ها هستند.
مسیر اضافه کردن تم در سی پنل
فایل zip را به دستگاه محلی خود دانلود کنید.
در cPanel File Manager، به پوشه Themes بروید.اگر وردپرس شما در پوشه ریشه سند وب سرور شما نصب شده باشد، به “public_html/ wp-content/ themes” بروید .
و اگر شما WordPress را در زیر پوشه WordPress نصب کرده باشید، به “public_html/wordpress/wp-content/themes “.
هنگامی که شما در پوشه Themes در cPanel File Manager حرکت کرده اید،
روی فایل آپلود کلیک کنید و فایل zip را که در مرحله 1 ذخیره کرده اید آپلود کنید.
هنگامی که فایل .zip آپلود می شود، بر روی نام آن فایل در cPanel کلیک کنید.
سپس در پانل سمت راست، بر روی “Extract File Contents” کلیک کنید تا فایل زیپ شده باز شود.
در داخل پوشه theme به شکل زیر عمل کنید.
بعد از آپلود تم مورد نظر پوشه زیپ آن را اکسترکت ( extract ) بکنید و سپس فایل زیپ را حذف ( delete ) کنید.
به پنل وردپرس سایت خود وارد شوید و در بخش پوسته ها ، تم آپلود شده را خواهید دید
بعد از انتخاب گزینه سفارشی سازی تم بر روی سایت شما فعال شده و شما می توانید سایت خود را مشاهده کنید.
بعد از طراحی سایت خود همچنین شما عزیزان جهت نمایش سایت خود در گوگل می توانید آن را بهینه کنید و شما مدیران سایت با بهینه سازی سایت می توانید رقبا را کنار زده و خود را در عرصه اینترنت نمایش دهی
پروژه های اخیر
- طراحی سایت او آل مارکت فروشگاه لوازم خانگی طراحی سایت او آل مارکت این سایت با بیش از 1000 محصول مختلف در طراحی اولیه دیتا اینتری […]
- طراحی و بهینه سازی سایت گروه طراحان فرم و عملکرد (designgroup-co.com ) کار بهینه سازی و طراحی این سایت توسط تیم فنی سئو برتر انجام شده […]
- طراحی و بهینه سازی سایت آستارا چوب https://astarachoob.com سایت آستارا چوب ( وارد کننده انواع چوب روسی) توسط تیم سئو برتر انجام شده است .
- طراحی و بهینه سازی ( سئو ) سایت دکتر آقاجری (https://draghajeri.com) کار بهینه سازی و طراحی این سایت توسط تیم سئو برتر بوده است.
- طراحی و بهینه سازی سایت ستاره عرش آریا (https://sa-aria.com) طراحی و بهینه سازی (سئو ) سایت ستاره عرش (نماینده هانا در ایران) توسط تیم سئو برتر. […]
- طراحی و بهینه سازی سایت آتیه بالابر https://balabar-asansor.ir سایت آتیه بالابر توسط تیم سئوبرتر طراهی و بهینه سازی شده است .