You are currently viewing כיצד להוסיף תמונות טקסונומיה (אייקוני קטגוריה) בוורדפרס

כיצד להוסיף תמונות טקסונומיה (אייקוני קטגוריה) בוורדפרס

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

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

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

הוספת אייקוני קטגוריות או תמונות טקסונומיה בוורדפרס

למה להוסיף תמונות טקסונומיה בוורדפרס?

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

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

עמוד ארכיון טקסונומיה רגיל

זה נראה די פשוט ומשעמם.

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

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

דוגמה טובה לכך היא אתר כמו NerdWallet שמשתמש באייקוני קטגוריות בכותרת שלהם:

סמלים של קטגוריה לדוגמה 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;

כך זה נראה לאחר מכן באתר הבדיקה שלנו.

לאחר הוספת CSS מותאם אישית

אל תכלול טקסונומיות מהצגת תמונות טקסונומיה

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

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

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

אל תכלול קטגוריות

אל תשכח ללחוץ על כפתור שמור שינויים כדי לעדכן את ההגדרות שלך.

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

Source link

כתיבת תגובה