آموزش ساخت هدر در وردپرس (آموزش گام به گام)
در این مقاله به شما آموزش میدهیم که چگونه با استفاده از ابزارهای داخلی وردپرس، افزونههای صفحه ساز و با استفاده از کدنویسی کنترل کاملی بر طراحی و ویرایش هدر سایت خود را داشته و آن را سفارشی سازی کنید.
هدر یکی از مهمترین بخشهای هر سایت است که نقش کلیدی در جلب توجه کاربران و بهبود تجربه کاربری ایفا میکند. یک هدر حرفهای نهتنها هویت بصری برند شما را تقویت میکند، بلکه با ارائه ناوبری ساده و جذاب، کاربران را به کاوش بیشتر در سایت ترغیب میکند. در این مقاله از سری مقالات راست چین به شما آموزش میدهیم که چگونه با 3 روش مختلف به ساخت هدر در وردپرس بپردازید، برای کسب اطلاعات بیشتر تا انتها همراه ما باشید.
آموزش ساخت هدر در وردپرس
برای ساخت هدر در وردپرس 3 روش وجود دارد که در ادامه به صورت کامل به این مورد خواهیم پرداخت:
-
مرحله اول: ساخت هدر از طریق سفارشی سازی قالب در پیشخوان
وردپرس به لطف ابزارهای قدرتمند سفارشی سازی قالب، به کاربران این امکان را میدهد که بدون نیاز به دانش کدنویسی، هدر سایت خود را طراحی کنند. در ادامه مراحل اصلی این روش را بررسی میکنیم:
1: ورود به بخش سفارشیسازی وردپرس
- به پیشخوان وردپرس خود وارد شوید.
- از منوی سمت راست، به بخش نمایش > سفارشیسازی بروید.
- در پنل سفارشیسازی، گزینهای به نام هدر یا سربرگ را پیدا کنید. این گزینه بسته به قالب مورد استفاده ممکن است متفاوت باشد.
2: تنظیمات هدر قالب
- آپلود لوگو: اکثر قالبهای وردپرسی امکان آپلود لوگو را در بخش هدر فراهم میکنند. لوگوی خود را با فرمت مناسب (ترجیحاً PNG با پسزمینه شفاف) آپلود کنید.
- تنظیم منو: منوی ناوبری را از بخش فهرستها (Menus) انتخاب کنید. میتوانید لینکهای دلخواه مانند صفحه اصلی، درباره ما، یا فروشگاه را به هدر اضافه کنید.
- رنگ و استایل: رنگ پسزمینه، فونتها، و اندازه هدر را با استفاده از گزینههای قالب تنظیم کنید. برخی قالبها مانند Astra یا OceanWP امکانات پیشرفتهتری برای استایلدهی ارائه میدهند.
- ویجتها و آیکونها: در برخی قالبها میتوانید آیکونهای شبکههای اجتماعی یا دکمههای فراخوان (CTA) را به هدر اضافه کنید.
3: پیشنمایش و انتشار
- تغییرات خود را در پیشنمایش زنده مشاهده کنید.
- پس از اطمینان از طراحی، روی دکمه انتشار کلیک کنید تا تغییرات ذخیره شوند.
مرحله دوم: ساخت هدر ریسپانسیو با المنتور
مرحله دوم برای ساخت هدر در وردپرس استفاده از افزونه صفحه ساز المنتور است، المنتور یکی از بهترین افزونه های صفحه ساز در وردپرس است که با استفاده از این افزونه میتوانید صفحات سایتتان را بدون نیاز به کدنویسی سفارش سازی کنید.
یکی از قابلیتهای جذاب این پلاگین طراحی هدر است که میتوانید هر نوع هدری را بسته به نیاز خود طراحی کنید، برای طراحی هدر با المنتور نیاز به نسخه جرفهای المنتور خواهید داشت چرا که این قابلیت در نسخه رایگان وجود ندارد به همین دلیل قبل از خرید هرکاری خرید المنتور پرو پیشنهاد میشود، سپس پس از تهیه این نسخه طبق آموزش زیر باید پیش بروید:
مرحله سوم: سفارشی سازی با وارد کردن کد
یکی از افزونههایی که برای همین منظور روی کار آمده، افزونه Insert Header And Footer است. با نصب آن امکان وارد کردن کدهای سفارشی در هدر و فوتر سایت فعال میشود. فقط کافیست آن را در وردپرس خود نصب کرده و فعال نمایید. سپس مشابه زیر میتوانید کدهای زیر را وارد کنید:
استفاده از این افزونه وردپرس بسیار ساده بوده و تنظیمات خاصی ندارد اما مستلزم این است که به کدهایی که ایجاد میکنید واقف باشید یا به عبارتی دانش کدنویسی داشته باشید. اینگونه میتوانید تغییرات سفارشی در هدر و فوتر سایتتان ایجاد کنید.
و در پایان
ساخت هدر در وردپرس چه از طریق سفارشی سازی قالب و چه با کدنویسی یا حتی از طریق افزونه صفحه ساز المنتور، میتواند به بهبود ظاهر و عملکرد سایت شما کمک کند. اگر به دنبال راهی سریع و بدون نیاز به کدنویسی هستید، استفاده از ابزارهای پیشخوان وردپرس و افزونهها بهترین گزینه است، از این که تا اینجا همراه ما بودید ممنونیم، موفق باشید.
