וורדפס זה נפלא ואלמנטור זה מדהים, אבל מצוי מאוד שיש דברים שאי אפשר לעשות לבד, אלא צריך להוסיף מעט קוד.
אז בטח יצא לכם, שרציתם לעשות משהו שלא אפשרי באלמנטור, ואחרי בירור, קיבלת קטע קוד שאמור לעזור לכם.
אבל איפה מכניסים את הקוד הזה?
אז במאמר המפורט הזה נעשה סדר בעניין, נסבר על סוגי הקודים השונים, ואיפה מכניסים אותם בוורדפרס ואלמנטור..
שפות קוד רלוונטות
בוורדפרס יש ארבע שפות קוד רלוונטיות, PHP JS CSS HTML.
וכל אחת מהשפות האלה צריך להכניס במקום אחר (מטריד, לא?).
HTML
זוהי בעצם השפת קוד הכי בסיסית, כל עמוד אינטרנט מורכב קודם כל מ- HTML, בשפה הזאת אנחנו בעצם מכניסים את התוכן של העמוד.
זה די נדיר להכניס HTML באלמנטור, אם זה קורה, זה נניח את צריך להכניס איזה באנר פרסומת בעמוד וכד’.
על מנת להכניס HTML בעמוד, פשוט נחפש באלמנטור ווידג’ט בשם HTML (כן, ממש כך)
ברגע שהכנסנו אותו לעמוד, נדביק את הקוד בעורך קוד שנפתח לנו.
הנה דוגמא לקוד HTML
<h1>hello world</h1>
CSS
עם CSS בעצם אנחנו מעצבים הכל, וזה כנראה השפת קוד שהכי מצוי להוסיף לאלמנטור.
יש לא מעט מקומות בהם אפשר להכניס קוד CSS.
במידה ויש לכם את אלמנטור פרו, הכי פשוט זה להוסיף את הקוד ב- CSS מותאם.
בכל ווידג’ט, בלשונית מתקדם, יש אזור להוסיף CSS מותאם.
מלבד זאת, בהגדרות העמוד, בלשונית מתקדם, יש גם כן מקום להוסיף CSS מותאם.
במידה והקוד רלוונטי ליותר מעמוד אחד באתר, בהגדות אתר של אלמנטור, יש גם כן אפשרות להוסיף CSS מותאם.
במידה ואין לכם אלמנטור פרו, נלך ל- “התאמה אישית” (נמצא בפס השחור שמופיע לאדמין), שם נחפש את ה- CSS מותאם.
הנה דוגמא לקוד CSS
.my-class{
color:red;
}
JavaScript
שפת JavaScript מיועד כבר לדברים מתקדמים יותר, החל מלעשות משהו כאשר הגולש לוחץ על כפתור ועד בניית אפליקציות מורכבות.
באלמנטור, ניתן להכניס קוד JavaScript בשני מקומות עיקריים.
- בתוך הווידג’ט HYML, וצריך לעטוף את הקוד בתגיות script (תיכף נסביר), במקרה הזה מומלץ שהווידג’ט HTML יהיה מתחת לאלמנטים אליהם מתייחס הקוד.
- בלוח הבקרה – אלמנטור – ניהול קודים, גם כאן צריך לעטוף את הקוד בתגיות script. כמו כן מומלץ להגדיר את המיקום – סוף <body>.
מה הכוונה לעטוף את הקוד בתגיות script ?
הנה דוגמא לקוד JavaScript
document.querySelector(".my-class").innerHTML = "Hello World!";
וככה זה נראה בתוך התגיות script
<script>
document.querySelector(".my-class").innerHTML = "Hello World!";
</script>
PHP
PHP זה שפת שרת, מבלי להיכנס למה זה אומר, השפת קוד הזאת נפוצה מאוד עבור ווקומרס.
בשביל להכניס PHP בוורדפרס, פעם הדרך המקובלת היתה להוסיף את הקוד בתבנית, בשביל זה היה צריך גם ליצור תבנית בת, ושם (בדר”כ בקובץ function.php) היו מכניסים את הקוד.
כיום, הדרך הנכונה (והקלה) יותר, זה להשתמש בתוסף הפופולרי Code Snippets.
שימו לב שקוד PHP אם יש בו טעות, עלול להפיל לכם את האתר, ככה שלפני שמכניסים קוד כזה, מומלץ שיהיה לכם גישה לחברת האחסון.
הנה דוגמא לקוד PHP
add_filter( 'woocommerce_terms_is_checked_default', '__return_true' );
10 תגובות
איפה שמים קוד PHP אם לא באמצעות התוסף הנ”ל?
בתבנית, מומלץ לפני כן לעשות תבנית בת (אם לא בעדכון הבא של התבנית זה יידרס)
קיבלתי כזה קוד
הכנסתי אותו בתבנית בת וכותב לי שגיאה בשמירה
מה לא תקין?
איך אפשר להוסיף קוד שאמור להיות בתגית head ?
הכי קל זה להשתמש בתוסף Insert Headers and Footers
ואיך אנשים שלא משתמשים באלמנטור יכולים להוסיף קוד?
בתבנית, התאמה אישית – css מותאם אישית
היי, לא משתמשת באלמנטור באתר, וצריכה להוסיף קוד של פייסבוק, אשמח לדרך בלי תוסף אם ניתן.
עדי
שלום, איך מטמיעים קוד של כפתור הוספה לסל בווקומרס – וורדפרס?
למה הקוד selector{direction: ltr}
לא עובד לי על ווידג’ט ספוילר?
תודה על הכל