WordPress में Custom CSS कहाँ और कैसे Insert करे ?

WordPress Site को आप जितना चाहो Customise कर सकते हो और इसके लिए कभी-कभी CSS Code (Cascading Style Sheets)  अलग से WordPress में लिखना पड़ता है, तो आज हम आपको बताएँगे की WordPress में Custom CSS कहाँ और कैसे Insert करे ?

घबराइये नहीं आपको कोई Coding करने की आवस्यकता नहीं है बस ये पुरा पोस्ट ध्यान से पढ़िए…

आपको Coding आती है तो आप खुद से Code लिख सकते है जिसे आप WordPress में Add कर सकते है पर आपको Coding नहीं आती है तो जिस चीज को Customise करना है उसका Code Internet से ढून्ढ ले और फिर WordPress में Paste कर दे |

Method I

अब आपके पास CSS Code है तो उसे कहाँ पर लिखे जिससे आपका Site और बेहतरीन हो तो चलिए जानते है

Step 1 : सबसे पहले WordPress के Dashboard में Log in कर लीजिये |

customize-option-in-wordpress.jpg

Step 2 : अब Appearance Tab में Customize पर Click कीजिये |

additional-css-option-in-wordpress-customizer.jpg

Step 3 : सबसे अंत में Additional CSS पर क्लिक कीजिये, और आपने जो भी Code Copy करके रखा है उसे Paste कर दीजिये |

write-additional-css-code-in-wordpress.jpg

उदाहरण के लिए आप ये Code लिख सकते है और निचे Comment में बताये की इस Code से क्या फर्क पड़ा !

::-moz-selection {
background-color: #FC5B28;
color: #fff;
}

::selection {
background-color: #FC5B28;
color: #fff;
}

 

Method II (By Plugin)

कोई भी CSS Code को अलग से डालने के लिए आप Plugin का भी इस्तेमाल कर सकते है, इसके लिए आप निचे दिए गए निर्देश का पालन करे |

जब आप Plugin का इस्तेमाल करते है तब ये CSS Code को अलग से Store करता है और आपके Theme के Main Code पर कोई असर नहीं डालता है |

पर जब आप बिना Plugin के Code Add करेंगे और फिर Theme को Update करेंगे तो सारा का सारा CSS ख़त्म हो जायेगा इसलिए अधिकतर लोग Child Theme का प्रयोग करते है |

तो  चलिए जानते है की Plugin के द्वारा Custom CSS कैसे Add कर सकते है –

Step 1 : सबसे पहले आपको Simple Custom CSS Plugin को Install करना है |

यदि आपको Plugin Install करने नहीं आता है तो ये पोस्ट पढ़े :- Plugin Install कैसे करे ?

Step 2 : अब Appearance में Custom CSS पर क्लिक कीजिये और आपके सामने Editor खुल जायेगा जहाँ पर आप Custom CSS लिख सकते है |

writing-css-code-in-simple-custom-css-plugin.jpg

Step 3 : Custom CSS Code लिखें के बाद Update Custom CSS पर क्लिक कर दे और वो Code Save हो जायेगा |

तो इस तरह आप बहुत ही आसानीपूर्वक Custom CSS Code WordPress में लिख सकते है |

sharing-is-caring.jpeg

इस पोस्ट को अपने दोस्तों के साथ जरुर शेयर करे और आप हमारे Facebook Page को भी Like कर सकते है ? धन्यवाद !