איך ואיפה מוסיפים קוד בוורדפרס ואלמנטור

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

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

אבל איפה מכניסים את הקוד הזה?

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

שפות קוד רלוונטות

בוורדפרס יש ארבע שפות קוד רלוונטיות, 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 בשני מקומות עיקריים.

  1. בתוך הווידג’ט HYML, וצריך לעטוף את הקוד בתגיות script (תיכף נסביר), במקרה הזה מומלץ שהווידג’ט HTML יהיה מתחת לאלמנטים אליהם מתייחס הקוד.
  2. בלוח הבקרה – אלמנטור – ניהול קודים, גם כאן צריך לעטוף את הקוד בתגיות 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 תגובות

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

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?