WordPress Theme Development Tutorial in Hindi, Part 1

| | 11 Minutes Read

क्या आप भी शुरुआत से 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 के बारे में पढ़ने से…

Table Of Contents

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 बनाती हैं.

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 करने के लिए किया जाता है.
Common Template Files

इस Post में हमने सिखा WordPress Themes बनाने के लिए Pre-Requirements क्या हैं. WordPress Themes की Different Files कैसे काम करती हैं. अब हम अपनी Next Part में जानेंगे कि, कैसे आप इन Files को Create करके इनमें Code लिख सकते हैं, इन्हें आपस में जोड़ सकते हैं इत्यादि.

आशा करते हैं आपको WordPress Theme Development Tutorial in Hindi और WordPress Theme Development From Scratch पोस्ट पसंद आई होगी.

अगर आपको इस Post से Related कोई सवाल या सुझाव है तो नीचे Comment करें. अगर आपको यह Post पसंद आई तो अपने दोस्तों के साथ जरुर Share करें.

Tags: , , ,
Related Posts
Author:

Tagged Posts

Questions Answered: (10)

Ask Your Question

Leave a Reply

Your email address will not be published. Required fields are marked *