बिना प्लगइन के वर्डप्रेस में फेविकॉन जोड़ने का उचित तरीका क्या है? [बन्द है]


11

बिना प्लगइन के वर्डप्रेस में फेविकॉन जोड़ने का उचित तरीका क्या है ?

क्या मैं favicon.icoअपने आइकन के साथ एक फ़ाइल को अपनी साइट की जड़ में रख सकता हूं?

क्या मुझे भी इस कोड की आवश्यकता है?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

कुछ का कहना है कि यह कोड है:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

और यह iPhones के लिए है?

<link rel="apple-touch-icon" href="/customIcon.png" />

सॉफ्टवेयर पर कोई सुझाव इसे बनाने के लिए या एक थंबनेल से परिवर्तित करने के लिए? और किस प्रकार की फाइलें समर्थित हैं - बस .ico?

मैंने कई तरीकों के साथ एक और धागा देखा और मैं इस सरल कार्य के लिए सबसे अच्छे अभ्यास के बारे में स्पष्ट नहीं था: वर्डप्रेस फ़ेविकॉन को कैसे बदलना है?


6
प्लगिन प्रतिबंध के बिना क्यों ?
चिप बैनेट

3
इस सवाल में कई विषय सामग्री imho शामिल हैं। वोट को बंद करें
kaiser

जवाबों:


15

मैं आमतौर पर अपने विषय के अंदर एक छवि फ़ोल्डर में आइकन डाल देता हूं ताकि मैं उपयोग करूं

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

संपादित: टिप्पणी के अनुसार ऐप्पल टच आइकन जोड़ने के लिए, और यह स्पष्ट करने के लिए कि यदि आप एक बाल विषय का उपयोग कर रहे हैं, लेकिन फ़ेविकॉन मूल विषय छवि फ़ोल्डर में है, तो आप उपयोग करेंगे

get_template_directory_url();

यदि आप एक बाल विषय का उपयोग नहीं कर रहे हैं, तो या तो काम करेगा

मैं आमतौर पर यहां अपने फेविकॉन बनाता हूं: http://tools.dynamicdrive.com/favicon/


बच्चे के विषय के मामले में, get_template_directory_uriइसके बजाय इसका उपयोग करना बेहतर नहीं होगा ? मूल प्रश्न के उत्तर में, मैंने 114x114px Apple आइकन इस तरह जोड़ा है <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">:।

1
मुझे लगता है कि html5bp हेडर में उन्हें जोड़ने से दूर हो गया है। यदि आप साइट के रूट में आइकनों w / सही नामों को रखते हैं, तो अधिकांश ब्राउज़र उन्हें स्वचालित रूप से मिल जाएंगे। लेकिन आपके प्रश्न का उत्तर देने के लिए, बाल विषय बनाम माता-पिता ... यह वास्तव में इस बात पर निर्भर करता है कि आप फ़ेविकॉन छवि को कहाँ संग्रहीत करते हैं। get_template_directory_uri () को मूल विषय का url मिलता है, जबकि स्टाइलशीट_directory_uri () को बच्चे का url मिलता है यदि वह बच्चा है या माता-पिता का url है यदि वह सक्रिय विषय है।
हेलगेटहाइकिंग

आप सही हे। मैंने उन दोनों को मिला दिया है ... html5bp ने वास्तव में उन्हें हेडर से हटा दिया है, लेकिन स्रोत में अभी भी कुछ महान दस्तावेज हैं (ज्यादातर Apple आइकनों के बारे में) mathiasbynens.be/notes/touch-icons

11

दरअसल, फ़ेविकॉन को जोड़ने का सही तरीका एक प्लगइन के माध्यम से है , ताकि जोड़ा फ़ेविकॉन थीम-निर्भर न हो । अनिवार्य रूप से, @ helgatheviking की विधि का उपयोग करें, लेकिन इसे अपने थीम की functions.phpफ़ाइल के बजाय एक कस्टम प्लगइन में डालें

ध्यान दें: यदि आप एक शीर्ष-स्तरीय डोमेन का उपयोग कर रहे हैं, अर्थात example.com, बस favicon.icoदस्तावेज़ रूट में छोड़ दें , और आपका काम हो गया। किसी और चीज के लिए, एक कस्टम प्लगइन बनाएं

नोट 2: ट्राई टिकट # 16434 का संदर्भ लें । एक साइट फ़ेविकॉन विकल्प को कोर में जोड़ा जा रहा है, उम्मीद है कि संस्करण में से एक आगामी 3.4 रिलीज में उतरेगा।


इन दिनों में से एक को मुझे आदर्श वाक्य के स्निपेट का उपयोग करने की आवश्यकता है। शुक्र है कि लोग अपने विषय को दैनिक आधार पर नहीं बदल रहे हैं, लेकिन मैं पूरी तरह सहमत हूं कि फेवीकोन्स (और पोस्ट प्रकार, आदि) विषय पर निर्भर नहीं होना चाहिए। यह कोर करने के लिए आने के लिए आगे देख रहे हैं।
हेलगैथाइकिंग

यह वास्तव में इतना "स्निपेट" भी नहीं है। इसे functions.phpकिसी विशेष phpDoc हैडर के साथ थीम की फ़ाइल के रूप में सोचें, जो अंदर की wp-content\plugins\some-plugin\nameबजाय रहता है wp-content\themes\some-theme-name
चिप बेनेट

2

1
हम थोड़ा पीछे चल रहे हैं - यह 3.4 में नहीं हो सकता है। हम आज की बैठक के बाद और अधिक जानेंगे।
टॉम ऑगर

@TomAuger इसे अद्यतित रखने के लिए धन्यवाद। जब आप पूर्ण स्थिति में हों, तो केवल उत्तर को संपादित करने के लिए स्वतंत्र महसूस करें।
केसर

1

आपके द्वारा उपयोग की जा रही थीम पर बहुत कुछ निर्भर करेगा। यदि थीम आपके फ़ेविकॉन को परिभाषित कर रही है ( <link>हेडर में एक टैग के साथ ), तो आपको इसे बदलने favicon.icoके लिए अपने थीम को बदलने की आवश्यकता होगी ।

लेकिन अपने विषय अगर नहीं है कुछ भी परिभाषित करने, एक रखने favicon.icoआपकी साइट के रूट पर पर्याप्त होना चाहिए।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.