webcaster.dev/?p=12256
Wordpress Tutorial
آموزش کامل تنظیمات قالب استرا در وردپرس؛ جلسه ۳۲ تا ۳۶
تنظیمات قالب استرا دوستان عزیزم سلام؛ من سجاد سعادت هستم، از وب‌کاستر آکادمی. این راهنما، خلاصه‌ی پنج جلسه از دوره‌ی طراحی وب‌سایت با وردپرس است که به‌طور کامل به تنظیمات قالب استرا اختصاص دارد. در ادامه، بخش طرح کلی، سربرگساز (Header Builder)، تنظیمات بلاگ و…
Watch on YouTubeبدون دیدگاه
تنظیمات قالب استرا
دوستان عزیزم سلام؛ من سجاد سعادت هستم، از وب‌کاستر آکادمی. این راهنما، خلاصه‌ی پنج جلسه از دوره‌ی طراحی وب‌سایت با وردپرس است که به‌طور کامل به تنظیمات قالب استرا اختصاص دارد. در ادامه، بخش طرح کلی، سربرگساز (Header Builder)، تنظیمات بلاگ و تک نوشته، برگه و جستجو و در نهایت پابرگساز (Footer Builder) را با هم بررسی میکنیم.
هدف این است که پیش از شروع طراحی صفحات اصلی سایت، با تمام امکاناتی که قالب استرا در اختیارتان می‌گذارد آشنا شوید.
بخش طرح کلی در تنظیمات قالب استرا (جلسه ۳۲)
در این بخش، رنگ‌ها، تیترهای H1 تا H6 و متن بدنه از طریق پالت‌های رنگی پیش‌فرض یا رنگ سفارشی تنظیم می‌شوند. تنظیمات نویسه‌نگاری برای زبان فارسی کاربرد چندانی ندارد، چون فونت‌های پیش‌فرض برای زبان‌های خارجی هستند.
عرض کانتینر، حالت باکس یا آن‌باکس، و نرخ شکست رسپانسیو هم در همین بخش قرار دارند. عرض پیش‌فرض ۱۲۰۰ پیکسل است. تنظیمات دکمه‌های اصلی و ثانوی، اسکرول به بالا و رنگ هایلایت فوکوس (Accessibility) نیز بخشی از همین صفحه‌ی طرح کلی هستند.
سربرگساز (Header Builder) در تنظیمات قالب استرا (جلسه ۳۳)
هدر وب‌سایت شامل عنوان سایت، لوگو و منوی اصلی است. قالب استرا سه چیدمان آماده برای هدر ارائه می‌دهد؛ یکی از این چیدمان‌ها دکمه‌های شبکه‌های اجتماعی و دیگری یک دکمه‌ی کال‌تواکشن (CTA) اضافه می‌کند.
از بخش Site Title And Logo میتوان لوگو آپلود کرد، متن جایگزین (Alt Text) تعیین کرد و عرض لوگو را مشخص کرد. تگ‌لاین، فیوآیکون و نمایش هر عنصر در دستگاه‌های مختلف هم از همین بخش قابل تنظیم است.
منوی اصلی از بخش فهرست‌ها که در تنظیمات وردپرس قسمت نمایش وجود دارد ساخته و از قسمت Primary Menu به هدر متصل می‌شود. دکمه‌ی کال‌تواکشن (مثلا مشاوره رایگان) هم متن، لینک و نمایش در دستگاه‌های مختلف را می‌پذیرد.
تنظیمات صفحه‌ی بلاگ در قالب استرا (جلسه ۳۳)
همچنان در ادامه‌ی همین ویدیو، بخش بلاگ به دو زیر بخش تقسیم می‌شود: صفحه‌ی اصلی بلاگ و صفحه اصلی هر نوشته یا مقاله. در تنظیمات صفحه‌ی بلاگ میتوان ناحیه‌ی عنوان، چیدمان (عادی، باریک، تمام‌عرض)، سبک نمایش (باکس یا آن‌باکس) و نوار کناری را مشخص کرد.
چیدمان محتوا هم بین حالت فهرستی و حالت کاور قابل انتخاب است. تعداد نوشته‌ها، پهنای محتوا، و آیتم‌های متا مثل نویسنده، تاریخ، دسته‌بندی و برچسب هم از همین بخش کنترل می‌شوند.
تنظیمات تک نوشته یا صفحه اصلی هر نوشته در قالب استرا (جلسه ۳۴)
برای صفحه‌ی هر نوشته، قالب استرا چیدمان، سبک کانتینر و سایدبار جداگانه‌ای در اختیار می‌گذارد. گزینه‌ی نوشته‌های مرتبط را میتوان روشن کرد و تعداد، چیدمان و اطلاعات نمایشی آن‌ها را مشخص کرد.
بخش دیدگاه‌ها هم موقعیت فرم را کنترل می‌کند؛ فرم میتواند بالای دیدگاه‌های قبلی یا پایین آن‌ها نمایش داده شود. طرح تصویر شاخص، نسبت تصویر، اندازه‌ی تصویر (بندانگشتی تا سایز کامل)، و نمایش یا عدم نمایش نویسنده و تاریخ هم در همین صفحه تنظیم می‌شوند.
بخش متا امکان نمایش تعداد دیدگاه و دسته‌بندی را می‌دهد؛ دسته‌بندی میتواند به شکل ساده، زیرخط‌دار یا نشان (Badge) نمایش داده شود.
تنظیمات برگه در قالب استرا (جلسه ۳۵)
تنظیمات برگه (صفحات ثابت سایت) مشابه تک نوشته است؛ چیدمان، سبک کانتینر و سایدبار قابل تنظیم هستند. برای عنوان صفحه، قالب استرا دو طرح ارائه می‌دهد؛ طرح اول عنوان را داخل همان باکس سفید محتوا نشان می‌دهد و طرح دوم آن را بالای صفحه، جدا از سایدبار، قرار می‌دهد.
مسیریاب (Breadcrumb)، چکیده، و ترتیب کاراکتر جداکننده‌ی متاها هم از همین بخش کنترل می‌شوند. تنظیمات دیزاین شامل رنگ عنوان، رنگ متن، رنگ لینک و ضخامت فونت است.
تنظیمات صفحه‌ی جستجو در قالب استرا (جلسه ۳۵)
همچنان در همین ویدیو، صفحه‌ی نتایج جستجو چیدمان، چینش نتایج (شبکه‌ای، فهرستی یا کاور) و تعداد نتایج در هر صفحه را می‌پذیرد. گزینه‌ی جستجوی زنده جستجوی مبتنی بر تکنولوژی Ajax را فعال می‌کند که هنگام تایپ، پیشنهادها را نمایش می‌دهد. دامنه‌ی جستجو هم بین نوشته‌ها و برگه‌ها قابل انتخاب است.
در همین جلسه، تنظیمات عمومی نوار کناری (سایدبار) هم بررسی می‌شود؛ عرض سایدبار به‌صورت عددی قابل تنظیم است و گزینه‌ی نوار کناری چسبنده یا Sticky Sidebar باعث می‌شود سایدبار هنگام اسکرول در جای خود ثابت بماند.
پابرگساز (Footer Builder) در تنظیمات قالب استرا (جلسه ۳۶)
بخش پابرگساز یا Footer Builder، بخش کپی‌رایت و بخش تنظیمات اصلی فوتر را شامل می‌شود. در بخش کپی‌رایت میتوان متن، رنگ و حتی یک لوگوی کوچک اضافه کرد.
فوتر میتواند بین یک تا شش ستون داشته باشد. هر ستون یک ویجت جداگانه می‌پذیرد؛ برای مثال تصویر، منو یا یک متن خلاصه درباره‌ی سایت. برای هر بخش، عرض، ارتفاع، ترازبندی عمودی (بالا، وسط، پایین) و چیدمان عناصر داخلی (به‌صورت ستونی یا خطی) قابل تنظیم است.
برای اینکه به طور کامل با تنظیمات قالب استرا آشنا شوید پیشنهاد میکنیم حتما ویدئوها رو تماشا کنید.