האם אתה רוצה להציג תמונות טקסונומיה או אייקוני קטגוריות בוורדפרס?
כברירת מחדל, וורדפרס לא מגיעה עם אפשרות להעלות תמונה או סמל קטגוריה של טקסונומיה. זה פשוט מציג שם קטגוריה או טקסונומיה בדפי הארכיון.
במאמר זה נראה לך כיצד להוסיף בקלות תמונות טקסונומיה או אייקוני קטגוריות בוורדפרס. אנו גם נראה לך כיצד להציג תמונות טקסונומיה בדפי הארכיון שלך.
למה להוסיף תמונות טקסונומיה בוורדפרס?
כברירת מחדל, אתר הוורדפרס שלך לא מגיע עם אפשרות להוסיף תמונות עבור הטקסונומיות שלך כמו קטגוריות ותגים (או כל טקסונומיה מותאמת אישית אחרת).
זה פשוט משתמש בשמות טקסונומיה בכל מקום, כולל ארכיוני הקטגוריות או דפי ארכיון הטקסונומיה.
זה נראה די פשוט ומשעמם.
אם אתה מקבל הרבה תנועת חיפוש לדפי הטקסונומיה שלך, ייתכן שתרצה לגרום להם להיראות מרתקים יותר.
הדרך הקלה ביותר להפוך דף למעניין יותר היא על ידי הוספת תמונות. אתה יכול להוסיף תמונות טקסונומיה או סמלי קטגוריות כדי להפוך את הדפים האלה ליותר ידידותיים ומושכים למשתמש.
דוגמה טובה לכך היא אתר כמו NerdWallet שמשתמש באייקוני קטגוריות בכותרת שלהם:
אתה יכול גם להשתמש בו ליצור קטעי ניווט יפים בדף הבית שלך כמו Bankrate:
עם זאת, בואו נסתכל כיצד להוסיף בקלות תמונות טקסונומיה בוורדפרס.
הוסף בקלות תמונות טקסונומיה בוורדפרס
הדבר הראשון שאתה צריך לעשות הוא להתקין ולהפעיל את קטגוריות תמונות חיבור.
עם ההפעלה, אתה יכול פשוט ללכת אל הודעות » קטגוריות עמוד. תבחין שהתוסף יציג תמונת מציין מיקום עבור הקטגוריות הקיימות שלך.
כדי לבחור סמל קטגוריה משלך, עליך ללחוץ על הקישור ערוך מתחת לקטגוריה.
בדף עריכת הקטגוריה, גלול למטה למטה ותמצא טופס להעלאת תמונת טקסונומיה משלך.
כל שעליך לעשות הוא ללחוץ על הלחצן 'העלה/הוסף תמונה חדשה' כדי להעלות את התמונה שבה ברצונך להשתמש עבור הקטגוריה הספציפית הזו.
אל תשכח ללחוץ על כפתור הוסף קטגוריה או עדכון כדי לשמור את השינויים שלך.
לאחר מכן, תוכל לחזור על התהליך כדי להעלות תמונות עבור תמונות קטגוריות אחרות. אתה יכול גם להעלות תמונות עבור התגים שלך וכל טקסונומיה אחרת.
עכשיו הבעיה היא שאחרי הוספת התמונות, אם תבקרו בדף קטגוריה, אז לא תראו שם את תמונת הקטגוריה שלכם.
כדי להציג אותו, תצטרך לערוך את ערכת הנושא של וורדפרס
ראשית, תצטרך להתחבר לאתר הוורדפרס שלך באמצעות מנהל קבצים FTP
לאחר החיבור, תצטרך למצוא את התבנית האחראית להצגת ארכיוני הטקסונומיה שלך. זה יכול להיות קבצי archives.php, category.php, tag.php או taxonomy.php.
לאחר שמצאת את הקובץ, תצטרך להוריד אותו למחשב שלך ולפתוח ב-עורך טקסט כמו Notepad או TextEdit.
כעת הדבק את הקוד הבא במקום שבו תרצה להציג את תמונת הטקסונומיה שלך. בדרך כלל, תרצה להוסיף אותו לפני כותרת הטקסונומיה אוthe_archive_title()תָג.
<?php if( is_category() ) ?>
<div class="taxonomy-image">
<img class="taxonomy-img" src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>" alt="" / >
</div>
<?php
else
//do nothing
?>
לאחר הוספת הקוד, עליך לשמור את הקובץ הזה ולהעלות אותו בחזרה לאתר שלך באמצעות FTP.
כעת תוכל לבקר בדף ארכיון הטקסונומיה כדי לראות אותו מציג את תמונת הטקסונומיה שלך. כך זה נראה בדף ארכיון ההדגמה שלנו.
עכשיו, זה אולי עדיין נראה קצת מביך, אבל אל תדאג. אתה יכול לסגנן את זה באמצעות קצת CSS מותאם אישית
הנה ה-CSS המותאם אישית שבו השתמשנו עבור תמונת הטקסונומיה.
img.taxonomy-img
float: left;
max-height: 100px;
max-width: 100px;
display: inline-block;
בהתאם לנושא שלך, ייתכן שתצטרך גם לעצב אלמנטים מסביב כמו הכותרת והתיאור של הטקסונומיה.
פשוט עטפנו את הכותרת והתיאור של ארכיון הטקסונומיה שלנו ב-a <div> אלמנט והוסיפו מחלקת CSS מותאמת אישית. לאחר מכן השתמשנו בקוד ה-CSS הבא כדי להתאים את הכותרת והתיאור.
.taxonomy-title-description
display: inline-block;
padding: 18px;
כך זה נראה לאחר מכן באתר הבדיקה שלנו.
אל תכלול טקסונומיות מהצגת תמונות טקסונומיה
כעת ייתכן שחלק מהמשתמשים ירצו להשתמש רק בתמונות טקסונומיה עבור טקסונומיות ספציפיות.
לדוגמה, אם אתה מפעיל חנות מקוונת באמצעות WooCommerce, ייתכן שתרצה לא לכלול קטגוריות מוצרים.
פשוט חזור לדף תמונות קטגוריות באזור הניהול של וורדפרס ובדוק את הטקסונומיות שברצונך לא לכלול.
אל תשכח ללחוץ על כפתור שמור שינויים כדי לעדכן את ההגדרות שלך.
אנו מקווים שמאמר זה עזר לך ללמוד כיצד להוסיף בקלות תמונות טקסונומיה בוורדפרס.
