ווידג'ט / כפתור מרחף באתר

בהמשך יש פירוט להגדרת ווידג'ט מרחף באתר.

כדי להגדיר תוכן מרחף באתר או כפתור פשוט, ניתן להשתמש בתוסף הבא: Advanced Floating Content שפותח ע"י Code Tides, ולעשות התאמות CSS.

–

כדי לממש ווידג'ט מרחף באתר, יש להוסיף את התוסף הבא: WP Custom Widget Area ע"י Kishor Khambu, וגם לערוך קצת קוד בתבנית.
חשוב! יש לבצע גיבוי לאתר לפני כל עריכה של קבצי התבנית, כי טעות אחת קטנה יכולה לגרום לאתר לא לעלות.

1. יש ללחוץ על Custom Widget Area ואז למלא שם, ID, תיאור, ואז ללחוץ "Advanced" להגדיר Class, להגדיר Before/After להיות div וכותרת h2 ואז "Create". (מומלץ שם, ID ו-Class להיות "floaty".
2. יש ללחוץ "Get Code" בעמודה השלישית ואז להעתיק אותו.
3. יש להיכנס לעיצוב > עורך, ושם לבחור את "ההדר של התבניות (Header.php)"
4. יש לאתר את הקוד הבא (סביב שורה 74):

   <!-- #Header_bg -->
    
    <div id="Header_wrapper" <?php echo $header_style; ?>>
   
   <!-- #Header -->

5. יש להחליף אותו בקוד הבא:

   <!-- #Header_bg -->
    <?php dynamic_sidebar( 'floaty' ); ?>
    
    <div id="Header_wrapper" <?php echo $header_style; ?>>
   
   <!-- #Header -->

6. ואז ללחוץ על "עדכון קובץ" לשמירה.
7. כמו כן, יש להוסיף את קוד ה-CSS הבא לסגנון:

   .floaty {
    position:fixed;
    z-index:99999;
    top:200px;
    right:100px;
    color:white !important;
    width:200px;
   }
   .widget.floaty:after {
    border:0px !important;
   }