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

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

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

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

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

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

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

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

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

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

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

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