איך ליצור טופס וורדפרס מינימליסטי באלמנטור

 

אני לא מעצב, אבל זה לא אומר שאני לא צריך לדעת עיצוב.

כיום, עם הכלים שיש היום, כל אחד יכול ללמוד לעצב רכיבי אינטרנט בעצמו. לא צריך 4 שנות לימוד בבצלאל בשביל זה.

למרות זאת, כל יום אני רואה עיצובי אתרים מכוערים של אנשי שיווק. למה?

אני רוצה לצאת למסע שבו אני אעצב, אכתוב על חווית העיצוב, מתוך התפיסה שאוכל לעזור למרקטרים וליוצרים כמוני לא לפחד מליצור באינטרנט.

אני מתחיל את המסע בשיתוף של הטופס הזה שיצרתי באלמנטור. זהו טופס פשוט, שבניתי בזמן קצר.

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

האם זה הטופס הכי יפה שיש? לא. האם הוא יותר יפה מהזוועות שאני רואה כל יום? בהחלט.

הנה הטופס שיצרתי

איך יוצרים את הטופס באלמנטור?

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

שלב ראשון, אני גורר את הוידגט טפסים.

את העמודה אני מגדיר ברוחב מסויים, ומגדיר לה רקע לבן.

מעל הטופס אני ממקם כותרת, ובוחר לה פונט סריפי crimson text

מסדר את השדות בטופס, כך ששני השדות נמצאים באותה שורה.

מיישר את הכפתור לימין, ומוסיף לו פאדינג כנדרש.

כדי למקם את האייקון של המכתב, אני מוסיף וידגט אייקון ושם אותו בסקשן למטה. אני עושה לו פוזישן אבסולוט, ומעלה אותו לאמצע העמודה למעלה.

אני שם לו רקע לבן ברמת הוידגט, ומוסיף בורדר רדיוס. בנוסף, מוסיף לו הצללה.

לכל הסקשן שם רקע של מפה שמצאתי באנספלאש.

זה כל הסיפור. תורידו את הטמפלייט עם הטופס פה:

Form