WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे

Share:
हेल्लो दोस्तों आज में आपको बताने बाला हु की WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे | अगर आप ब्लॉगर है और आप ब्लॉग्गिंग से रिलेटेड टॉपिक पर पोस्ट लिखते है तो आपको codebox की जरुरत जरूर पड़ती होगी, इसलिए आज में आपको wordpress ब्लॉग में एक अच्छा सा फ्रेश और सिंपल code box use करना बतायुन्गा | मेने अपने पिछले पोस्ट ब्लॉगर ब्लॉग में code box कैसे use करते है की बारे में बताया था और आज wordpress के बारे में बताएँगे | अगर आप wordpress यूजर नहीं है बल्कि आप ब्लॉगर यूजर है तो आप मेरे पिछले पोस्ट को read करे मेने उसमे ब्लॉगर codebox के बारे में बताया था |
WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे
wordpress blog में code box use करना बहुत ही आसान है क्योंकि हम wordpress में plugin से भी ऐड कर सकते है और कोडिंग से भी | हमारे पास 2 option होते है और दोनों ही ठीक है, दोनों बराबर काम करते है | plugin से करंगे तो हम्हे कुछ ज्यादा टूल मिल जायेंगे और अगर आप with आउट plugin से कर रहे है यानि की कोडिंग से तो हम्हे कोई भी टूल नहीं मिलता है, हम सिर्फ css कोडिंग से customise कर सकते है |

ब्लॉग में without plugin से कोड box को ऐड करना ब्लॉग के लिए ज्यादा फायेदे मंद है क्योंकि ब्लॉग में ज्यादा plugin इनस्टॉल करने से ब्लॉग की loading स्पीड स्लो हो जाती है इसलिए जितना हो सके ब्लॉग में उतना ही plugin इस्तमाल करे |

बसे भी हम ब्लॉग की कुछ भी customizing हम कोडिंग से कर सकते है तो plugin को use क्यों करना इसलिए ब्लॉग में जो भी करना ओब कोडिंग से करे और आज में भी कोड box को ब्लॉग में कोडिंग की हेल्प से ऐड करना बताने बाला हु |


WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे 

wordpress ब्लॉगcode box ऐड करने के लिए आप मेरे निचे दिए हुए स्टेप को फॉलो करले और अगर आपको कोई प्रॉब्लम अये तो निचे कमेंट करे |

Step 1:

सबसे पहले आप निचे दिया हुआ कोड कॉपी करले ये css कोड है | आप ईसमे जो चाहे styling कर सकते है, अगर आपको अति है तो 
 code,pre{-webkit-user-select:text;overflow:auto; font-size:smaller;font-family:monospace;color:#333} pre{resize:auto;padding:1em!important; white-space:pre-wrap;word-wrap:break-word; border:1px solid #d47300; border-left:5px solid #d47300; font-style:italic!important}

Step 2:

 अब इस उपर दिए हुए  css कोड को आपको अपनी ब्लॉग की css कोडिंग में ऐड करना है | तो इसके लिए आप अपने wordpress ब्लॉग में लॉग इन करे |
WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे
  1. appearance पर क्लिक करे 
  2. customize पर क्लिक करे 
अब जब आप ईतना कुछ करलेगे तो बहाएक और न्यू विंडो ओपन होगी आप बहा Additional CSS पर क्लिक करे और बहा box में css कोड को past करदे और save पर क्लिक करके save करदे |
wordpress code box plugin

Wordpress पोस्ट में Code Box कैसे Add और Use करते है ?

अब हमने सब कर लिया है अब हमारा एक ही कम है की हम अपने ब्लॉग में कैसे use करते है तो दोस्तों अब आप पोस्ट में box use करने के लिए निचे के स्टेप फॉलो करे |
WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे

  1. Post पर क्लिक करे 
  2. अब add new पर क्लिक करे 
  3. अब text पर क्लिक करे |
text पर क्लिक करते ही आपके सामने आपकी पोस्ट की कोडिंग होगी | अब यहाँ आप decide करे की आपको codebox कहा use करना है | और फिर आपको जहा ऐड करना है बहा ये कोड past करदे
<pre> past your कोड </pre>
 past your कोड की जगह आप पाना कोड ऐड करे और बस आपके ब्लॉग के पोस्ट में कोड box ऐड होगया है | अब आप ऊपर सिये हुए html कोड से कोड box ऐड कर सकते है | लेकिन अभी पोस्ट ख़तम नहीं हुआ है | जब आप अपने ब्लॉग में कोड box ऐड करलेगे तो बो कोड box कुछ इस तरह दिखेगा |
WordPress Blog के Post में Stylish Code Box कैसे Add और Use करे

तो दोस्तों में आशा करता हु की आपको मेरा आज का पोस्ट पस्संद आया होगा | हमारी हमेशा यही कोसिस रहती है की सभी ब्लॉगर की दिल से हेल्प करू और उनके लिए नया कुछ लाकर आयु तो दोस्तों मेरी इस साईट को विजिट करते रहे |

No comments