বিগত এপিসোড-০১ এ আমরা কি করব সে বিষয় আলোচনা করেছি। এই এপিসোডে আমরা তেমন আলোচনা করব না। সরাসরি কাজে নেমে পড়ব।
EPISODES:
Episode 01
Episode 02
ধাপ ২: WordPress Theme Development শুরু করার জন্য প্রয়োজনীয় টুলস এবং সেটআপ
মিয়া, থিম বানানো শিখতে গেলে আগে দরকার কিছু দরকারি টুলস আর সঠিক সেটআপ। কাহিনী কইরা কইলাম, এগুলা ছাড়া থিম বানানো সম্ভব না। তাই এ ধাপে আমি দেখাইয়া দিমু কীভাবে কাজ শুরু করবেন।
কাজ শুরুর আগের প্রস্তুতি:
- একটা Local Development Environment সেট করা:
প্রথমেই, মিয়া, আপনার ল্যাপটপ বা পিসিতে একটা লোকাল সার্ভার বানাইতে হবে। লোকাল সার্ভার ছাড়া WordPress চালাইতে পারবেন না। এর জন্য XAMPP, WAMP, অথবা Local by Flywheel ডাউনলোড কইরা ইনস্টল কইরা নেন।কেন লোকাল সার্ভার দরকার?
এটা ছাড়া WordPress ঠিকমতো রান করবে না। আর ডেভেলপমেন্টের সময় যেই পরিবর্তনই করেন, সেটা আপনার লোকাল সাইটেই দেখতে পারবেন।কীভাবে XAMPP ইনস্টল করবেন?
- XAMPP ডাউনলোড করতে যান apachefriends.org।
- ডাউনলোড শেষ হইলে ইনস্টল কইরা Apache আর MySQL চালু কইরা দেন।
- ব্রাউজারে
localhost/phpmyadmin ওপেন করেন। এখানে ডেটাবেজ বানাইতে পারবেন।
- Code Editor ডাউনলোড করা:
আপনার থিমের ফাইল এডিট করতে একটা ভালো টেক্সট এডিটর লাগবে। আমি সাজেস্ট করুম Visual Studio Code।
VS Code ডাউনলোড করেন:
- https://code.visualstudio.com/
- ইনস্টল কইরা HTML, CSS, PHP, JavaScript এর জন্য দরকারি Extensions যোগ কইরা নেন।
- PHP Intelephense (PHP এর জন্য)
- Prettier (কোড ফরম্যাটিংয়ের জন্য)
- Live Server (ডাইনামিক ভিউ দেখতে)
- WordPress ডাউনলোড করেন:
WordPress থিম বানাইতে WordPress এর ফাইল লাগবে।
- https://wordpress.org/ থেকে WordPress ডাউনলোড কইরা নেন।
- লোকাল সার্ভারে
htdocs ফোল্ডারে WordPress এর ফাইল কপি কইরা রাখেন।
- ব্রাউজারে যান
localhost/your-folder-name। এখান থেকে WordPress সেটআপ দেন।
ডেটাবেজ বানাইবেন কিভাবে?
localhost/phpmyadmin গিয়ে নতুন একটা ডেটাবেজ বানান।- WordPress ইনস্টল করার সময় এই ডেটাবেজ কানেক্ট করেন।
- WordPress File Structure বুঝা:
WordPress এর মূল ফাইলগুলো মাথায় রাখতে হবে। আপনার থিম যেই ফোল্ডারে রাখবেন, তার নাম হবে:
wp-content/themes/your-theme-name
থিম বানাইতে এই ফাইলগুলো দরকার:
- style.css: আপনার থিমের ডিজাইন।
- index.php: থিমের মূল ফাইল।
- functions.php: থিমের ফিচার অ্যাড করার জন্য।
- header.php, footer.php, sidebar.php: বিভিন্ন সেকশনের ফাইল।
- Browser এবং Developer Tools:
থিম বানানোর সময় ব্রাউজারে আপনার ডিজাইন কেমন লাগতেছে, সেটা চেক করতে হবে।
Google Chrome এর Developer Tools দিয়ে CSS বা HTML এডিট করতে পারবেন।
- Shortcut: Right Click > Inspect
অতিরিক্ত টুলস যেগুলা দরকার লাগতে পারে:
- Git: কোড ট্র্যাক করার জন্য।
- Sass: CSS দ্রুত লিখতে শিখলে অনেক সময় বাঁচবে।
- Photoshop বা Figma: ডিজাইন প্ল্যান করার জন্য।
এর মধ্যে দিয়ে এপিসোড-০২ শেষ করছি এবং আপনাদের এক একটি কমেন্ট গুরুত্বপূর্ণ ভূমিকা রাখবে।
আপনাদের মতামত আমি কামনা করছি।
সবাই ভালো থাকবেন সুস্থ থাকবেন।
যেকোন সমস্যায় কমেন্ট করবেন আমি সমাধান করে দিব।
Awesome