דף הבית » טריקים וטיפים

הסרת קוד emoji מתוך ה- < head >

27 בדצמבר 2015 | מאת רמי | תגובה אחת | תגיות: , , , , , ,

בוורדפרס 4.2 הורחבה התמיכה בתווים נוספים מ-utf8 אל utf8mb4, הדבר הוסיף תמיכה באמוג'י. כדי להמיר את האימוג'י לתמונות, וורדפרס מוסיפה סקטיפטים ועיצובים, ב-BackEnd וב-FrontEnd, שממירים את התווים לאייקונים צבעוניים. הדבר מתבצע באמצעות סקריפטים ב-<head>. היום נלמד איך להסיר אותם מהקוד.

אומוג'י

אומוג'י

הבעיה

אימוג'י זה גימיק נחמד אבל לא כל אתר משתמש בהם. בעלי אתרים רבים מתלוננים שה-head שלכם מכיל את הקוד הבא:

        <script type="text/javascript">
            window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/www.wp-tricks.co.il\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.4"}};
            !function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56806,55356,56826),0,0),c.toDataURL().length>3e3):("simple"===a?d.fillText(String.fromCharCode(55357,56835),0,0):d.fillText(String.fromCharCode(55356,57135),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag"),unicode8:d("unicode8")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag&&c.supports.unicode8||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
        </script>
        <style type="text/css">
img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
</style>

תבדקו את קוד המקור של האתר שלכם ותיווכחו בעצמכם.

הפתרון

ניתן להסיר לגמרי תמיכה באימוג'י מוורדפרס או להסיר רק את התמיכה ב-Front End.

הסרת הקוד מתוך ה-head ב-Front End:

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

הסרת התמיכה מלוח הבקרה של וורדפרס – Back End:

remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );

הקוד מתאים לאנשים שאוהבים לראות את הקוד שלהם נקי, ללא אלמנטים מיותרים או רכיבים לא בשימוש.

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

תגובה אחת »

  • חתול כותב :

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

הוסף תגובה !

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

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>