כיצד וורדפרס מציינת שדפי מאמרים טוענים קוד JavaScript/CSS?

בעת יצירת תבנית וורדפרס , אם קוד JavaScript או CSS ספציפי מופיע בדף וורדפרס ספציפי, הוא ישמש פעם אחת בלבד.

היכן צריך למקם את הקוד? Style.css או base.js?

אבל העלות של לעשות זאת היא מעט גבוהה.

דוגמה 1:

• נסה להשיג אפקט של Highslide JavaScript באתר הוורדפרס שלך.
• אבל בדרך כלל הוא משמש רק עבור חלקים עם תמונות או דפים רצויים, וטעינת דפים בדפים שאינם בשימוש כדי להוסיף קטעי Highslide, כך ש-מעל 50 KB של JavaScript הוא גדול מדי.

דוגמה 2:

• במאמר לשים שיטת תאימות סטנדרטית היא להשתמשתג מכניס אותו, אבל המוכנסהדף שנוצר על ידי התג אינו יכול לעבור את אימות ה-W3C.
• דרך טובה לעשות זאת היא להשתמש ב-SWFObject, JavaScript שיוצר קוד מאומת W3C.
• אבל הבעיה היא שזה בזבזני לטעון את SWFObject בכל עמוד בוורדפרס, ולא כל הדפים משתמשים בקובץ JavaScript הזה.

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

מאמר זה יראה לכם: כיצד להשתמש בשדות מותאמים אישית בוורדפרס, קובצי JavaScript או CSS מותאמים אישית?

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

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

פתח את קובץ header.php של ערכת הנושא של WordPress ומצא את הקוד ▼

<?php wp_head(); ?>

הוסף ▼ אחריו

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

הראש בקוד הוא שם השדה המותאם אישית, שניתן להתאים אותו.

הוסף שדות מותאמים אישית לפוסטים או דפים של וורדפרס

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

1. עבור "שם" הזן:head
2. לאחר מכן ב"ערך" הזינו את הקוד שברצונכם להוסיף לתצוגה ▼

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

מכיוון שאתה מוציא רק את הקוד שצריך לטעון ב-"value", עליך להזין את הקוד הדומה הבא ב-"value" ▼

<script type="text/javascript">...</script>

או ▼

<style type="text/css">...</style>

כדי להוציא את הקוד לעיל.

שימושים אחרים עבור שדות מותאמים אישית של וורדפרס

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

לגבי איך ליישם אותם, נסה להשתמש בשדות מותאמים אישית.

כיצד לציין תגיות מאמרים וכותרות עליונות ותחתונות של קטגוריות לטעינת קוד JavaScript/CSS בוורדפרס?

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

🔗איך להוסיף קוד ראש למאמרים של וורדפרס תוסף WP מייעל קוד ראש

🔗איך להתאים אישית את הכותרת בוורדפרס? התקנת תוסף כותרת תחתונה וכותרת וורדפרס

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