דף הבית » טריקים וטיפים

לעצב עמודי 404 בעזרת וידג'טים וסרגלי צד

1 בינואר 2010 | מאת רמי | 12 תגובות | תגיות: , ,

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

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

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

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

סרגל צדדי המאפשר לעדכן את המידע בעמודי 404

סרגל צדדי המאפשר לעדכן את המידע בעמודי 404

הקוד

ראשית יש ליצור סרגל צדדי יעודי לעמודי 404, לכן נפתח את הקובץ functions.php ונכניס אליו את הקוד הבא:

register_sidebar( array(
    'name' => '404',
    'id' => '404',
    'description' => 'עמודי 404',
    'before_widget' => '<div id="%1$s">',
    'after_widget' => '</div>',
    'before_title' => '<h3>',
    'after_title' => '</h3>'
) );

אחרי שיצרנו את הסרגל הצדדי, נוסיף אותו לעמודי 404 (לקובץ 404.php) אחרי הודעת השגיאה, בעזרת הקוד הבא:

<?php dynamic_sidebar( '404' ); ?>

השלב הבא הוא ללכת למערכת הניהול לתפריט הוידג'טים, ולגרור את הוידג'טים שברצוננו להציג בעמודי 404. וזהו!

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

12 תגובות »

  • דבי עוזיאל כותב :

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

  • רמי כותב :

    קודם כל תשחזרי את הקבצים, כדי שהאתר יחזור לעבוד.
    אחרי זה, תנסי להעתיק שוב את הקוד, הן לקובץ functions.php והן לקובץ 404.php.

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

  • דבי עוזיאל כותב :

    רמי שלום,

    איך אני יכולה לשחזר? אני נכנסת לאתר דרך הכתובת
    http://home-cleanhome.com
    ומקבלת את זה :

    Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING, expecting ')' in /home/content/d/e/b/debiu231/html/HOME/wp-content/themes/hair-tyson/functions.php on line 22
    לגבי וורדפרס הגירסה שיש לי היא הכי חדשה ועדכנית -9
    עישתי בדיוק בדיוק מה שהצעת : הדבקתי את הקוד שכאן למעלה אלי לוודג'אט—-אח"כ טקסט והקוד מתוך האתר שלך אבל רק מה שבאדום כלומר בלי
    register_sidebar( array(
    ובלי ) ); שמופיע למטה

    אשמח אם תוכל לעזור .פניתי לgoddady והם לא ידעו מה לעשות
    תודה

  • רמי כותב :

    בעמוד ה"אודות" נמצא המייל שלי. שלחי לי את הקובץ functions.php.

  • דבי עוזיאל כותב :

    רמי בוקר טוב,
    רק עכשו ראיתי את התשובה
    איך בדיוק אני מגיע לקובץ הזה ?
    מאיפה אני משיגה את הקובץ הזה אני הרי לא יכלה להיכנס לתוך האתר

  • דבי עוזיאל כותב :

    קודם כל תשחזרי את הקבצים, כדי שהאתר יחזור לעבוד.

    איך משחזרים קבצים ?

  • רמי כותב :

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

  • גבי עוזיאל כותב :

    רמי הי,

    בטח תתפלא לשמוע שעד היום אין לי את האתר …לא מצאתי אף אחד שידע לעזור.

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

    אחרי שיצרנו את הסרגל הצדדי, נוסיף אותו לעמודי 404 אחרי הודעת השגיאה, בעזרת הקוד הבא:

    ניסיתי לשים את הקוד הזה שכתבת פה ב Editor יש שם 404 טמפלס
    (404.php) האם שם הייתי צריכה להדביק הקוד.אם כן אז איפה בדיוק מתחת לאיזה כיתוב.אם לא אז איפה??

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

    אגב .: אם יש לך עוד רעיון מה אני יכולה לעשות כדי להציל את האתר ש"נעלם" לי אני אודה לך

    שבת שלום
    דבי

  • רמי כותב :

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

  • דוד כותב :

    בדרך כלל לאחר הכנסת הקוד ויצאיה ממערכת הניהול הכול זה נמחק למה?

  • רמי כותב :

    דוד,
    זה לא אמור להימחק.

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

  • outbox כותב :

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

הוסף תגובה !

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

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>