مدیریت فوترهای صفحه - Page Footers

• فوترها، بخش پایینی سایت هستند که معمولا شامل تصویر، متن، لوگو و ... می باشند.
• مدیریت و طراحی فوترها در این سیستم دارای ویژگیهای زیر می باشد:
ایجاد فوترها به تعداد نامحدود و قابلیت انتخاب هر یک از آن ها در هنگام طراحی صفحات.
تعیین سایز فوتر.
تعریف استایل های استاندارد برای فوتر، توسط ابزار طراحی استایل (تصویر و رنگ پس زمینه، رنگ متن، نوع فونت و ...)
افزودن محتوا شامل متن های دلخواه، تصویر، لینک، فلش و ... با امکان جابه جایی و ریسایز کردن آن ها با ماوس.
امکان جابه جایی، تعیین اولویت لایه ای (انتقال به لایه جلو یا پشت)، ویرایش، حذف، وسط چین و ... هر یک از آیتم های اضافه شده به فوتر.
امکان برگشت تغییرات به عقب یا جلو (Redo, Undo) در تمامی مراحل طراحی (Ctrl Y) (Ctrl Z).

Footer
 
• برای دسترسی به بخش مدیریت فوترها، روی منوی زیر کلیک کنید:

Footer Menu

• با کلیک روی منوی بالا، به صفحه مدیریت فوترهای صفحه، هدایت می شوید:

FooterList

Icon Design طراحی فوتر.
Icon Delete حذف فوتر.
• برای ایجاد فوتر جدید روی آیکون Icon Add کلیک کنید:
 
Footer Insert
 
• با وارد کردن نام و ارتفاع پیشفرض و کلیک روی آیکون Icon OK فوتر جدید اضافه می شود.
• برای طراحی فوتر، روی آیکون Icon Design کلیک کنید تا به صفحه زیر هدایت شوید:

Footer Design

• با کلیک روی دکمه Icon Edit Button می توانید عنوان و ارتفاع فوتر را به روز رسانی کنید:
 
Footer Edit
 
• برای استایل دادن به فوتر روی دکمه Icon Edit Css کلیک کنید تا پنجره ابزار طراحی استایل باز شود.
• با استفاده از این ابزار، شما می توانید استایل های استاندارد را به فوتر اختصاص دهید.
• از جمله استایل های مهم برای فوتر، استایل پس زمینه (تصویر، رنگ و ...)  می باشد:

Footer Css

• با انجام تنظیمات مربوطه و کلیک روی دکمه OK، فوتر به صورت زیر تغییر می کند:
 
Footer Design Level 1
 
• با کلیک روی دکمه Icon Add Context پنجره ابزار ویرایشگر متن باز می شود و می توانید محتوا (متن، تصویر و ...) به فوتر اضافه کنید:
 
Footer Context

• به عنوان مثال می خواهیم لوگوی کمرنگ آبادیس را به فوتر اضافه کنیم:
ابتدا لوگوی آبادیس رو به محتوا اضافه می کنیم (آموزش افزودن تصویر به محتوا در صفحه ابزار ویرایشگر متن).

Footer Content Add Logo
 
با کلیک روی دکمه OK لوگوی آبادیس به فوتر اضافه می شود:
 
Footer Design Level 2

• محتوای اضافه شده به فوتر را می توانید با ماوس جا به جا کنید:

Footer Design Level 3
 
• به همین صورت می توانید محتواهای دیگری را نیز به فوتر اضافه کنید:

Footer Design Level 4

• با زدن کلید سمت راست ماوس روی هر محتوا منوی زیر باز می شود:

Footer Context Menu

انتقال به لایه جلو : انتقال لایه محتوا به بالاترین لایه.

Footer Change Layer

انتقال به لایه پشت: انتقال لایه محتوا به پایین ترین لایه.
وسط چین: قراردادن لایه در وسط (تراز افقی) فوتر.
ویرایش: ویرایش محتوا.
حذف: حذف محتوا از فوتر.
• اگر محتوای شما چند خط متن است و نیاز به نظم دادن (تعیین عرض برای نمایش متن) باشد، می توانید با ماوس لایه محتوا را ریسایز کنید:

Footer Resize Layer

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

Footer

• فوترهای طراحی شده در بخش طراحی صفحه لیست می شوند و می توانید فوتر دلخواه را برای صفحه انتخاب کنید:

Footer Page Design


نمونه ای از فوتر طراحی شده

Footer Sample 1