Category: Wordpress

থিমফরেস্টে ওয়ার্ডপ্রেস থিম পাবলিশ করার আগে একটা প্রয়োজনীয় চেকলিস্ট

আগেই বলে নিচ্ছি পোষ্টটি লিখেছেন হাসিন ভাইয়া, তার অনুমতিতে এখানে হুবহু কোট করা হল। মূল ডকটি এখানে

অনেক কষ্ট করে এবং সময় ব্যয় করে একটা ওয়ার্ডপ্রেস থিম তৈরী করে তারপর হার্ড রিজেক্ট বা একের পর এক সফট রিজেক্ট খেলে দেখা যায় অনেকেই কনফিডেন্স হারিয়ে ফেলেন। তাদের জন্য আজকে আমার ছোট্ট এই চেকলিস্ট যাতেকরে প্রয়োজনীয় কাজগুলো আগেই ঠিকমত করে রাখতে পারেন এবং রিজেকশনের সম্ভাবনাও কমিয়ে ফেলতে পারেন 

১. ভ্যালিড মার্কআপ লিখুন। মার্কআপ যদি ব্রোকেন হয় তাহলে সেটা রিজেক্ট খাওয়ার সম্ভাবনা শতকরা ৯৯ ভাগ ২. ডিজাইনে বৈচিত্র আনতে হবে এমন কোন কথা নেই, জাস্ট আপনার কাজ যেন সব ব্রাউজারে ঠিক মত চলে সেদিকে লক্ষ্য রাখুন। ৩. টাইপোগ্রাফি এবং কনটেন্টের বিন্যাস খুবই প্রয়োজনীয় একটা বিষয়। এই বিষয়ে অভিজ্ঞ হবার জন্য নতুন বা অ্যাপ্রুভ হওয়া থিমগুলো বেশী করে দেখুন। খুব বেশী এলিমেন্ট দেয়ার চেয়ে বরং আকর্ষনীয় ভাবে উপস্থাপন করাটা বেশী জরুরী ৪. অবশ্যই কোন স্টাইলশীট বা জাভাস্ক্রিপ্ট ফাইল ইনক্লুড করতে হলে সেটা ওয়ার্ডপ্রেসের wp_enque_script(), wp_enqueue_style() ব্যবহার করতে হবে, এবং wp_enqueue_scripts এবং admin_enqueue_scripts অ্যাকশন হুক ব্যবহার করতে হবে। এর কোন বাত্যয় হলে রিজেকশন একদম নিশ্চিত। ৫. </head> এর ঠিক আগের লাইনে wp_head() এবং </body> এর ঠিক আগের লাইনে wp_footer() কল করুন। ৬. সকল প্রকার ইনলাইন স্টাইল ব্যবহার থেকে বিরত থাকুন ৭. সকল প্রকারের পিএইচপি নোটিশ, ওয়ার্নিং এবং এরর ফিক্স করে ফেলুন। কোন নোটিশ বা ওয়ার্নিং থেকে গেলে রিজেকশন একরকম নিশ্চিত। এবং এক্ষেত্রে আপনি error_reporting(0) ব্যবহার করতে পারবেন না। বরং সরাসরি ফিক্স করুন ৮. ব্লগ দেয়াটা আবশ্যক। ওয়ান পেজ বা মাল্টিপারপাস টেমপ্লেট করলেও ব্লগ সাথে রাখতেই হবে এবং ব্লগের নেভিগেশন মেনু অবশ্যই ওয়ার্ডপ্রেসের মেনু বিল্ডারের সাথে কম্প্যাটিবল হতে হবে। সাথে অবশ্যই সেকেন্ড লেভেল বা থার্ড লেভেল মেনু যাতে ঠিকমত দেখা যায় সেটা খেয়াল রাখা লাগবে। ৯. ওয়ার্ডপ্রেস থিমটি (বিশেষ করে ব্লগ সাইডবার) অবশ্যই উইজেট এনাবলড হতে হবে। ১০. single.php পেজে wp_link_pages() এর ব্যবহার না থাকলে রিজেকশন অবশ্যম্ভাবী ১১. ওয়ার্ডপ্রেসের ট্যাগ, ক্যাটেগরী, আর্কাইভ, পোস্ট, পেজ, পেজিনেশন যেন ঠিকমত দেখায় সেটা খেয়াল রাখতে হবে ১২. কোন আবশ্যক প্লাগইন ব্যবহার করলে সেটা থিমের সাথে এমবেড না করে বরং TGM Plugin Activation ক্লাস ব্যবহার করে সেগুলো এনাবল করুন। ১৩. ফাইলে কোন অযথা কমেন্ট করা কোড থাকলে সেগুলো মুছে ফেলুন ১৪. থিম ফোল্ডার থেকে সকল প্রকারের হিডেন ফাইল ডিলেট করে দিন ১৫. নিজস্ব কোন গ্লোবাল ভ্যারিয়েবল ব্যবহার করলে অবশ্যই অবশ্যই ভ্যারিয়েবলের নামে একটা প্রিফিক্স (যেমন আপনার থিমের নাম) ব্যবহার করবেন। ১৬. আপনার থিমে অবশ্যই যেন কনটেন্টের অ্যালাইনমেন্ট এবং স্পেসিং ঠিক থাকে ১৭. কোন ধরনের ডিপ্রিকেটেড ট্যাগ ব্যবহার করা থেকে বিরত থাকুন।

থিমটি সাবমিট করার আগে অবশ্যই ডেভেলপার প্লাগইন (http://wordpress.org/plugins/developer

, ডিবাগ বার, থিম চেক) দিয়ে চেক করে নিন যেন অজান্তে কোন এরর না থেকে যায়। আর অবশ্যই wptest.io থেকে টেস্ট ডাটা ডাউনলোড করে আপনার থিমে ইমপোর্ট করে দেখবেন ফরম্যাটিং এবং সবকিছু ঠিক মত দেখায় কিনা – এটা কিন্তু খুবই প্রয়োজনীয় একটা বিষয়।

সবশেষে আপনার জন্য শুভকামনা রইল অনেক 🙂

How to make a simple child theme In wordpress

WordPress has a nice templating system. This is one good reason for it’s great publicity. Anyway we can start working now.

Why we need child theme?

Good question, suppose you have bought a wordpress theme/template and started a site, after some days you will get notification that the theme provider provided an update. You can’t update the theme because you have already applied modification on it. This is why child theme rocks. You can update your main theme anytime without breaking your modification.

 

How to make a child theme?

First of all, we need to declare a new theme. For example our theme name is “theonepager”. Now we need to make a new directory name “theonepager-child” (you can use any name actually) beside the main theme folder. You can do it from cpanel file manager.

Here is one screenshot of the main theme and child theme position,

child-theme-cpanel-file-manager

 

Now enter in the  child theme folder and make a new file from New File navigation button (at top left) and file name should be “style.css”. Select the file (style.css) and click on “code editor” (on nav), a dialog box will appear click on edit button.

See below which text should be added at the very top of the blank css file. Actually we are going to add some info in the stylesheet as comment and a css importing statement.

/*———————————————————–

Theme Name: theonepager child theme Template: theonepager Author: asifsaho Author URI: http://asifsaho.me Designed & Developed by asifsaho Theme URI: http://asifsaho.me License: GNU General Public License version 3.0 /* =================================== */

@import url(../theonepager/style.css);

Carefully add the main theme css file in the @import css tag.  Actually all info is not mandatory without the info are showing in the below screenshot.

 

child-theme-stylesheet

 

Yes we are almost done. now to to Wp Admin Panel and then you will see a new theme, name “theonepager-child” as below screenshot.

 

 

Now activate the Child theme and write your all modification CSS which will override the main theme CSS. Also you can copy any theme file from from main theme folder to the child theme folder if you want to customize it as your need.

The files will get most priority which you will put in the child theme folder. That’s it!

Cool! now update your the main theme anytime without any data loss ;)