رایگان قالب آسترا پرو Pro Astra Theme
سبک‌دهی به وب‌سایت با تنظیمات سراسری تنظیماتی که در اینجا انجام می‌دهید، کل وب‌سایت شما را تحت تأثیر قرار می‌دهد. گزینه‌های موجود عبارتند از تایپوگرافی (فونت‌های شما)، رنگ‌ها، کانتینر و دکمه‌ها. این تنظیمات به طور خودکار (پیش‌فرض) برای تمام محتوای وب‌سایت شما استفاده می‌شوند، به جز عناصری که تغییرات خاصی روی آنها ایجاد می‌کنید.
مستندات راهنمای تم آسترا: راهنمای تم آسترا این سفارشی‌ساز شماست سبک‌دهی به وب‌سایت شما با تنظیمات سراسری (در حال خواندن) ساخت هدر پیدا کردن مسیر با Breadcrumbs تنظیم وبلاگ اضافه کردن سایدبارها ساخت پاورقی میزبانی فونت‌های گوگل به صورت محلی – عملکرد کلید اصلی است به سایر گزینه‌های سفارشی‌ساز مراجعه کنید چگونه با آسترا سایت‌های سریع بسازیم؟ بهره‌گیری حداکثری از تم آسترا تایپوگرافی شاید گاهی اوقات حتی متوجه نشوید، اما استفاده از فونت‌های عالی در یک وب‌سایت واقعاً تفاوت زیادی ایجاد می‌کند. می‌توانید در اینجا تصمیم بگیرید که از چه فونت‌هایی برای عناصر مختلف، اندازه فونت، وزن و غیره استفاده کنید. اگر می‌خواهید در مورد انتخاب فونت مناسب بیشتر بدانید، این مقاله را بررسی کنید.
تایپوگرافی پایه تنظیمات تایپوگرافی پایه Astra 3.4 بیایید از اینجا با انتخاب یک خانواده فونت برای وب‌سایت خود شروع کنیم. این باید خانواده غالب وب‌سایت شما باشد (اگرچه می‌توانید بیش از یک فونت در وب‌سایت خود استفاده کنید).
اگر از قبل فونت از پیش تعیین‌شده‌ای ندارید، زمانی را صرف بررسی فونت‌ها و انتخاب فونت مناسب کنید. می‌توانید این کار را با کلیک روی منوی کشویی Family و پیمایش به پایین لیست فونت‌ها یا تایپ نام در فیلد جستجو انجام دهید.
راهنمای Astra – جستجوی فونت، Astra 3.0+ انتخاب گسترده است، زیرا در کنار فونت‌های System می‌توانید هر یک از فونت‌های Google، بزرگترین فهرست فونت‌های وب رایگان و متن‌باز را انتخاب کنید. این لیست را می‌توان با افزونه‌های ما حتی بیشتر گسترش داد:
فونت‌های Adobe سفارشی (Typekit) برای جاسازی فونت‌های Adobe؛ فونت‌های سفارشی به شما امکان می‌دهند از هر فونت سفارشی که نیاز دارید استفاده کنید – فقط فایل فونت را آپلود کنید و به لیست فونت‌ها اضافه می‌شود.
حالا، پس از انتخاب خانواده فونت خود، به جزئیات می‌پردازیم. انتخاب همه گزینه‌ها باعث صرفه‌جویی در زمان و تعداد کلیک‌های شما می‌شود – اگر مثلاً گزینه «700 Italic» را انتخاب کنید، هر بار که متن خود را به صورت Italic علامت‌گذاری می‌کنید، به طور خودکار وزن 700 را دریافت می‌کند.
در مرحله بعد، اندازه متن پیش‌فرض (به پیکسل)، وزن و در صورت نیاز، تبدیل متن (مثلاً بزرگ کردن هر کلمه در وب‌سایت خود) را تنظیم کنید.
راهنمای Astra – تنظیمات تایپوگرافی، Astra 3.0+ دو گزینه آخر بر میزان فضای اشغال شده متن شما تأثیر می‌گذارند. ارتفاع خط، ارتفاع هر ردیف متن را تعیین می‌کند، در حالی که حاشیه پاراگراف پایین، فضای اضافه شده به پایین هر پاراگراف را تعیین می‌کند. می‌توانید این مقادیر را با تایپ کردن مقدار اندازه یا با حرکت دادن نوار لغزنده به چپ و راست تنظیم کنید.
عنوان‌ها عنوان‌ها به بازدیدکنندگان وب‌سایت شما کمک می‌کنند تا اهمیت بخش‌های مختلف صفحه یا پست را درک کنند. وردپرس از عنوان‌های H1 تا H6 استفاده می‌کند.
۳-۴ عنوان مهم‌ترین عنوان در هر صفحه یا پست H1 است و باید اطلاعات مربوط به محتوای آن صفحه یا پست (موضوع آن) را در اختیار موتورهای جستجو قرار دهد. بنابراین، فقط باید یکی از این موارد در هر پست یا صفحه وجود داشته باشد.
در صورت نیاز می‌توان از سایر عنوان‌ها نیز استفاده کرد. هرچه شماره عنوان بالاتر باشد، اهمیت آن کمتر است (بنابراین H6 در صورت استفاده، کم‌اهمیت‌ترین محتوا را نشان می‌دهد).
در اینجا، می‌توانید تقریباً تمام گزینه‌های موجود در Base Typography را برای هر عنوان به طور جداگانه تنظیم کنید و ظاهری خاص و برجسته به آنها بدهید.
راهنمای Astra – تنظیمات عنوان‌ها، Astra 3.0+ رنگ‌ها نه اینکه تایپوگرافی خود را تنظیم کرده باشید، وقت آن است که به آن رنگ بدهید. در اینجا می‌توانید طرح رنگی خود را تنظیم کنید تا جذاب باشد و حال و هوا را تنظیم کند. رنگ‌ها در صورت استفاده صحیح، اطلاعات زیادی در مورد نوع وب‌سایتی که مشاهده می‌کنند و در مورد خود برند به کاربران می‌دهند.
تنظیمات رنگ‌های آسترا ۳.۴ ما توضیح خواهیم داد که هر نوع رنگ چه کاری انجام می‌دهد:
رنگ متن – رنگ متن بدنه (تمام متن معمولی شما) و توضیحات در وب‌سایت؛
رنگ تم – رنگ تمام عناصر تم مانند دکمه‌ها، رنگ پس‌زمینه متن انتخاب شده و غیره؛
رنگ لینک – رنگ تمام متنی که لینک به آن اضافه شده است؛
رنگ هاور لینک – رنگ تمام متنی که هنگام قرار گرفتن موس روی آن (رنگ هاور) لینک به آن اضافه شده است.
برای تغییر هر رنگ، روی دایره رنگی کنار نام نوع رنگ کلیک کنید. می‌توانید با کلیک روی انتخابگر رنگ و تنظیم میزان شفافیت (شفافیت) در صورت نیاز، رنگ خود را به صورت بصری انتخاب کنید. همچنین می‌توانید مقدار رنگ را در قالب‌های HEX، HSL یا RGB اضافه کنید.
برای حذف تغییرات و بازگرداندن رنگ به رنگ پیش‌فرض، روی دکمه «پاک کردن» یا روی نماد «بازگشت به حالت پیش‌فرض» کلیک کنید.
راهنمای گام به گام آسترا – انتخابگر رنگ، آسترا ۳.۰+ در اینجا، شما همچنین می‌توانید پس‌زمینه را برای کل وب‌سایت تنظیم کنید:
پس‌زمینه – شما سه گزینه برای انتخاب دارید: رنگ، گرادیان یا تصویر. هر گزینه‌ای را که انتخاب کنید، به عنوان پس‌زمینه برای بدنه در کل سایت اعمال می‌شود.
همچنین می‌توانید همزمان رنگ و تصویر را تنظیم کنید – در این حالت، مطمئن شوید که میزان شفافیت رنگ (کمتر از ۱۰۰٪) را تنظیم می‌کنید تا تصویر قابل مشاهده باشد.