अभिवादन। इस ट्यूटोरियल में मैं आपको सिखाना चाहता हूँ कि वर्डप्रेस में कोट्स का डिज़ाइन कैसे बदलें। आरंभ करने के लिए, आइए जानें कि पाठ में कौन से उद्धरण हैं।
वर्डप्रेस में उद्धरण अवधारणा
एक लेख में कुछ महत्वपूर्ण पाठ को उजागर करने के लिए, वर्डप्रेस में उद्धरण जैसी अच्छी चीज है (उन लोगों के बारे में जिनका विश्लेषण नहीं किया गया था)। टूलबार पर यह बटन इस तरह दिखता है।
हर कोई जानता है कि इसका उपयोग कैसे करना है - बाईं माउस बटन उस पाठ को घेरता है जिसे हम हाइलाइट करना चाहते हैं, और इस बटन को दबाएं। दरअसल अब आप इस टेक्स्ट को कोट्स के डिजाइन में देखते हैं।
सभी टेम्प्लेट अलग हैं, और, तदनुसार, उद्धरणों का डिज़ाइन भी अलग है। कुछ मामलों में, यह बिल्कुल भी सुंदर नहीं है, और जिसे आप बदलना चाहते हैं। फिर मैं सीखूंगा कि इसे कैसे ठीक किया जाए।
हम काम शुरू करते हैं।
मैं आपको चेतावनी देता हूं कि हम CSS जैसी भाषा के साथ काम करेंगे। मुख्य बात यह है कि जो हो रहा है उसके पूरे सिद्धांत को समझना और फिर यह मुश्किल नहीं होगा।
हमें फ़ाइल और वांछित शैली मिलती है।
आपको सक्रिय थीम में style.css फ़ाइल ढूंढनी होगी। ऐसा करने के लिए, हम उपस्थिति पर जाते हैं, और फिर संपादक, हम पाते हैं style.css. अगला कदम इसके लिए शैली खोजना है ब्लॉककोट. हम चित्र में सभी क्रियाओं के क्रम को देखते हैं।
Style.css फ़ाइल का पथ स्वयं
सवाल ढूंढें। CNTRL + F दबाकर सर्च को ओपन किया जाता है और फिर क्वेरी को पेस्ट किया जाता है।
कोड की लाइनें मिलीं, उनकी जरूरत है।
हम डिजाइन बदलते हैं।
आपको यह समझने की जरूरत है कि आप वास्तव में क्या देखना चाहते हैं। मैं आपको सलाह देता हूं कि किसी भी चित्र और इस तरह का आविष्कार न करें। अधिकतम जो किया जा सकता है
बैकग्राउंड बदलें।
फ़ॉन्ट आकार और डिजाइन।
एक फ्रेम (ठोस, रुक-रुक कर, डॉट्स), एक तरफ या दोनों तरफ हो सकता है।
कोई चित्र और पसंद नहीं है, अन्यथा यह होगा, आपको अनावश्यक समस्याओं की आवश्यकता नहीं है। मैं आपको एक मानक सेट प्रदान करता हूं।
स्ट्रोक, मैंने केवल बाईं ओर किया, आप चाहें तो इसे हर तरफ से, या दो से कर सकते हैं।
ब्लॉक छाया।
इंडेंट ताकि पूरा ब्लॉक लेख के टेक्स्ट से न चिपके।
फ़ॉन्ट आकार और उसका स्वामित्व।
फ़ॉन्ट शैली, मैंने इटैलिक बनाया।
लिपि का रंग।
पाठ की छाया।
समापन ब्रेस शैली।
CSS भाषा बहुत ही सरल और सहज है, आप पंक्तियों को पढ़ सकते हैं और सब कुछ स्वयं समझ सकते हैं। आप इसके विपरीत जोड़ सकते हैं, हटा सकते हैं, लेकिन मैं दोहराता हूं, चित्र न डालें, क्योंकि यह एक अनुकूलन है। यदि आपके पास ज्ञान है, तो आवेदन करें, या टिप्पणियों में पूछें।
दूसरा तरीका वर्डप्रेस ब्लॉग पर उद्धरणों को प्रारूपित करने के लिए प्लगइन के साथ है
सभी बहुतायत में से, मुझे एक पसंद आया, यह WP-नोट सरल है और भारी नहीं है। यह प्लगइन्स की खोज करके व्यवस्थापक पैनल से स्थापित किया गया है।
आइए अब इसका उपयोग करना सीखें।
इसमें विभिन्न स्थितियों के लिए 5 डिज़ाइन विकल्प हैं। सबसे पहले, मैं आपको बताऊंगा कि इसे कैसे लिखना है। एक लेख लिखते समय, जिस पाठ को हाइलाइट किया जाएगा उसे विशेष टैग में संलग्न किया जाना चाहिए, मैं इसे एक उदाहरण के साथ दिखाऊंगा [ नोट ], स्क्रीनशॉट देखें।
स्पष्ट रूप से, मैं सभी टैग और उनके टेप दिखाता हूं।
स्वास्थ्य के लिए उपयोग करें। मैं इस प्लगइन का उपयोग नहीं करता, ब्लॉकक्वाट मेरे लिए हर चीज का जवाब देता है, और यह एक अच्छा और हल्का प्लगइन है।
HTML में कोट्स बनाने के लिए दो तत्वों का उपयोग किया जाता है: ब्लॉक तत्व <Ыockquote>
और इनलाइन तत्व . टैग <Ыockquote>
लंबे उद्धरणों को प्रदर्शित करने के लिए उपयोग किया जाता है जो एक संपूर्ण अनुच्छेद लेते हैं और इसे बाएं और दाएं किनारों से इंडेंट करके प्रदर्शित करते हैं। यह टैग आपको पाठ को पृष्ठ के मध्य में संक्षिप्त रूप से रखने की अनुमति देता है। इसमें अन्य पाठ स्वरूपण तत्व हो सकते हैं।
तत्व छोटे उद्धरणों के लिए उपयोग किया जाता है जो वर्तमान अनुच्छेद का हिस्सा हैं। आम तौर पर, ब्राउज़र किसी तत्व की सामग्री को लपेटते हैं उद्धरण चिह्नों में। आमतौर पर, उद्धरण में पंक्ति विराम शामिल नहीं होते हैं, और उद्धरण को पाठ-स्तरीय तत्व माना जाता है।
दोनों तत्वों में एक विशेषता हो सकती है अदालत में तलब करना, जिसका मान उद्धृत अंश का URL है।
उदाहरण: लंबे और छोटे उद्धरण
यह अपने आप का प्रयास करें "
ऊर्ध्वाधर प्लंब लाइन का उपयोग करके आसानी से निर्धारित किया जा सकता है।
जैसा कि ए. ए. मिल्ने ने कहा, कुछ लोग जानवरों से बात करते हैं।
प्रेक्षक के लिए जेनिथ आकाश का उच्चतम बिंदु है। ऊर्ध्वाधर दिशा में, जैसा कि ज्ञात है, ऊर्ध्वाधर प्लंब लाइन का उपयोग करके आसानी से निर्धारित किया जा सकता है।
जैसा कि ए.ए. मिल्ने ने कहा, कुछ लोग जानवरों से बात करते हैं।
टैग
एक संक्षिप्त नाम लिखित रूप में अपनाए गए शब्दों या दूसरे शब्दों (विश्वविद्यालय, अनुसंधान संस्थान, कार्यकारी समिति, आदि) के कई हिस्सों से बना शब्द है। पाठ में किसी संक्षिप्त या संक्षिप्त नाम का उपयोग करते समय, टैग का उपयोग करें . "शीर्षक" विशेषता का उपयोग करके, आप संक्षेप के डिकोडिंग के साथ टूलटिप सेट कर सकते हैं। साथ ही, खोज रोबोट "शीर्षक" विशेषता में परिभाषित ट्रांसक्रिप्ट के बिल्कुल पूर्ण संस्करण को अनुक्रमित करता है। संक्षिप्ताक्षरों को नियमित पाठ से अलग करने के लिए, उन्हें एक बिंदीदार रेखा के साथ रेखांकित किया जाता है।
उदाहरण: संक्षेप
यह अपने आप का प्रयास करें "
नासा कुछ अविश्वसनीय अंतरिक्ष प्रयोग कर रहा है।
भूतपूर्व। स्टीफन हॉकिंग एक सैद्धांतिक भौतिक विज्ञानी और ब्रह्मांड विज्ञानी हैं।
NАSА!}कुछ अविश्वसनीय होस्ट करता है अंतरिक्ष प्रयोग।
भूतपूर्व।स्टीफन हॉकिंग एक सैद्धांतिक भौतिक विज्ञानी और ब्रह्मांड विज्ञानी हैं।
टैग
टैग संपर्क जानकारी, पते और टेलीफोन नंबरों को इंगित करने के लिए उपयोग किया जाता है। इसमें एक डाक पता, साथ ही एक ईमेल पता या फोन नंबर भी हो सकता है। अधिकांश ब्राउज़र तत्व की सामग्री प्रदर्शित करते हैं इटैलिक फ़ॉन्ट।
उदाहरण: पता
यह अपने आप का प्रयास करें "
एचटीएमएल ट्यूटोरियल बेली मक्सिम मक्सिमोविच नॉर्थवेस्टर्न इंस्टीट्यूट ऑफ टेक्नोलॉजी Teplogorsk State University of Technology and Design [ईमेल संरक्षित]
टैग और
टैग संदर्भित स्रोत को इंगित करने के लिए किसी प्राथमिक स्रोत, जैसे किसी पुस्तक, वेबसाइट, या शैक्षणिक कार्य का संदर्भ देते समय उपयोग किया जाता है। अक्सर ग्रंथ सूची में उपयोग किया जाता है, जब कॉपीराइट का श्रेय दिया जाता है या किसी संसाधन के मालिक के नाम का उल्लेख किया जाता है। ब्राउज़र तत्व सामग्री प्रदर्शित करते हैं इटैलिक फ़ॉन्ट।
टैग कुछ नए शब्द की परिभाषा को इंगित करने के लिए प्रयोग किया जाता है। पाठ में एक नए शब्द (एक वैज्ञानिक अवधारणा या एक संकीर्ण प्रोफ़ाइल नाम) की व्याख्या को "परिभाषा" कहा जाता है। तत्व यदि पाठ में पहली बार कोई नया शब्द आता है और उसकी परिभाषा तुरंत दी जाती है तो इसका उपयोग किया जा सकता है। ब्राउज़र ऐसे टेक्स्ट को इटैलिक में प्रदर्शित करता है।
उदाहरण: स्रोत और परिभाषाएँ
यह अपने आप का प्रयास करें "
स्टीफन हॉपकिंस का रेड ड्रैगन देखना।
पिंड का संवेग एक सदिश राशि है, इसके सदिश की दिशा समान होती है गति दिशा के साथ
पहले महीने में ही दस हजार से ज्यादा टिकट बिके एक फिल्म देखना लाल ड्रैगनस्टीफन हॉपकिंस।
शरीर की गतिएक सदिश राशि है, इसके सदिश की दिशा समान होती है गति दिशा के साथ
टैग
टैग प्रदर्शित पाठ की दिशा को नियंत्रित करता है। इसमें एक आवश्यक डीआईआर विशेषता है जो एलटीआर (बाएं से दाएं) और आरटीएल (दाएं से बाएं) मान लेती है।
उदाहरण: टेक्स्ट डायरेक्शन
यह अपने आप का प्रयास करें "
यदि आपका ब्राउज़र द्विदिश एल्गोरिथम (bdo) का समर्थन करता है, अगली पंक्ति दाएँ से बाएँ लिखी जाएगी (rtl)
यह पाठ दाएं से बाएं लिखा जाता है।
कार्य
अंतिम कार्य
इस पाठ में, आप कुछ और तार्किक स्वरूपण तत्वों से परिचित हुए, जो पाठ की उपस्थिति को नहीं, बल्कि उसके प्रकार को निर्धारित करते हैं, और यह निर्भर करता है कि कौन सा ब्राउज़र एक या दूसरे प्रकार के बाहरी स्वरूपण को लागू करता है। ऊपर चर्चा किए गए सभी तत्व कंटेनर हैं और उन्हें क्लोजिंग टैग की आवश्यकता होती है। इनमें से कुछ तत्व पाठ के स्वरूप को बिल्कुल भी नहीं बदल सकते हैं, इसलिए यहां पर ध्यान इस बात पर था कि वे पाठ के अर्थ को कैसे परिभाषित करते हैं, बजाय इसके कि वे इसे कैसे प्रारूपित करते हैं।
आपने जो सीखा है उसकी समीक्षा करने और चार सरल कार्यों को पूरा करने का समय आ गया है:
संक्षिप्त उद्धरण
अपने लिए तय करें "
HTML बूलियन का उपयोग करते हुए, शब्द के चारों ओर उद्धरण चिह्न जोड़ें: "सिद्धांत"।
संक्षिप्त उद्धरण
सिद्धांत नई घटनाओं और नए कानूनों की भविष्यवाणी करता है।
संक्षिप्त उद्धरण
लिखित नई घटनाओं और नए कानूनों की भविष्यवाणी करता है।
लंबी बोली
अपने लिए तय करें "
निम्नलिखित पाठ को एक तत्व के अंदर रखें जो इसे एक बाएं इंडेंटेड उद्धरण बना देगा। उस संसाधन का URL निर्दिष्ट करें जहां से यह उद्धरण आता है: "http://www.world.org"।
लंबी बोली
गति और गति की दिशा की एक विशेषता भौतिक मात्रा - गति है।
तत्व की परिभाषा बदल दी गई है
और . लेख बताता है कि डेवलपर्स के लिए इसका क्या अर्थ है।
परिभाषा परिवर्तन
तत्व
सामग्री का प्रतिनिधित्व करता है जो किसी अन्य स्रोत से उद्धरण है, संभवत:, जिसमें इस स्रोत का उल्लेख शामिल है, जो होना चाहिएतत्वों के अंदर रखा गया