WordPress Theme Development Tutorial in Hindi, Part 1

Wordpress Theme Development Tutorial in Hindi और Wordpress Theme Development From Scratch

क्या आप भी शुरुआत से 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 बनाती हैं.

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 करें.

Questions & Answer:
wordpress home page se specific post kaise hide kare - wordpress tutorial in hindi

WordPress Homepage से Specific Posts कैसे Hide करे Tutorial in Hindi

WordPress
Phone Clean Kaise Kare - Mobile Saaf Karne Wala App

Phone को Clean कैसे करें, Mobile साफ़ करने का Apps, APK

Useful Software
OYO Me Kya Hota Hai और OYO Kaise Khole 

OYO में क्या होता है, OYO में क्या किया जाता है, Rooms Hotels

Apps
Author :
सु-सुवागातम Gyanians इस वेबसाइट का मकसद है लोगो को हिंदी भाषा में ज्ञान प्रदान करना उनके द्वारा पूछे गए प्रिश्नों के उत्तर देना और यह कार्य करने के लिए हम तात्पर्य है. आप Gyanians को लोगों के साथ शेयर करके हमारी सहायता कर सकते है .
Questions Answered: (10)
mahtab says:

Nice post

mahtab says:

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.

    Sorry brother u can contact me by comments or email … and thanks for visiting ~

Rushikesh Sonawane says:

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.

Leave a Reply

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