9 קודי וורדפרס כדי לתבל את הבלוג שלך ולשפר את UX

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


אך הסתמכות על אפשרויות ברירת המחדל של וורדפרס עלולה לגרום לאובדן בשמך:

  • פחות פונקציונליות
  • משתמשים משועממים (שרואים את אותם הדברים בכל אתרי WP שהם נתקלים בהם)
  • ירידות בדירוג מנועי החיפוש.

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

מאמר זה רוצה לעזור לך להפוך את אתר האינטרנט מבוסס WordPress שלך למהנה ומועיל למשתמשים שלך על ידי הוספת מעניינת קטעי קוד זה גם ישפר את ה- SEO שלך.

זקוק לעזרה כדי לתבל את הבלוג שלך בוורדפרס?
WHSR שותף כעת עם Codeable.io כדי לסייע למשתמשים הזקוקים לשירותי פיתוח / התאמה אישית של WP מקצועיים.

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

נסה להם ותן לי לדעת איך הם הסתדרו לך! ;)

9 קודים לשיפור הבלוג שלך בוורדפרס

אני אציע לך שני סוגים של קטעי קוד בפוסט זה:

  1. קודי קודקס
  2. קטעי קוד ווידג’טים

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

קטעי קוד ווידג’טים הם חלקים מוכנים מקוד PHP (או תוספי וורדפרס) הזמינים בחופשיות באתרים אחרים וב- WordPress.org, אך כללתי גם קטעי ארוס שלי וכתבתי מאפס בעזרת הפניות פתוחות וקודקס..

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

אני מבין ש 9 קטעי קוד עשויים לא להספיק לאלו מכם שאוהבים להתנסות בהמון והרבה קוד שונה, כך שאני בטוח ש- 25 קטעי הקוד המועילים של רוברט לודרוסקי למפתחי וורדפרס ישביעו את רעבונכם (לפחות עבור בזמן). ;)

קודי קודקס

1. הבחינו בין פוסטים דביקים

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

<?php is_sticky (); ?>

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

<?php if is_sticky () {
הכותרת();
the_time (‘M, d, Y’);
the_excerpt ();
}
אחרת {
לכלול ‘post-template.php’;
}

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

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

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

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

2. הצגת כתובת אתר לפרסום

זה יכול להיות כיף להוסיף לתבנית שלך. אם אתה רוצה שהקוראים שלך יקבלו את ה- URI עבור כל אחד מהדפים (או הפוסטים) שלך, פשוט השתמש בתג הבא בתבנית ה- single.php, page.php או אפילו index.php שלך:

"><?הד PHP get_page_link (); ?>

במקום להשתמש ב-_permalink, זו הבחירה הברורה ביותר ועובדת לכל המקרים, WP מאפשרת לך להשתמש בשתי צורות חלופיות לפוסטים ודפים:

<?הד PHP get_post_permalink (); ?>
<?הד PHP get_page_link (); ?>

לדוגמה, תבנית הדף שלך יכולה לכלול:

קישור: "><?הד PHP get_page_link (); ?>

3. אחזר והצג מספר זיהוי הודעה

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

<?php the_ID (); ?>

שימוש לדוגמא:

פורסם על ידי שם המחבר. מזהה הודעה הוא <?php the_ID (); ?>

4. רשימת קטגוריות לפי תעודת זהות

הפונקציה הסטנדרטית של וורדפרס היא:

<?php get_all_category_ids () ?>

הנה דוגמה בה השתמשתי באחד מהבלוגים שלי, שנכתבתי באמצעות קוד מהקודקס ונושא ב- StackOverflow:

<?php
$ category_ids = get_all_category_ids ();
foreach ($ category_ids כ- $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ category_link = get_category_link ($ cat_id); // אנו זקוקים לקישור החתול כדי שכתובת האתר תעבוד!
הד "{$ cat_id}: {$ cat_name}
";
}
?>

… ואיך זה מוצג:

קטגוריה קוד WP

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

מה עושה קוד זה?

הקוד מקבל את כל מזהי הקטגוריות ואת שם הקטגוריה עבור כל מזהה, ואז הוא מקשר את המזהה לקישור הקטגוריה, בעוד שהוא מציג את שם הקטגוריה אחרי “:” – ומכאן הביטוי הד () {$ cat_id}: {$ cat_name }
.

5. דף משתמשים / מחברים מפורט לבלוג שלך

האם רצית אי פעם לבנות דף מותאם אישית שיציג את כל מחברי הבלוג או המשתמשים שלך בלי שתצטרך להסתמך על תוסף?

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

ראשית כל, עליך ליצור עותק של קובץ page.php שלך. שנה שם של העותק שלך לכל שם שהוא – קראתי את user.php שלי.

הוסף את תג התבנית לראש תבנית זו כדי ש- WordPress תכיר אותה כתבנית, ואז עבור למרכז השליטה שלך -> דפים -> הוסף חדש וצור דף לרשימת המשתמשים / מחברים שלך. חזור לרשימת הדפים, לחץ על עריכה מהירה תחת כותרת הדף החדשה שלך ובחר את התבנית החדשה שלך מהתפריט הנפתח תבנית. שמור את השינויים שלך.

כעת פתח את קובץ ה- user.php שלך (או איך ששמת אותו) והחל את הקוד הבא:

<?php
תוצאה $ = count_users ();
הד ‘יש’, $ תוצאה [‘total_users’], ‘סך המשתמשים’;
foreach ($ result [‘avail_roles’] בתור $ role => ספירת $)
הד ‘,’, $ ספירה, ‘הם’, $ תפקיד, ‘s’;
הד ‘.’;
?>

קוד זה משתמש בפונקציה count_users מופיעה כ”שימוש ברירת מחדל “בקודקס. תוכל להציג דוגמה חיה לקוד זה בכתובת http://robocity.in/users/.

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

<?php printf (__ (‘מספר הפוסטים שפורסמו על ידי המשתמש) "מנהיגים":% d ‘,’ text-dom-here ‘), count_user_posts (1)); ?>

השתמשתי בפונקציה count_user_posts כאן, בעקבות פורמט השימוש שהוצע על ידי ה- Codex.

הפונקציה get_userdata טובה להראות את המתאם בין שם משתמש מסוים לבין שמו האמיתי של האדם המשתמש בו. ראה למטה:

<?php $ user_info = get_userdata (1);
$ username = $ user_info->כניסת משתמש;
$ first_name = $ user_info->שם פרטי;
$ last_name = $ user_info->שם משפחה;
הד "$ first_name $ last_name נכנס לאתר הוורדפרס שלהם עם שם המשתמש של $ username.";
?>

עכשיו, זו הפונקציה המעניינת ביותר שתוכלו להשתמש בדף המחברים / משתמשים שלכם – פונקציית get_users:

<?php
בלוגרים $ $ = get_users (‘blog_id = 1&סדר = nicename&תפקיד = מנהל ‘);
// מערך של אובייקטים WP_User.
foreach ($ בלוגרים כ- $ משתמש) {
הד ”. esc_html (משתמש $->כניסת משתמש) . ‘-‘. esc_html (משתמש $->user_email). ‘
‘;
}
?>

פונקציה זו תאחזר רשימת משתמשים בהתאם לפרמטרים מסוימים שתוכלו להגדיר בקוד. בדוגמה שלמעלה (נלקח מדף קודקס ונערך כך שיתאים לדף המשתמשים שלי ב- Robocity.in), אני רוצה לקבל רשימה של מנהלי מערכת עבור מזהה בלוג 1 (בלוג נוכחי) לפי סדר ‘nicename’, ולכל משתמש, אני רוצה להציג שם משתמש ודוא”ל במשפט מהסוג “שם משתמש -“.

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

קטעי קוד & ווידג’טים

6. אלטרנטיבה … ארכיונים!

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

האם לא היה מקל על הקוראים שלך לתפוס את גיל הבלוג שלך ואת עומק הארכיונים במבט אחד? :)

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

<?php
function formatPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ פלט = סטרייטינג (פורמט $, strtotime ($ הודעה->תאריך תאריך));
להחזיר פלט $;
}

פונקציה getLastPostID () {
רשימה ($ פוסט) = get_posts (מערך (‘posts_per_page’ => 1));
להחזיר הודעה $->תעודת זהות;
}
?>

בבלוג זה פוסטים מאז <?php echo formatPostDate (1, ‘% B% e,% Y’); ?>.
הפוסט האחרון פורסם ב <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

האם ברצונך לבקר בארכיון ספציפי?

<?הד php esc_attr (__ (‘בחר ארכיון’)); ?>
<?php wp_get_archives (מערך (‘type’ => ‘חודשי’, ‘פורמט’ => ‘אפשרות’, ‘show_post_count’ => 1)); ?>

מה עושה קוד זה?

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

כדי לקבל את הפוסט הראשון בבלוג – בדרך כלל עם ID = 1, אנו כותבים הד הדור FormatPostDate (1, ‘% B% e,% Y’) בפסקה הראשונה: קוד זה משתמש בפונקציה formatPostDate ולוקח כפרמטרים את מזהה הפוסט מס ‘1 ופורמט אנגלי סטנדרטי לתאריך ומחזיר את התאריך.

כדי לקבל את הפוסט האחרון בבלוג, אנו משתמשים ב- FormatPostDate (getLastPostID (), ‘% B% e,% Y’) כדי לקבל את המזהה של הפוסט האחרון ואת פורמט התאריך (שוב, באנגלית) ולהדפיס את התאריך ב- מסך.

7. בדוק אם האורח משתמש במכשיר נייד

Muneeb ב- WP-Snippets.com שיתף קטע קוד מעניין (פונקציה) כדי לבדוק אם מבקר באתר שלך משתמש במכשיר נייד..

הקוד זמין כאן.

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

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

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

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

ה- Codex מציל אתכם בעזרת הפונקציה get_sidebar ($ name). השימוש הוא פשוט:

  1. צור (אמור) סרגל צידי עבור קטעי הציטוטים שלך. תן שם לסרגל הצדדי-ציטוטים. Php
  2. בקובץ sidebar.php הראשי (או בכותרת או בקובץ האינדקס, בהתאם למבנה העיצוב של WP) כתוב get_sidebar (“ציטוטים”); כדי לכלול את הקובץ “sidebar-quotes.php”.

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

אינך יודע זאת, אך כאשר אתה משתמש בקוד הגנרי get_sidebar (), זה יכלול “sidebar.php” מכיוון שלא הוספת טיעון $ name. זהו השימוש המוגדר כברירת מחדל. כשאתה מוסיף “שם” אחרי “סרגל צידי * .php”, אתה יכול לקרוא לתוספת שם זה בשם $ arg.

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

9. כלי לשילוב קטעי קוד באתר וורדפרס שלך

צילום מסך קודי

קטעי קוד הוא תוסף וורדפרס חינמי שנוצר על ידי Shea Bange ומאפשר להוסיף בקלות קטעי קוד לבלוג שלך..

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

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

אליך!

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map