WordPress Theme Development Tutorial in Hindi, Part 1
क्या आप भी शुरुआत से WordPress सिखने से जुड़ी जानकारी ढूंड रह हैं? अगर हाँ, तो आप सही जगह है. आज हम आपको इस Article की मदद से बताएँगे WordPress Theme Development Tutorial in Hindi और WordPress Theme Development From Scratch की पूरी जानकारी.
इसके साथ ही हम आपको WordPress पर Theme बनाने से पहले आपको किन Terms का पता होना चाहिए उसकी जानकारी विस्तार में देंगे. जैसे कि: CSS Files Kya Hai, Index,php Kya Hai, Functions.php Kis Liye Istsemal Karte Hain, Header, Footer, Sidebar, Comments Kya Hain इत्यादि.
तो चलिए शुरू करते हैं Article WordPress Theme Development Tutorial in Hindi के बारे में पढ़ने से…
WordPress Theme Development Tutorial in Hindi
किसी भी Website, Blog, CMS इत्यादि का Theme Design करने के लिए आपको सबसे पहले HTML, CSS, JavaScript का Basic ज्ञान होना जरुरी है. अगर आपको इनका ज्ञान नही है तो आप हमारे Articles पढ़कर HTML, CSS, Bootstrap इत्यादि सीख सकते हैं.
आप बहुत आसानी से 1 हफ्ते में इन Languages का Basic सीखकर, इसे Use करना शुरू सकते हैं. अगर आप Responsive Theme बनाना चाहते हैं, तो आपको Bootstrap, AjaX, Node.Js, Angular इत्यादि भी सीखना पड़ेगा. इस Series को अच्छे से समझने के लिए आपको कम से कम HTML, CSS और Bootstrap आना जरुरी है.
WordPress में Theme बनाने के लिए, सबसे पहले आपको अपने Computer पर Local Environment को Setup करना होगा. इसके लिए आपको WampServer को Install करना होगा. उसके बाद आपको WordPress.Org को Install करना होगा. इसके बाद आप आपके System पर Offline Theme Develop करना शुरू कर सकते हैं.
WordPress Theme Development in Hindi
WordPress के लिए Theme आप Multiple Template Files को मिलाकर भी बना सकते हैं. ये Files WordPress के Themes Folder में Saved रहती हैं. हर WordPress Theme में आपको दो Default Files हमेशा देखने को मिल जाती हैं. Index.php और Style.css.
Index.php File ही सभी Themes का Root File होता है. इसके Load होती ही आपके Home Page से Linked Other Files जैसे कि: Header.php, Footer.php, Sidebar.php इत्यादि भी Load हो जाती हैं. आप Theme के जिस भी Section को Visit करते हैं, तब वह File Load हो जाता है.
जैसे कि: जब आप Blog के About Us Page पर होते हैं, तो Page.php File Load होती है, जब आप Blog Post को Browse करते हैं, तब Single.php File Load होती है इत्यादि.
इस सभी Template Files को Style देने का काम Style.css File करती है और ये सभी Files मिलकर एक Functional WordPress Theme बनाती हैं.
- Windows Localhost में WordPress को Install कैसे करे Tutorial Hindi
- WordPress Theme क्या है, Theme कैसे बनाए, Setup कैसे करें
- WordPress में Header Footer कैसे बनाएं, Dynamic Content Add करें
WordPress Theme Development From Scratch
| Style.css | आपके Blog को Style and Design देने के लिए लिए जो भी CSS Codes इस्तेमाल किया जाता है वो इस File में होता है. इस File में आपकी Theme का Metadata Comments में देखने को मिल जाता है. इसमें आपको Theme Name, Theme URL, Author Name, Description इत्यादि की Information देखने को मिल जाती है. Metadata Information से WordPress आपकी Theme की पहचान करता है. |
| Index.php | ये WordPress Theme का सबसे जरुरी File है. इसका Use Home Page बनाने के लिए किया जाता है. यह एक Default Template File है. |
| Functions.php | इस File से आप अपनी Theme में Menu, Widget, Multiple Sidebar इत्यादि Create कर सकते हैं. आप इसकी मदद से WordPress Theme में Custom Functionality Add कर सकते हैं. |
| Header.php | जो Content आप अपने Blog के Top Section में रखना चाहते हैं, उसे Header.php में लिखा जाता है. इसमें HTML Head, Analytics Code, Calls to CSS Files, Site Navigation, Page Titles, Blog Logo इत्यादि Information की जानकारी होती है. |
| Footer.php | जो Content आप अपने Blog Bottom में रखना चाहते हैं, उसे Footer.php में लिखा जाता है. Footer.php में Copyright Information, Calls to Java Script Files, Widget, Common Page Links इत्यादि की Information होती है. |
| Sidebar.php | इस File का Use हम अपने Theme में Right, Left या Both Sides में Widgets, Search Bar, Category List, Popular Post इत्यादि जैसी Information के लिए करते हैं. |
| Comments.php | इस File की Help से आप अपने Posts के नीचे Comment Section Add कर सकते हैं. |
| Page.php | इस Template File का Use About Me, Contact Us एवं दूसरे Static Pages को Index Page में Add करने के लिए किया जाता है. |
| Single.php | इस File का Use किसी एक Blog Post को Show करने के लिए किया जाता है. |
| Category.php | जब भी कोई User किसी एक Category पर Click करता है, तो उस Category के सभी Posts को Chronological Order में Show करने के लिए इस File का Use किया जाता है. आप इसे किसी की Order में List करा सकते हैं. (Newest to Oldest, A to Z, Z to A) |
| 404.php | इस File का Use 404 Error Message Show करने के लिए किया जाता है. |
- WordPress क्या है, वर्डप्रेस Website कैसे बनाए, फायदे, Plugins
- WordPress.Org vs WordPress.Com में अंतर क्या है की पूरी जानकारी
- WordPress में LOGO कैसे लगाए, Theme Responsive कैसे बनाएं
इस Post में हमने सिखा WordPress Themes बनाने के लिए Pre-Requirements क्या हैं. WordPress Themes की Different Files कैसे काम करती हैं. अब हम अपनी Next Part में जानेंगे कि, कैसे आप इन Files को Create करके इनमें Code लिख सकते हैं, इन्हें आपस में जोड़ सकते हैं इत्यादि.
- WordPress Theme Install कैसे करें, वर्डप्रेस में Theme कैसे जोड़ें
- WordPress Posts vs Pages, वर्डप्रेस Page और Post में अंतर
- WAMP क्या है, WAMPServer Download कैसे करें, Windows 7/10/11
आशा करते हैं आपको WordPress Theme Development Tutorial in Hindi और WordPress Theme Development From Scratch पोस्ट पसंद आई होगी.
अगर आपको इस Post से Related कोई सवाल या सुझाव है तो नीचे Comment करें. अगर आपको यह Post पसंद आई तो अपने दोस्तों के साथ जरुर Share करें.
Nice post
thank you ~
Bro aapki theme responsive nhi hai and 2. Aap is comment system ko removd kr ke koi aur use kre to user ko sahi rahega baki theme masf hai
Brother meri theme 101% responsive hai.. aapko ye responsive q nhi lagi???
Baise to main bhi is comment system ko htaane ki soch raha hun kyonki har koi is comment system par comment nhi kar paata hai .. lekin iska sbse bda advantage ye hai ki kisi trh k spam comments nhi aate hai.
Good information thanks
Sir aapka number mill sakta hai
Sorry brother u can contact me by comments or email … and thanks for visiting ~
Sir me dheere dhere theme development tutorials follow kar raha hun. Par me usase pahale aapko ek aur sawal poochana chahta hun. Jaise hum other theme use karte hai. TO ham use customize kar sakate hai. Matlab hame koi logo lagana ya aise bahoot saare chote mothe customization hum WordPress dashboard>> appearances ke through kar sakte hai.
To aapke tutorials ko follow karne ke baad jo theme create karenge. Agar hume usame kooch badlaw karne hai. Jaise primary color change Jo bhi customization me aata hai. Use karne ke liye hum wordpress dashboard mese kar sakate hai? ya fir ham editor me jake theme coding ko change karna hoga.
Brother .. baise to aap sb kuch kar skte ho .. lekin maine jo tutorials post di hai uske hisaab se aapko post editor me jakar hi karna hoga ~
bro, aapka post read karne ke bad mera Sara confusion hi dur hogya.
thanks for sharing the informative post. kya, aapka koi youtube channel hai.
please reply.
No Brother .. YT Chnl nhin hai… thanks for visit…