קהילת דיגיטל ואינטראקטיב

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי UX-UI, וכו'. הכתיבה בפורום הינה לחברי הקהילות המקצועיות של פרוג.
מנהלת הפורום: סיון
להצטרפות לקהילת מפתחי אתרי אינטרנט, הקש כאן
להצטרפות לקהילת ux-ui, הקש כאן

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
  • 206
  • קודם כל @תמנתי ווב דיזיין תודה רבה על המדריך...
    עכשיו שאלה קטנה...
    איך אני מגדיר את הדנמיות של הדף שיהיה מתואם יחד עם הACF דרך אלמנטור (בשלוש מטבעות בצד) או שזה שונה?
    תודה רבה!!!
    0 תגובות
    1. הגדרתי לאחד האזורים רקע של סרטון יוטיוב, משום מה במובייל זה לא מוצג.
    וכן גם הסליידר

    2. יש אופציה של גלילה רוחבית במובייל כלומר בכניסה אני לא רואה את כל המסך אלא צריכה לגלול הצידה כדי לראות
    1616627885469.png

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

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

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

    1615978932062.png
    • תודה
    Reactions: ברכי H1 //
    3 תגובות
     תגובה אחרונה 
    • תודה
    Reactions: sol key1 //
    10 תגובות
    אתר שעיצבתי ובניתי למעצבת פנים אלופה
    אשמח לשמוע את דעתכם על העיצוב והבניה!

    אגב, מאיפה גוגל מחליט איזה מילים לקחת לתקציר שמופיע פה? הייתי מעדיפה שיוריד את המילים הראשונות שתקועות כאן בלי קשר... (עריכה: תודה לעונים! שיניתי את התקציר...)
    • תודה
    Reactions: ררפי1 //
    12 תגובות
    TEXONOMIES

    טקסונומיות

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

    כדי ליצור טקסונומיות [קטגוריות ותגיות] ניכנס ללשונית ללשונית ה Add/Edit Taxonomies – הוסף ערוך טקסונומיות.

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

    נכתוב ביחיד ורבים בעברית – סוג נכסים ו- סוג נכס.

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

    נרד למטה וגם פה כמו בסוג פוסט, נמלא את ה Menu Name – שם התפריט, בעברית. נוכל לקרוא לזה "סוגי נכסים" למשל. ואז במקום המילה קטגוריות, יופיע לי בלשוניות המילה "סוגי נכסים".

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

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

    לגבי ה Custom rewriting slug זה חשוב לשנות רק במצב שאנחנו רוצים שיופיע בשם אחר ב URL, בקישורים. מאחר ובטקסונומיות זה לא יופיע ב URL אין עניין פה לשנות.

    במקום נוסף נהפוך FALSE ל- TRUE וזה בתוית Show in admin column. אם נשאיר ככה הקטגוריות לא יופיעו לנו במערכת הניהול. אם נראה שכן יופיעו, נשנה ל TRUE.
    1615447015228.png

    אם נשאיר על FALSE זה ייראה ככה.
    1615447031788.png

    אם נסמן ב TRUE שימו לב בתמונה, שנוסף לנו סוגי נכסים.
    1615447054812.png

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

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

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

    מתחת ניצור איזור נוסף ושם נגדיר לו בצד אחד וידג'ט של מפת גוגל, ובצד השני וידג'ט וידאו. אחרי שנסיים לבנות את העמוד, נתחיל להגדיר את הדינמיות.
    1615447320427.png
  • 606
  • ADVANCED CUSTOM FIELDS



    יצירת שדות מיוחדים ACF

    כדי ליצור דינמיות אנחנו צריכים להגדיר לסוג הפוסט CPT שלנו שדות מיוחדים ACF בהתאם למה שעיצבנו. שדות מיוחדים אנחנו יוצרים עם התוסף ACF שהתקנו מקודם.
    1615454085642.png

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

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

    1615454121176.png

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

    הגדרות ACF

    נעבור על כל ההגדרות לפני שנתחיל ליצור שדות.

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

    מיקום תוית – פה נבחר איפה תהיה התווית שלנו ממוקמת. האם היא תהיה ממוקמת מעל השדה או לצד השדה.

    מיקום הוראות – גם פה נוכל לבחור אם מיקום ההוראות יהיו מיד מתחת לתוית או מתחת לשדה.
    1615454238568.png

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

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

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

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

    יצירת השדות ACF

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

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

    סוגי שדות

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

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

    ערך ברירת מחדל – פה ניתן להגדיר את ערך ברירת המחדל של השדה.

    מציין טקסט – נמלא אם נרצה שיופיע תוכן בתוך השדה עצמו כמו פלייסהולדר placeholder בתוך טופס

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

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

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

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

    1615454385405.png

    מאפייני עוטף – פה נוכל להגדיר לשדה כמה שטח הוא ייקח עם שאר השדות. אם נרצה שכמה שדות יופיעו אחד ליד השני, נוכל להגדיר לשדה שיהיה 25% או 50% לפי הצורך.

    נתחיל ליצור שדות

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

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

    1615454553448.png

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

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

    1615454580055.png

    את השאר נשאיר ללא שינוי חוץ מהעוטף, שפה אני רוצה להגדיר לשדה שיהיה 25% ברוחב כדי שיהיו לפחות 4 שדות בשורה אחת. אחרי שסיימנו נסגור את השדה.

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

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

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

    סוג הנכס - השדה הבא יהיה שדה סוג הנכס. נפתח שדה חדש, נגדיר לו תוית סוג הנכס ונגדיר שיהיה משדה מסוג סלקט select כי אנחנו לא רוצים שהלקוח ירשום לבד את סוג הנכס. אנחנו רוצים לשמור על התאמת טקסטים בין כל הנכסים. נגדיר למשל דירה, דירת גן, דירת גג, דירת יוקרה, וילות ובתים, קוטג' / דו משפחתי, יחידת דיור, פנטהאוז, מיני פנטהאוז, דופלקס. נגדיר אותו שיהיה חובה. בערך ברירת המחדל נוכל לכתוב "לחץ כאן כדי לבחור את סוג הנכס..." כדי שלא תופיע ברירת מחדל אחרת.

    1615454688715.png

    נסמן שיהיה ממשק משתמש מסוגנן ונסמן גם את AJAX. מה שה AJAX עושה זה שכשמתחילים לכתוב הוא מוצא אוטומטית את הטקסט הרלוונטי. נגדיר גם את זה 25%.

    1615454746727.png

    ככה נראים השדות שלנו עד כה.

    1615454780446.png

    מספר חדרים - השדה הבא יהיה שדה מספר חדרים. נפתח שדה חדש, נגדיר לו תוית מספר חדרים, נבחר בשדה מסוג מספר ונגדיר אותו שיהיה חובה. במציין הטקסט נוכל לרשום "הקלד מספר חדרים כאן..." ונגדיר גם את השדה הזה ברוחב 25%.

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

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

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

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

    נגדיר גם את השדה הזה ברוחב 25%.

    פרטים נוספים

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

    1615454845088.png

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

    1615454880790.png

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

    אז איך עושים את זה?

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

    1615454938857.png

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

    הצטרפות לניוזלטר

    איזה כיף שהצטרפתם לניוזלטר שלנו!

    מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

    לוח מודעות

    הפרק היומי

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


    תהילים פרק כה

    אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
    נקרא  2  פעמים
    למעלה