blog top bar
zhaket logo

آموزش قالب آسترا [0 تا 100 ویدئویی]

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

14 دقیقه زمان مطالعه

قالب آسترا را می توان یکی از انعطاف پذیرترین قالب های چند منظوره و فروشگاهی وردپرس در جهان معرفی کرد. با این قالب شما خیلی راحت در زمان خود صرفه جویی می کنید و در کمترین زمان ممکن پر سرعت ترین قالب وردپرسی جهان که سازگار با سایت های ایرانی می باشد را به صورت رایگان نصب کرده و از امکانات ویژه آن مانند قابلیت تنظیم رنگ و فونت و ریسپانسیو بودن و … این قالب برخوردار خواهید شد. برای آموزش نصب این قالب فروشگاهی کاربردی در ادامه با ما همراه باشید.

فیلم های آموزشی قالب آسترا

آموزش نصب قالب آسترا از طریق پیشخوان وردپرس

تفاوت قالب، دمو و بسته نصبی آسان در قالب آسترا

آموزش افزونه های اختصاصی قالب آسترا

آموزش نصب قالب آسترا با بسته نصب آسان

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

اموزش درون ریزی دموهای آماده در قالب astra

آموزش تغییر فونت در قالب astra

آموزش گزینه های آسترا

آموزش ساخت هدر و فوتر در قالب آسترا

آموزش ساخت صفحه اصلی قالب آسترا با المنتور

آموزش ساخت مگامنو در قالب آسترا

آموزش تنظیمات بخش سفارشی سازی قالب آسترا

آموزش قالب آسترا گام‌به‌گام برای مبتدی‌ها

اگر به تازگی وارد دنیای وردپرس شده‌اید و می‌خواهید بدون پیچیدگی‌های فنی سایتی حرفه‌ای بسازید، آسترا یکی از بهترین قالب‌هاست. آسترا سبک، سریع و انعطاف‌پذیر است و با چند کلیک ساده، ظاهر و ساختار سایت را تغییر می‌دهد. از وبلاگ شخصی گرفته تا فروشگاه آنلاین، آسترا با دموهای آماده و امکانات گسترده، مناسب برای پوشش نیازهای مختلف است. در این راهنما، مراحل کار با آسترا را گام به گام توضیح می‌دهیم تا اگر جزو مبتدیان هستید با اعتماد به نفس سایت خود را راه‌اندازی کنید. مراحل آموزش قالب آسترا به شرح زیر است:

 آماده‌سازی هاست و نصب وردپرس

ابتدا یک هاست سریع و مطمئن تهیه کنید تا سایت شما همیشه در دسترس باشد. هاست مناسب تاثیر مستقیمی بر سرعت بارگذاری صفحات دارد و تجربه کاربری را بهبود می‌بخشد. پس از خرید هاست و دامنه، وردپرس را نصب کنید تا پیشخوان مدیریت در اختیار شما قرار گیرد. بهتر است از هاست‌هایی استفاده کنید که نصب وردپرس را به صورت خودکار ارائه می‌دهند تا کار شما ساده‌تر شود.

 نصب و راه‌اندازی قالب آسترا

 از بخش نمایش و پوسته‌ها در پیشخوان وردپرس، گزینه افزودن پوسته جدید را انتخاب کنید و Astra را جستجو نمایید. نسخه رایگان این قالب در مخزن وردپرس موجود است و تنها با یک کلیک نصب و فعال می‌شود. اگر امکانات بیشتری نیاز دارید، نسخه پرو آن قابل تهیه است. نسخه پرو امکاناتی مثل طراحی پیشرفته هدر و فوتر، کنترل کامل تایپوگرافی و گزینه‌های بیشتر برای فروشگاه آنلاین را فراهم می‌کند.

 نصب افزونه Starter Templates

یکی از ویژگی‌های مهم آسترا، وجود دموهای آماده است. با نصب افزونه Starter Templates می‌توانید صدها طرح آماده برای انواع سایت‌ها (فروشگاهی، شرکتی، آموزشی وغیره) را درون‌ریزی کنید. این کار باعث می‌شود بدون طراحی از صفر، یک سایت کامل داشته باشید و سپس آن را مطابق نیاز خود تغییر دهید. همچنین می‌توانید انتخاب کنید که دموها با صفحه‌ساز المنتور یا Beaver Builder نصب شوند تا گزینه‌های بیشتری برای طراحی در اختیار داشته باشید.

شخصی‌سازی تنظیمات کلی

از طریق بخش “سفارشی‌سازی” در وردپرس می‌توانید رنگ‌ها، فونت‌ها، هدر و فوتر سایت را تغییر دهید. آسترا امکان مدیریت تنظیمات کلی مثل عرض سایت، نوع منو و نمایش لوگو را به شما می‌دهد. این بخش پایه اصلی هویت بصری سایت شماست و باید با دقت تنظیم شود. همچنین می‌توانید فونت‌های گوگل را به صورت محلی بارگذاری کنید تا سرعت سایت افزایش پیدا کند.

طراحی صفحات با صفحه‌سازها

آسترا به‌ طور کامل با صفحه‌سازهایی مثل المنتور سازگار است. بنابراین با استفاده از این ابزار می‌توانید صفحات را به صورت کشیدن و رها کردن طراحی کنید. این قابلیت به شما آزادی عمل می‌دهد تا بدون نیاز به کدنویسی، صفحات جذاب و حرفه‌ای بسازید. حتی می‌توانید از بلوک‌های آماده استفاده کنید تا طراحی سریع‌تر و استانداردتر انجام شود.

بهینه‌سازی سرعت و سئو

یکی از نقاط قوت آسترا، سبک بودن و سرعت بالای آن است. با فعال‌سازی گزینه‌های بهینه‌سازی فونت‌ها و استفاده از افزونه‌های سئو مانند Yoast یا Rank Math، می‌توانید سایت خود را برای موتورهای جستجو آماده کنید. این مرحله برای جذب بازدیدکننده و رشد سایت حیاتی است. همچنین آسترا با افزونه‌های کش و بهینه‌سازی سرعت مثل WP Rocket سازگار است که می‌تواند عملکرد سایت شما را در کوتاه‎ترین زمان ممکن ارتقا دهد.

آموزش نصب قالب آسترا از طریق پیشخوان وردپرس

خوشبختانه نصب آسترا از طریق پیشخوان وردپرس بسیار ساده است و تنها به چند کلیک نیاز دارد. در این آموزش، مراحل نصب را به صورت فهرست‌وار مرور می‌کنیم تا کاربران تازه‌کار بتوانند بدون سردرگمی قالب را فعال کنند و آماده شخصی‌سازی بخش‌های مختلف شوند. مراحل نصب قالب آسترا از طریق پیشخوان وردپرس عبارتند از:

  • ورود به پیشخوان وردپرس
  • رفتن به بخش نمایش و پوسته‌ها
  • انتخاب گزینه افزودن پوسته جدید
  • جستجوی قالب Astra در مخزن وردپرس
  • کلیک روی «نصب»
  • فعال‌سازی قالب آسترا

آموزش نصب آسترا روی سی‌پنل و دایرکت‌ادمین بدون خطا

آموزش قالب آسترا

یکی از روش‌های مطمئن برای راه‌اندازی سایت وردپرسی، نصب قالب آسترا روی سی ‌پنل و دایرکت ‌ادمین  است. معمولا بسیاری از کاربران مبتدی در این مرحله دچار خطا می‌شوند؛ اما اگر شما مسیر درست را طی کنید، همه چیز ساده و بدون مشکل پیش می‌رود.

 تفاوت اصلی بین سی ‌پنل و دایرکت ‌ادمین در ظاهر و امکانات آن‌ها است؛ سی‌ پنل رابط کاربری گرافیکی و امکانات بیشتری دارد، در حالی که دایرکت ‌ادمین ساده‌تر است اما همچنان قابلیت نصب قالب را به ‌خوبی فراهم می‌کند. در ادامه مراحل نصب را برای هر دو کنترل‌ پنل توضیح خواهیم داد.

مرحله اول: ورود به کنترل ‌پنل هاست

برای شروع وارد کنترل ‌پنل هاست خود شوید. در سی‌ پنل این کار با وارد کردن آدرس ورود و نام کاربری یا رمز عبور انجام می‌شود. دایرکت ‌ادمین هم مشابه همین روش است، تفاوت آن در ظاهر و منوها خلاصه می‌شود. دسترسی به کنترل ‌پنل اولین قدم برای مدیریت فایل‌ها و نصب قالب است. وارد سی‌ پنل یا دایرکت ‌ادمین شوید.

مرحله دوم: باز کردن File Manager

پس از ورود به بخش مدیریت فایل‌ها بروید. در سی ‌پنل گزینه File Manager در صفحه اصلی دیده می‌شود، اما در دایرکت ‌ادمین از بخش “مدیریت فایل‌ها” نصب آسترا امکان‌پذیر است. در این قسمت فایل قالب را آپلود و مدیریت کنید.

  • باز کردن File Manager در سی ‌پنل
  • باز کردن File Manager در دایرکت ‌ادمین

مرحله سوم: رفتن به مسیر قالب‌ها

 در وردپرس، قالب‌ها در پوشه wp-content/themes ذخیره می‌شوند. بنابراین باید وارد این مسیر شوید تا بتوانید فایل قالب آسترا را در جای درست قرار دهید. در سی ‌پنل این مسیر معمولا زیر public_html است و دایرکت‌ ادمین هم مشابه همین ساختار را دارد.

  • مسیر public_html/wp-content/themes در سی‌پنل
  • domains/yourdomain.com/public_html/wp-content/themes در دایرکت ‌ادمین

مرحله چهارم: آپلود فایل ZIP قالب آسترا

فایل قالب آسترا را به صورت زیپ از سایت رسمی یا مخزن وردپرس دانلود کنید. سپس آن را در مسیر قالب‌ها بارگذاری نمایید. این کار در هر دو کنترل ‌پنل با گزینه Upload انجام می‌شود و باید منتظر بمانید تا فرآیند به طور کامل تمام شود.

مرحله پنجم: استخراج فایل قالب

بعد از آپلود، فایل ریپ را Extract کنید تا پوشه قالب در مسیر themes ایجاد شود. این مرحله بسیار مهم است؛ زیرا اگر فایل استخراج نشود، وردپرس قالب را نمی‌شناسد. در هر دو کنترل ‌پنل گزینه Extract وجود دارد.

مرحله ششم: فعال‌سازی قالب در وردپرس

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

آموزش نصب آسترا روی لوکال‌هاست و انتقال به هاست واقعی

اگر بخواهید بدون هزینه هاست و دامنه، ابتدا بهتر است سایت خود را با لوکال هاست  آزمایش کنید. با نصب وردپرس روی نرم‌افزارهایی مثل XAMPP یا LocalWP می‌توانید قالب آسترا را به ‌سادگی فعال کرده و تمام تغییرات دلخواهتان را در محیطی امن و خصوصی انجام دهید. این روش به شما فرصت می‌دهد قبل از انتشار عمومی، ظاهر و عملکرد سایت را به طور کامل بررسی کنید.

پس از آماده شدن محتوا، سایت را به هاست واقعی منتقل کنید تا در دسترس کاربران هدف قرار بگیرد. انتقال به هاست واقعی شامل خروجی گرفتن از دیتابیس، کپی فایل‌ها و تنظیم آدرس دامنه است. اگر این مراحل را دقیق و اصولی انجام دهید، سایت شما بدون خطا از لوکال هاست به هاست اصلی منتقل می‌شود تا همان کیفیتی که در محیط تست داشتید، روی موتورهای جستجو هم تجربه کنید.

آموزش درون‌ریزی Starter Templates در آسترا و رفع خطا

آموزش قالب آسترا

درون‌ریزی Starter Templates در قالب آسترا یکی از سریع‌ترین راه‌ها برای ساخت سایت آماده است، اما اگر اصولی انجام نشود ممکن است با خطاهای رایج روبه‌رو شوید. برای شروع، افزونه گفته شده را از مخزن وردپرس نصب و فعال کنید. سپس وارد بخش Appearance → Starter Templates شوید و صفحه‌ساز المنتور را انتخاب کنید.

سپس دمو مورد نظر را برگزینید و روی گزینه Import Site کلیک نمایید. در این مرحله باید صبر کنید تا محتوا، رسانه‌ها و تنظیمات قالب به‌ طور کامل بارگذاری شوند. اگر در فرآیند با خطا روبه‌رو شدید، افزونه‌های غیرضروری را غیرفعال کنید و محدودیت‌های هاست را افزایش دهید. پس از موفقیت، پیوندهای یکتا را ذخیره کرده و صفحات اصلی سایت را بررسی کنید تا مطمئن شوید همه‌چیز درست نمایش داده می‌شود.

خطاهای مهم و روش عیب‌یابی در قالب آسترا

قبل از بررسی خطاها گاهی فرآیند درون ریزی به دلایل فنی یا محدودیت‌های هاست با مشکل مواجه می‌شود. این خطاها طبیعی هستند و بیشتر به تنظیمات سرور یا افزونه‌ها مربوط می‌شوند. خوشبختانه با چند اقدام ساده می‌توانید آن‌ها را برطرف کنید و درون ریزی در آسترا را بدون دردسر ادامه دهید. در ادامه به چند خطای مهم اشاره می‌کنیم:

 گیر کردن در دانلود رسانه‌ها

 این مشکل معمولا به محدودیت منابع هاست یا قطع ارتباط با سرور آسترا مربوط است. برای رفع آن، زمان اجرای PHP و حافظه را افزایش دهید و در صورت نیاز رسانه‌ها را به‌ صورت دستی آپلود کنید. پاکسازی کش مرورگر و غیرفعال کردن افزونه‌های سنگین نیز کمک می‌کند.

نمایش ناقص دمو یا خالی بودن صفحات

 این خطا به دلیل نصب نبودن افزونه‌های ضروری مثل ووکامرس یا صفحه‌ساز انتخابی است. ابتدا مطمئن شوید همه افزونه‌های پیشنهادی فعال هستند، سپس دوباره درون ریزی را اجرا کنید. در صورت باقی ماندن مشکل، بخش‌های جداگانه (صفحات، تنظیمات، رسانه‌ها) را به ‌صورت مرحله‌ای ایمپورت کنید.

خطای XML یا URL

این خطا زمانی اتفاق می‌افتد که فایل دمو به‌ درستی بارگذاری نشده یا ارتباط با سرور قطع شده است. نسخه به‌روز شده افزونه Starter Templates را بررسی کنید و حتما اتصال اینترنت پایدار داشته باشید. اگر مشکل ادامه پیدا کرد، از بسته نصبی آسترا یا فایل‌های دستی XML استفاده کنید.

محدودیت منابع هاست

هاست‌های اشتراکی معمولا محدودیت سخت‌گیرانه دارند. برای رفع مشکل، memorylimit و uploadmax_filesize را افزایش دهید یا ایمپورت را روی وردپرس تازه انجام دهید. در صورت نیاز از لوکال هاست برای ایمپورت استفاده کرده و سپس سایت را به هاست اصلی منتقل کنید.

آموزش تفاوت قالب، دمو و بسته نصب آسان در آسترا

درک تفاوت بین قالب، دمو و بسته نصب آسان در آسترا برای هر کاربری که قصد راه‌اندازی سایت دارد ضروری است. قالب آسترا در واقع پوسته اصلی وردپرس است که ساختار و امکانات پایه را فراهم می‌کند. دموها نمونه‌های آماده‌ای هستند که با طراحی و چینش از پیش ‌ساخته، به شما کمک می‌کنند سریع‌تر ظاهر سایت را شکل دهید.

اما بسته نصب آسان ترکیبی از وردپرس، قالب آسترا و دموهای انتخابی است که همه‌چیز را یکجا نصب می‌کند و برای مبتدی‌ها بهترین گزینه است. این سه بخش اگرچه به هم مرتبط‌ هستند؛ اما هرکدام نقش متفاوتی در فرآیند ساخت سایت دارند و شناخت درست آن‌ها باعث می‌شود بدون سردرگمی مسیر طراحی را پیش ببرید.

آموزش آپدیت قالب آسترا و بروزرسانی ایمن با چایلد تم

به‌روزرسانی قالب آسترا اگر به‌ صورت اصولی انجام شود، نه ‌تنها امنیت و سرعت سایت را حفظ می‌کند بلکه ممکن است از آخرین امکانات و بهینه‌سازی‌های سئو هم بهره‌مند شوید. بسیاری از کاربران هنگام آپدیت قالب نگران از دست رفتن تغییرات شخصی‌سازی هستند؛ به همین دلیل استفاده از چایلد تم بهترین راهکار است.

چایلد تم به شما اجازه می‌دهد تغییرات کدنویسی یا استایل را در یک پوسته فرزند ذخیره کنید تا هنگام آپدیت قالب اصلی، هیچ‌کدام از ویرایش‌ها از بین نرود. این روش هم برای مبتدی‌ها ساده است و هم برای حرفه‌ای‌ها یک استاندارد ایمن محسوب می‌شود. در ادامه مراحل به‌روزرسانی آسترا با چایلد تم را مرور خواهیم کرد.

  • تهیه نسخه پشتیبان کامل از سایت
  • نصب و فعال‌سازی چایلد تم آسترا
  • انتقال تغییرات سفارشی به فایل‌های چایلد تم
  • به‌روزرسانی قالب اصلی آسترا از مخزن یا فایل زیپ
  • بررسی هماهنگی چایلد تم با نسخه جدید
  • تست عملکرد سایت در صفحات مختلف

آموزش ساخت هدر با Header Footer Builder در آسترا

هدر در قالب آسترا با ابزار Header Footer Builder یکی از امکانات مهم برای شخصی‌سازی ظاهر سایت است. این قابلیت به شما اجازه می‌دهد بدون نیاز به کدنویسی، هدرهای چندستونه و حرفه‌ای طراحی کنید. با استفاده از این ابزار می‌توانید لوگو، منو، آیکن جستجو یا دکمه‌های تماس را در جای دلخواه قرار دهید و ظاهر سایت را دقیق مطابق برند خود بسازید. مراحل طراحی هدر با این ابزار به شرح زیر است:

مورد اول: ورود به بخش هدرساز

پس از نصب قالب آسترا، وارد بخش Appearance → Customize شوید. در این بخش گزینه Header Builder نمایش داده می‌شود که نقطه شروع طراحی هدر است.  

مورد دوم: ایجاد ساختار چندستونه

هدرساز آسترا به شما این امکان را می‌دهد ردیف‌ها و ستون‌های مختلف بسازید. هر ردیف شامل سه بخش است که می‌توانید المان‌ها را با روش کشیدن و رها کردن در آن‌ها قرار دهید.

 مورد سوم: افزودن المان‌ها به هدر

در هر ستون می‌توانید لوگو، منو، آیکن شبکه‌های اجتماعی یا دکمه CTA اضافه کنید. این المان‌ها قابل تنظیم هستند و می‌توانید رنگ، اندازه و موقعیت آن‌ها را تغییر دهید.

مورد چهارم: طراحی اختصاصی برای موبایل و دسکتاپ

قالب آسترا امکان طراحی هدر جداگانه برای موبایل را فراهم کرده است. این ویژگی باعث می‌شود تجربه کاربری در دستگاه‌های مختلف مانند لپ تاپ و موبایل بهینه باشد.

مورد پنجم: ذخیره‌سازی و امتحان هدر

پس از طراحی، تغییرات را ذخیره کنید و سایت را در نمایشگرهای مختلف بررسی نمایید. در صورت نیاز می‌توانید به ‌راحتی چینش یا استایل هدر را اصلاح کنید.

آموزش ساخت فوتر سفارشی در آسترا

آموزش قالب آسترا

برخلاف فوترهای آماده، آسترا قابلیت‌های متعددی را برای کاربران خود در نظر گرفته‌ است تا ستون‌ها، ابزارک‌ها و المان‌های مختلف را مطابق با نیاز خود طراحی کنید. این ویژگی باعث شده تا یک فوتر حرفه‌ای داشته باشید که علاوه بر زیبایی، مسیر دسترسی کاربران به بخش‌های مهم مثل منو، شبکه‌های اجتماعی یا فرم خبرنامه را ساده‌تر می‌کند. مراحل طراحی فوتر سفارشی در آسترا عبارتند از:

مورد اول: ورود به بخش فوتر بیلدر

 از پیشخوان وردپرس واردAppearance  و Customize شوید و گزینه Footer Builder را انتخاب کنید. این بخش نقطه شروع طراحی فوتر اختصاصی است. در این قسمت می‌توانید ساختار کلی فوتر را مشاهده کنید و تصمیم بگیرید چند ردیف یا ستون نیاز دارید. همچنین امکان فعال یا غیرفعال کردن بخش‌های پیش‌فرض وجود دارد.

مورد دوم: ایجاد ساختار چندستونه

در فوتر بیلدر می‌توانید ردیف‌ها و ستون‌های مختلف بسازید. هر ستون قابلیت اضافه کردن ابزارک‌ها یا المان‌های دلخواه را دارد. این انعطاف‌پذیری برای این است تا فوتر را به بخش‌های مجزا تقسیم کنید؛ به عنوان مثال یک ستون برای منو، یک ستون برای اطلاعات تماس و ستون دیگر برای شبکه‌های اجتماعی.

مورد سوم: افزودن ابزارک‌ها و المان‌ها

ابزارک‌هایی مثل منو، فرم عضویت خبرنامه، آیکن شبکه‌های اجتماعی یا اطلاعات تماس را در ستون‌ها قرار دهید و چینش آن‌ها را با کشیدن و رها کردن تنظیم کنید. هر ابزارک تنظیمات اختصاصی دارد؛ به عنوان نمونه می‌توانید لینک‌ها را تغییر دهید، متن‌ها را ویرایش کنید یا آیکن‌ها را با رنگ برندتان هماهنگ کنید.

مورد چهارم: شخصی‌سازی استایل و طراحی

رنگ پس ‌زمینه، فونت و فاصله‌ها را تغییر دهید تا فوتر هماهنگ با هویت بصری برندتان باشد. علاوه بر این، امکان تنظیم نمایش در حالت دسکتاپ و موبایل وجود دارد تا مطمئن شوید فوتر در همه دستگاه‌ها ظاهر مناسبی دارد.

مورد پنجم: ذخیره و امتحان فوتر

پس از طراحی، تغییرات را ذخیره کنید و سایت را در نمایشگرهای مختلف بررسی کنید تا مطمئن شوید فوتر به‌ درستی نمایش داده می‌شود. بهتر است عملکرد لینک‌ها، فرم‌ها و آیکن‌ها را امتحان کنید تا مطمئن شوید همه عناصر فعال و درست کار می‌کنند.

آموزش ساخت مگامنو در آسترا بدون افزونه سنگین

از جمله امکانات لازم برای طراحی منوهای چندستونه و جذاب، مگامنو در قالب آسترا است که بدون نیاز به افزونه‌های سنگین اجرا می‌شود. با این ویژگی شما می‌توانید دسته‌بندی‌ها، لینک‌ها، تصاویر و حتی ویجت‌های دلخواه خود را در یک ساختار منظم نمایش دهید. نتیجه کار یک منوی کاربرپسند است که مسیر دسترسی به بخش‌های مختلف سایت را ساده‌تر می‌کند تا تجربه کاربری را بهبود بخشد.

 برای ساخت مگامنو کافی است از بخش Appearance  و Menus وردپرس استفاده کنید، آیتم‌های منو را انتخاب کرده و گزینه مگامنو را فعال نمایید. سپس می‌توانید ستون‌ها و زیرمنوها را تعریف کرده و هر بخش را با محتوای مناسب پر کنید. این روش سبک و سریع است و برخلاف افزونه‌های جانبی، فشار اضافی به هاست وارد نمی‌کند. بنابراین با کمی شخصی‌سازی رنگ و فونت، منوی شما کاملا هماهنگ با هویت بصری سایت خواهد شد.

آموزش منوی موبایل و نوار بالایی (Top Bar) در آسترا

منوی موبایل و نوار بالایی در قالب آسترا دو بخش مهم برای بهبود تجربه کاربری هستند. منوی موبایل به شما کمک می‌کند نسخه‌ای ساده و قابل لمس از منوهای اصلی سایت را برای کاربران موبایل طراحی کنید.

 نوار بالایی هم برای ساهت فضایی کاربردی به منظور نمایش اطلاعات تماس، لینک‌های سریع یا دکمه‌های شبکه‌های اجتماعی است. ترکیب این دو بخش باعث می‌شود سایت شما هم از نظر دسترسی و هم از نظر ظاهر حرفه‌ای‌تر به نظر برسد. در ادامه مراحل طراحی و تنظیم این بخش‌ها را مرور خواهیم کرد.

مرحله اول: فعال‌سازی منوی موبایل

 وارد Appearance → Customize شوید و بخش Header Builder را باز کنید. در این قسمت گزینه منوی موبایل وجود دارد که می‌توانید آن را فعال کنید. پس از فعال‌سازی، امکان انتخاب منوی اختصاصی برای موبایل فراهم می‌شود. این ویژگی برای این است که کاربران موبایل به‌ جای منوی پیچیده دسکتاپ، یک نسخه ساده و سریع را مشاهده کنند.

مرحله دوم: طراحی و شخصی‌سازی منوی موبایل

پس از انتخاب منوی موبایل می‌توانید چینش آیتم‌ها، رنگ‌ها و آیکن‌ها را تغییر دهید. آسترا امکان نمایش منو به‌ صورت کشویی یا آیکن همبرگری را فراهم می‌کند. همچنین می‌توانید اندازه فونت و فاصله آیتم‌ها را تنظیم کنید تا در صفحه کوچک موبایل خوانایی بیشتری داشته باشند. این شخصی‌سازی برای است است که تجربه کاربری روان‌تر و جذاب‌تر شود.

مرحله سوم: افزودن نوار بالایی (Top Bar  در بخش Header Builder)

گزینه نوار بالایی را فعال کنید. این نوار معمولا در بالای سایت نمایش داده می‌شود و می‌تواند شامل اطلاعات تماس، ایمیل یا لینک‌های سریع باشد. اضافه کردن این بخش به سایت باعث می‌شود کاربران بدون نیاز به جستجو، به اطلاعات مهم دسترسی فوری داشته باشند.

مرحله چهارم: تنظیمات استایل نوار بالایی

برای نوار بالایی می‌توانید رنگ پس‌زمینه، فونت و چینش ستون‌ها را تغییر دهید. همچنین امکان افزودن آیکن شبکه‌های اجتماعی یا دکمه‌های CTA وجود دارد. این تنظیمات به شما کمک می‌کند نوار بالایی را هماهنگ با هویت بصری برندتان طراحی کنید و ظاهر سایت یکپارچه‌تر شود.

مرحله پنجم: ذخیره‌سازی مراحل بالا

پس از اعمال تغییرات، تنظیمات را ذخیره کنید و سایت را در موبایل و دسکتاپ بررسی کنید. مطمئن شوید منوی موبایل به ‌درستی باز و بسته می‌شود و نوار بالایی در همه صفحات ظاهر مناسبی دارد. امتحان عملکرد لینک‌ها و دکمه‌ها نیز ضروری است تا مطمئن شوید همه عناصر فعال هستند.

آموزش صفحه ۴۰۴ سفارشی در آسترا

صفحه 404 سفارشی در قالب آسترا فرصتی است تا به‌ جای نمایش یک پیام خشک و بی‌روح، تجربه‌ای حرفه‌ای و کاربرپسند ارائه دهید. این صفحه زمانی نمایش داده می‌شود که کاربر آدرس اشتباهی وارد کند یا محتوای مورد نظر حذف شود.

با طراحی اختصاصی می‌توانید مسیر بازگشت به صفحه اصلی، لینک‌های مهم یا حتی یک پیام دوستانه را در اختیار کاربر قرار دهید. در انتها نرخ خروج کاهش و تعامل کاربران با سایت افزایش پیدا خواهد کرد. مراحل ساخت صفحه 404 سفارشی در آسترا عبارتند از:

  1. ایجاد یک برگه جدید در وردپرس برای طراحی صفحه 404
  2. طراحی صفحه با صفحه‌ساز Elementor یاGutenberg
  3. افزودن پیام مناسب و لینک‌های کاربردی به صفحه
  4. ذخیره و انتشار برگه طراحی‌ شده
  5. اتصال برگه به تنظیمات قالب آسترا برای نمایش به‌ عنوان صفحه 404

نتیجه‌گیری

قالب آسترا به ‌عنوان یکی از محبوب‌ترین پوسته‌های وردپرس، با ترکیبی از سرعت بالا، انعطاف‌پذیری و سازگاری کامل با صفحه‌سازها شناخته می‌شود. استفاده از چایلد تم و امکانات داخلی مانند هدرساز و فوتر بیلدر، این قالب را به گزینه‌ای ایمن و حرفه‌ای برای هر نوع وب ‌سایت تبدیل کرده است. استفاده از قالب آسترا نه ‌تنها به مبتدی‌ها پیشنهاد می‌شود؛ بلکه برای توسعه‌دهندگان حرفه‌ای که به دنبال بستری قدرتمند هستند، مناسب است.

بنابراین انتخاب آسترا یعنی سرمایه‌گذاری روی یک قالب سبک، بهینه برای سئو و آماده برای رشد آینده سایت. چنانچه سوالی دارید و می‌خواهید نسخه پرو آسترا را تهیه کنید، همین حالا با کارشناسان ژاکت تماس بگیرید.

این مقاله را حتما بخوانید
9 نکته در انتخاب یک قالب حرفه‌ای وردپرس که باید بدانید

تحریریه ژاکت

مشاهده تیم تحریریه

مطالب مشابه

3

دیدگاه ها

ارسال دیدگاه

سلام. بدون اینکه آسترا پرو رو نصب کنیم میشه با المنتور سایت رو طراحی کرد؟ و اینکه رسپانسیو هست؟

سلام روزتون بحیر
بله افزونه المنتور یک افزونه صفحه ساز است و شما به راحتی می‌توانید در تمام قالب‌های رایگان و پولی که با این افزونه سازگاری دارند، لندینگ پیج‌های خود را طراحی کنید

قالب قبل سایتم ارتی تم بود الان میخام این قالب استرا رو فعال کنم صفحه محصولاتش بالا نمیاد چیکار باید بکنم ؟ راهنمایی کنید ممنون میشم.

ارسال دیدگاه