آموزش طراحی سایت

آموزش طراحی هدر شفاف در وردپرس

ساخت هدر شفاف در وردپرس

برای طراحی هدر شفاف، ابتدا از زیرگروه زفایر> هدرهای سایت، یک سربرگ جدید اضافه کنید.

آموزش طراحی هدر شفاف در وردپرس

سپس از قالب­ های پیش­فرضی که برای هدر وجود دارد، یک هدر شفاف انتخاب کنید. به طور مثال نمونه شماره4 (sample4)  در قالب­ های پیش فرض دارای هدر شفاف است.

آموزش طراحی هدر شفاف در وردپرس

از قسمت تنظیمات سمت چپ، رنگ پس زمینه هدر را به کاملاً شفاف تغییر دهید.

آموزش طراحی هدر شفاف در وردپرس

برای هدر سایت، از بین فهرست­ هایی که ایجاد کرده­ اید یکی را انتخاب کرده تا منو سایتتان نیز نمایش داده شود. برای ساخت فهرست به آموزش ساخت فهرست یا منو در وردپرس رجوع کنید.

آموزش طراحی هدر شفاف در وردپرس

نوشته های مشابه

با استفاده ازافزونه روولوشن اسلایدر، یک اسلایدر برای برگه ایجاد کنید. افزونه روولوشن اسلایدر را دانلود کنید . پس از دانلود، فایل فشرده افزونه را از مسیر افزونه ­ها > افزودن، نصب و فعال نمایید.

آموزش طراحی هدر شفاف در وردپرس

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

آموزش طراحی هدر شفاف در وردپرس

از بین دموهای روولوشن اسلایدر یکی را انتخاب کرده و نصب و درون­ریزی کنید.

آموزش طراحی هدر شفاف در وردپرس

برای نمایش اسلایدر و همچنین هدر شفاف، در پیشخوان وردپرس، مسیر برگه ­ها> افزودن جدید را طی کرده و یک برگه جدید اضافه کنید. با استفاده از صفحه­ ساز ویژوال کامپوزر المان روولوشن اسلایدر را به برگه اضافه نمایید.

آموزش طراحی هدر شفاف در وردپرس

سپس دمو اسلایدری که انتخاب کردید را به المان روولوشن اسلایدر اضافه کنید. با کلیک روی آیکن ویرایش ردیف، ارتفاع ردیفی که المان روولوشن اسلایدر را در آن قرار دارد برابر با ارتفاع محتوا تنظیم کنید. همچنین در تب طراحی، قسمت فاصله ­ها، مارجین(margin) بالا را برابر px100- تنظیم کرده و ذخیره کنید.

آموزش طراحی هدر شفاف در وردپرس

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

آموزش طراحی هدر شفاف در وردپرس

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

آموزش طراحی هدر شفاف در وردپرس

 

بازگشت به صفحه دوره آموزش طراحی سایت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید
بستن
دکمه بازگشت به بالا