disable-link

קוד קטן לניטרול קישור

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

זה הקוד:

הסבר:

זהו קוד בשפת JS (תוך שימוש בספריה JQUERY).
הקוד מופעל ברגע שהעמוד סיים להטען. הקוד מטרגט את הקישורים שהם בתוך רשימות והם מקשרים ל #. כלומר לשום מקום ומבצע מחיקה של המאפיין href כך שמעבר עכבר עליהם אפילו לא יציג את היד המסמנת שמדובר בקישור.

שילוב הקוד באתר:

אם יש לכם תבנית בת תוכלו לשלב את הקוד הזה בקבצי התבנית. אם אינכם מתמצאים כלל בקוד תוכלו להתקין תוסף בשם insert header footer script ולשלב את הקוד בהאדר או בפוטר.

זהו. נשאר רק לבדוק שעובד.

בהצלחה.

תהיו חברתיים. שתפו...

שיתוף ב facebook
שיתוף ב google
שיתוף ב twitter
שיתוף ב linkedin
שיתוף ב pinterest
שיתוף ב print
שיתוף ב email

כתיבת תגובה