כפתור חזרה למעלה בוורדפרס, באמצעות אלמנטור ואלמנטור פרו

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

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

אם עדיין לא רכשתם אלמנטור פרו, תוכלו לעשות זאת מהקישור הנ"ל (זהו קישור אפילייט, מה שאומר שכאשר אתם רוכשים דרכו, אני מרוויח כמה שקלים): https://be.elementor.com/visit/?bta=8704&nci=5383
התבנית בה השתמשתי היא hello ועיצוב העמוד הוא מערכת נושא בשם Dog Grooming אותה הורדתי בחינם באמצעות התוסף Envato Elements.

זה הקוד אשר עשיתי בו שימוש בסרטון:

<script>
	document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();

        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
}); 
	
jQuery(document).ready(function($){
$('main').attr('id', 'Top');
	});
</script>