בלוק (Block)

תוסף בלוק (Block) בעורך GoMixApp הוא מכל שמחזיק תוכן בעמוד. אפשר להשתמש בו כרקע לשדות של טופס, או כדי לקבץ כמה רכיבים יחד. במדריך הזה עורכים בלוק קיים בטופס אמיתי, שלב אחרי שלב.

איך משתמשים בתוסף בלוק Block

שלב 1: איפה נמצא תוסף הבלוק

תוסף הבלוק נמצא בסרגל הכלים השמאלי של העורך (1). כשמעבירים את העכבר מעל האייקון, מופיע השם Block.

שלב 2: פתיחת התבניות של הבלוק

לחיצה על אייקון הבלוק פותחת את החלונית שלו. בחלונית יש שדה Search template וקטגוריה Basic עם תבנית בלוק (1). בדוגמה הזו כבר יש בטופס בלוקים, ולכן עורכים אחד מהם.

שלב 3: בחירת בלוק ברשימת השכבות

פתחו את רשימת השכבות מהסרגל העליון של העורך. ברשימה לחצו על הבלוק שרוצים לערוך, כאן form-block (1). הבלוק הזה הוא הכרטיס הבהיר שמאחורי שדות הטופס. השדות שבתוכו מופיעים ברשימה מתחתיו, למשל השדה שם הטופס (2).

שלב 4: פתיחת ההגדרות של תוסף הבלוק

בסרגל הכלים העליון לחצו על אייקון ההגדרות (1). העורך פותח את הלשונית PARAMETERS של תוסף הבלוק.

שלב 5: צבע הרקע והמסגרת של הבלוק

בלשונית הזו קובעים את צבע הרקע ב-Background Color (2). ב-Border Width קובעים את עובי המסגרת (3), וב-Border Radius את עיגול הפינות (4).

שלב 6: הוספת צל לבלוק

לחצו על + שליד Shadow Width. כל לחיצה מוסיפה 0.5, ולכן שתי לחיצות קובעות רוחב 1 (1). השדה Shadow Color שמתחתיו קובע את צבע הצל (2). כך הבלוק מוסיף לכרטיס עומק בלי עוד אלמנט.

שלב 7: בדיקת התוצאה בעמוד

סגרו את החלונית והסתכלו על העמוד. עכשיו יש לכרטיס של הטופס צל רך סביב השוליים (1). כך הכרטיס בולט יותר על רקע העמוד. שאר העיצוב של הטופס נשאר כמו שהוא.

טוב לדעת

איך מוסיפים מסגרת לבלוק?

פתחו את הלשונית PARAMETERS של הבלוק. הגדילו את Border Width בכפתור +, ובחרו צבע ב-Border Color.

מה עוד אפשר לשנות בתוסף בלוק Block?

בלשונית PARAMETERS יש גם Background Opacity, שקובע את השקיפות של הרקע. יש שם גם את המתג Adjust Children Width.

איך שומרים את השינויים בבלוק?

לחצו על הכפתור Save בסרגל העליון של העורך. בלי שמירה, השינויים לא יישארו בעמוד.

רוצים לנסות בעצמכם? היכנסו לעורך והוסיפו בלוק לעמוד שלכם.