हेडर में लोगो कैसे डालें?

Question

मैं वर्डप्रेस वर्ल्ड में बहुत नया हूं (मैं जूमला से आया हूं)

मुझे इस वर्डप्रेस परीक्षण साइट में लोगो डालने के लिए कुछ कठिनाइयाँ मिल रही हैं: http://onofri.org/example/

मैं अपने लोगो को "EXAMPLE" टेक्स्ट के बजाय वेबसाइट के हेडर में रखना चाहता हूँ।

वर्डप्रेस कॉन्फ़िगरेशन पैनल में देखकर मुझे नहीं लग रहा है कि मैं लोगो को कहां अपलोड कर सकता हूं और हेडर में "EXAMPLE" टेक्स्ट के बजाय स्वचालित रूप से इसे डाल सकता हूं (मुझे नहीं पता कि यह एक मानक वर्डप्रेस फ़ंक्शन जैसा कि जूमला में है या यदि यह एक है वह सुविधा जो कुछ विशिष्ट विषयों द्वारा उपलब्ध कराई जा सकती है या यदि मुझे इसे सीधे कोड में डालना है)

हालाँकि मुझे यह मेरी थीम सेटिंग में भी नहीं मिल रहा है।

मुझे अपना लोगो लगाने के लिए क्या करना होगा? क्या मुझे इसे सीधे अपने HTML कोड में सम्मिलित करना है?

Answer 1

मानकों का पालन करने के लिए हेडर अनुभाग को थोड़ा संशोधित करने का प्रयास करें। यहाँ अभी आपका कोड क्या है:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

यहां बताया गया है कि आप चीजों को कैसे संशोधित कर सकते हैं:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

अब केवल 3 चरण हैं:

• थीम की डिफ़ॉल्ट हेडर इमेज सेटिंग्स का उपयोग करने के बजाय, आप header.phpऊपर दिए गए कोड से अपनी थीम को संपादित कर सकते हैं।
• Add New Media से इमेज डालने के बजाय, आप cPanel (अपने वेब होस्ट का कंट्रोल पैनल) के जरिए इमेज को थीम इमेज के सब-फोल्डर में 'इमेज' नाम से अपलोड कर सकते हैं ।
• और अपने लोगो के लिए पृष्ठभूमि के साथ एक विशाल छवि बनाने के बजाय, फ़ोटोशॉप (या किसी भी ग्राफिक्स सॉफ़्टवेयर) में एक साधारण पृष्ठभूमि-कम लोगो बनाने की कोशिश करें - फ़ोटोशॉप के मामले में, बस ऐसा करें: लोगो छवि को एक परत में रखने के बाद, बस हटाएं पृष्ठभूमि परत और फिर वेब के लिए छवि सहेजें (फ़ाइल> वेब के लिए सहेजें ... [ Ctrl+ Alt+ Shift+ S]) और अच्छे परिणाम के लिए पीएनजी -24 प्रारूप चुनें । फिर इसे सेव करें logo.pngऔर इसे '/ wp-content / themes / simplemarket / images /' फ़ोल्डर में रखें।

आशा है कि आपको आराम मिलेगा। यदि कोई प्रश्न हो, तो कृपया नीचे टिप्पणी करने के लिए स्वतंत्र महसूस करें।

Answer 2

यदि "लोगो" कार्यक्षमता है, तो यह थीम का हिस्सा होगा। शायद एक थीम विकल्प या थीम अनुकूलन प्रणाली का हिस्सा ।

मैं आमतौर पर व्यावसायिक साइटों के लिए ऐसा करने के लिए एक कस्टम हेडर का उपयोग करता हूं , हालांकि एक कस्टम हेडर विशेष रूप से एक लोगो के लिए नहीं है। यह एक सामान्य "हैडर इमेज" फ़ंक्शन है।

संक्षेप में, यह विषय पर निर्भर करता है। यदि यह आपके द्वारा बनाई जा रही थीम है, तो आप इसे जोड़ने के लिए थीम को संपादित कर सकते हैं। पहले से संदर्भित कोडेक्स लेख देखें।

Answer 3

हेडर इमेज को बदलने के लिए अपने वर्डप्रेस के एडमिन पैनल पर जाएं। उपस्थिति मेनू में हेडर पर क्लिक करें और वहां आपको अपनी हेडर छवि और टेक्स्ट को अपने हेडर में प्रदर्शित करने के लिए अपलोड करने का विकल्प मिलेगा।

अगर यह नहीं दिख रहा है तो आपको अपनी हेडर फाइल को एडिट करना होगा और यदि आपके पास पहले से मौजूद नहीं है तो अपने हेडर में निम्न कोड डालें।

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>