עיצוב ותוכן

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

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

הקוד 

איפה שכתוב ״קישור״ נוסף את ה-id שלנו, זה חייב להיות עם האשטג ובאנגלית. לדוגמא #back, אם תרצו להוסיף משהו אחר תוסיפו אבל חייב שזה יהיה בלי רווחים! אחרי שהגדרתם את ה-id הגיע הזמן להוסיף את הקוד עצמו שיגרום לכפתור הזה באמת להחזיר אחורה, בשביל זה אנחנו נוסיף ווידגט נוסף ממש מעל לכפתור, חפשו בווידג׳טים html. גררו את זה לאזור, ותכניסו את הקוד שמופיע ממש כאן למטה:

				
					<script>
document.addEventListener('DOMContentLoaded', function() {
  var backButton = document.querySelector('a[href="#back"]');
  if (backButton) {
    backButton.addEventListener('click', function(event) {
      event.preventDefault();
      history.back();
    });
  }
});
</script>

				
			

אם נתתם ל-id שם אחר תשנו אותו איפה שכתוב back, למה שנתתם רק תשימו לב לא למחוק את האשטג בטעות. תעשו שמור ותהנה מהתוצאה!
נתראה במדריך הבא 🙂