ওয়ার্ডপ্রেস বাংলা ওয়েব সাইটের শুভ উদ্ভোদন উপলক্ষে আমার আমার এই প্রথম পোস্ট কে আপনাদের মাঝে তুলে ধরলাম। জানিনা কেমন লিখবো এই পোস্ট এ তবে আশা করি সকল নতুন ব্যবহারকারীদের বেশ কাজে দেবে এই পোস্ট।

ওয়ার্ডপ্রেস কি?

ওয়ার্ডপ্রেস একটি সিএমএস (কন্টেন্ট ম্যানেজমেন্ট সিস্টেম) এই সিএমএস ব্যবহার করে সুদর ও আকর্ষণীয় ওয়েব সাইট ও ব্লগ তৈরি করা যায়।

ওয়ার্ডপ্রেস কেন?

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

ওয়ার্ডপ্রেস ব্যবহার করতে কি কি প্রয়োজন?

ওয়ার্ডপ্রেস ব্যবহার করতে একটি পিএইচপি ও মাইএসকিউএল সমর্থন করে এই রকম একটি সার্ভার (হোস্ট)। ডোমেইন ও নিজের কিছু মেধা ।

সার্ভার (হোস্ট) কি?

দেখতেই পাচ্ছেন ঝর হোক বা বৃষ্টিই হোক ওয়ার্ডপ্রেস বাংলা ওয়েব সাইটটি সব সময় সচল। কখন যে এই ওয়েব সাইটটি বন্ধ ও কখন খোলা হয় তা বোঝা সম্ভব হচ্ছে না। যদি মনে করেন এই ওয়েব সাইটটি জামিল ভাই তৈরি করেছে তাহলেই এই ওয়েব সাইটের সকল ফাইল জামিল ভায়ের কম্পিউটারে থাকার কথা। কিন্তু জামিল ভাই তো দিনে ১০-১৫ বার কম্পিউটার বন্ধ করে কই ওয়ার্ডপ্রেস বাংলা বন্ধ তো হচ্ছে না। সার্ভারও হচ্ছে কম্পিউটার কিন্তু এই কম্পিউটার জামিল ভায়ের নয়! হয়তো অন্য কারো। কিন্তু জামিল ভাই সেই কম্পিউটারের কিছু অংস ক্রয় করে নিয়েছে। কারন এই কম্পিউটার নিরাপদ স্থানে আছে যেখানে বিদ্যুৎ অথবা ঝর-বৃষ্টির তে কম্পিউটারের সমস্যা কম হয় এবং সারাদিন-রাত চালু হয়ে থাকে। হোস্টিং এর জন্য সবচেয়ে ভালো ও জনপ্রিয় অপারেটিং সিস্টেম হচ্ছে লিনাক্স এবং হোস্টিং কন্ট্রোল প্যানেল হচ্ছে সিপ্যানেল (cPanel)।

ডোমেইন কি?

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

ফ্রি ডোমেইন এর কিছু ওয়েব সাইটঃ

• http://co.cc/
• http://cc.cc
• http://cu.cc
• http://cz.cc
• http://www.dot.tk

এবার আপনাকে একটি সার্ভার (হোস্ট) নিতে হবে। ডোমেইন এর মত এটার জন্যও কিছু অর্থ প্রদান করতে হয়। তবে এর জন্যও বেশ কিছু ওয়েব সাইট যেখানে আপনার ওয়েব সাইট এর সকল তথ্য রাখার জন্য কিছু অংস বিনামূল্যে প্রদান করেন।

ফ্রি ওয়েব হোস্টিং এর কিছু ওয়েব সাইটঃ

• http://www.000webhost.com/
• http://www.freehostia.com/
• http://www.x10hosting.com/
• http://byethost.com/free-hosting/
• http://webbd.info/
• http://dhmart.info/
• http://www.mister.net/free-web-hosting/index.htm

তবে মনে রাখবেন দুধের সাধ কোনদিন ঘোল দিয়ে মিটানো যায় না। তাই ফ্রি হোস্টিং ও ডোমেইন এর চেয়ে কিছু টাকা দিয়ে হলেও কিনে নেয়াই ভালো। কারন কেনা হোস্টিং এ আপনি সাপোর্ট পাবেন এর ফ্রি হোস্টিং এ সাইট বন্ধ হয়ে গেলেও আপনার কিছু করার থাকবে না। অ্যাড: আমার কাছ থেকেও উন্নত মানের হোস্টিং নিতে পারেন । সাথে ডোমেইন ও নিতে পারেন ।

ডোমেইন যেভাবে নিবেনঃ

উপরের লিস্ট থেকে একটি ফ্রি ডোমেইন কোম্পানি পছন্দ করুণ। অথবা টপ লেভেল ডোমেইন কিনে নিন। আমি এখানে টিউটোরিয়াল এ দেখানোর জন্য ডটটিকে ডোমেইন কেই পছন্দ করলাম। ডটটিকে ওয়েব সাইট ওপেন করুণ এবং আপনি যে নামের ডোমেইন নিতে চান তা ফাকা স্থানে লিকে GO বাটনে ক্লিক করুণ।

এবার নিচের ছবির মত আসবে সেখানে:

1. Use DNS এ ক্লিক করুণ তাহলে দুইটা অপশন পাবেন।

2. Your Own DNS এ ক্লিক করুণ আপনার ওয়েব হোস্টিং এর DNS অথবা আইপি দেয়ার জন্য।

3. আপনার হোস্টিং এর DNS দিন।

তারপর সাইন আপ করুণ। সাইন আপ করার সময় গুগল, ফেসবুক, ইয়াহু, লাইভ সহ আরও সামাজিক যোগাযোগ ব্যবস্থার মাধ্যেম ব্যবহার করতে পারেন।

ব্যাস হয়ে গেলো ডোমেইন নেয়ার কাজ। পরবর্তিতে ডোমেইন এর DNS পরিবর্তন করার জন্য মাই.ডট.টিকে তে গিয়ে আপনি সেই সামাজিক যোগাযোগ ব্যবস্থা ব্যবহার করুণ যা সাইনআপ করার সময় ব্যবহার করেছিলেন।

সিপ্যানেল হোস্টিং দিয়ে ওয়ার্ডপ্রেস ইন্সটলঃ

আপনি যদি সিপ্যানেল হোস্টিং সেবা গ্রহণ করে থাকেন তাহলে ওয়ার্ডপ্রেস ইন্সটল করার নিয়ম এই পোস্ট দেখতে পাবেন। এবং যদি ফ্রি হস্টিং সেবা নিয়ে থাকেন তাহলে অন্যদিন দেখিয়ে দেবো ।

প্রথমে আপনার সিপানেল এ লগইন করুণ এবং ফাইল ম্যানেজার ওপেন করুণ।

এবার আপনার ফাইল ম্যানেজার থেকে Public_html অথবা WWW ফোল্ডার ওপেন করুণ। এবং আপলোড ফাইল আপলোড করার জন্য Upload আইকন এ ক্লিক করুণ।

এখানে আপনাকে ওয়ার্ডপ্রেস আপলোড করতে হবে। তাই এই লিংক থেকে ওয়ার্ডপ্রেস এর সর্বশেষ সংস্করণটি ডাউনলোড করুণ। ডাউনলোড সম্পন্ন হয়ে গেলে আপনাকে এবার আপনার হোস্ট এ আপলোড করুণ।

এখন আপলোড হওয়া সমাপ্ত হলে আপনার ফাইল ম্যানেজার একবার রিফ্রেশ (1.Reload) করুণ তাহলেই আপনার আপলোড করা ওয়ার্ডপ্রেস দেখতে পাবেন।

এবার ওয়ার্ডপ্রেস কে আনজিপ করার জন্য আপলোড করা সেই ফাইলের উপরে রাইট ক্লিক করুণ; তাহলে বেশ কিছু অপশন বেরিয়ে আসবে সেখান থেকে এক্সট্রাক্ট (3.Extract) মেনুতে ক্লিক করুণ।

এরপর সেখানে আপনারা আনজিপ করা ওয়ার্ডপ্রেস এর সকল ফাইলগুলো দেখতে পাবেন WordPress নামক একটি ফোল্ডারে। এবার সেই ফোল্ডার ওপেন করুণ এবং সেখানে সকল ফাইল ও ফোল্ডার গুলোকে একসাথে সিলেক্ট করুণ তারপর রাইট ক্লিক করে Move মেনুতে ক্লিক করুণ। এর পর public_html লিখে মুভ করুণ।

এখন আপনার ওয়েব সাইটে ভিজিট করে দেখুন ওয়ার্ডপ্রেস ইন্সটল হওয়ার জন্য প্রস্তুত হয়ে গেছে।

যায় হোক অবশেষে এতদূর পর্যন্ত তো এসেছি! এবার পরের কাজ গুলোও শেষ করতে পারবো নিশ্চয় আগেই বলেছি ওয়ার্ডপ্রেস ইন্সটল করার জন্য মাইএসকিউএল এর প্রয়োজন আছে আর এখন আমরা সেই মাইএসকিউএল এর কাজ করবো। তাহলে চলুন দেখে নেই কিভাবে সিপ্যানেল দিয়ে মাইএসকিউএল ডাটাবেজ তৈরি করা যায়। আপনার সিপ্যানেল থেকে MySQL Database Wizard এ ক্লিক করুণ।

এবার নিচের ছবির মত আসলে সেখানে আপনার পছন্দ মত একটি ডাটাবেজ এর নাম দিন এবং নোট করে রাখুন। Next Step এর ক্লিক করুণ।

এখন ডাটাবেজ ব্যবহারকারী ও পাসোয়ার্ড তৈরি করতে হবে। তাই Username এর আপনার ডাটাবেজ ইউজার নাম দিন। এবং পাসোয়ার্ড খুব শক্ত দিতে হবে। শুধু ১২৩৪৫৬ অথবা ABCDE দিলেই হবেনা। আপনার পাসোয়ার্ড TesT##%%559 এই ধরনের হতে হবে।

এখানে যে সকল তথ্য দিচ্ছেন তা অবশ্যই নোট করে রাখুন। Create User এ ক্লিক করুণ।

এখন নিচের ছবির মত সকল চেকবক্স এ টিক দিয়ে Next Step এ ক্লিক করুণ তাহলেই হয়ে গেলো একটি মাইএসকিউএল ডাটাবেজ সহ একটি ব্যবহারকারীর সাথে যুক্ত হয়ে গেলো।

এখন সিপ্যানেল বন্ধ করে দিন এবং আপনার ওয়েব সাইট এ ভিজিট করুণ দেখুন সে আগের অবস্থাতেই আছে কোন পরিবর্তন হয়নি। তাই একে একটি পুরনাঙ্গ সাইটে রূপান্তর করার জন্য Create a Configuration File এ ক্লিক করুণ আবার Let’s go! এ ক্লিক করুণ।

এবার দেখুন একটা ফরম এসেছে এখন সেখানে মাইএসকিউএল এর তথ্য গুলো দিতে হবে যা আপনি সিপ্যানেল দিয়ে তৈরি করেছিলেন।

1. এখানে আপনার সিপ্যানলে এর তৈরি মাইএসকিউএল ডাটাবেজ নাম, ব্যবহারকারী ও পাসোয়ার্ড দিন।

2. আপনি যে হোস্ট এ ডাটাবেজ হোস্ট করেছেন সেই হোস্ট এর ঠিকানা দিন (এটা ফ্রি ওয়েব হস্টিং ও নিজস্ব মানেজ সার্ভার এর জন্য প্রযোজ্য)। তবে সিপ্যানেল হোস্ট এর জন্য localhost ই রাখতে হবে।

3. wp_ হচ্ছে ওয়ার্ডপ্রেস এর ডিফল্ট প্রেফিক্স আপনার সাইটের নিরাপত্তা বাড়ার জন্য এটা পরিবর্তন করে দিতে পারেন। যেমনঃ blog_, site_, my_ ইত্যাদি।

সকল তথ্য দেয়া হয়ে গেলে সাবমিট বাটনে ক্লিক করুণ। সকল তথ্য সঠিক ভাবে দেয়া হলে নিচের ছবির মত আসবে। যদি নিচের ছবির মত না আসে তাহলে আবার সঠিক তথ্য দিয়ে চেষ্টা করুণ।

এখন Run the install বাটনে ক্লিক করুণ। দেখুন নিচের ছবির মত আরও একটি ফরম এসে উপস্থিত। এখন সেই ফরম টি পূরণ করলেই একটি পুরনাঙ্গ ওয়ার্ডপ্রেস সাইট প্রস্তুত ব্যবহার করার জন্য।

1. আপনার সাইটের নাম দিন।

2. আপনার সাইটের প্রশাসক (এডমিন) এর লগইন নাম দিন।

3. প্রশাসক এর পাসোয়ার্ড দিন। এবং পাসোয়ার্ড যাতে খুব শক্ত হয় সেই দিকে খেয়াল রাখতে হবে।

4. প্রশাসক এর ইমেইল দিন, যে ইমেইল ঠিকানাটি সাইটের মূল নিয়ন্ত্রক হিসেবে রাখতে চান।

5. এখানে যদি টিক দিয়ে রাখেন তাহলে আপনার সাইট গুগল, ইয়াহু, বিং সহ আরও বিভিন্ন সার্চ ইঞ্জিনে আপনার সাইটকে খুঁজে পাওয়া যাবে। টিক উঠিয়ে দিলে কোন সার্চ ইঞ্জিনে আপনার সাইটকে খুঁজে পাওয়া সম্ভব হবে না।

নোটঃ এখানে দেয়া সকল তথ্য ড্যাশবোর্ড থেকে পরিবর্তন করতে পারবেন।

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

ড্যাশবোর্ড লগইন ইউআরএলঃ http://আপনার-ডোমেইন.কম/dashboard

কিছু প্রয়োজনীয় ওয়ার্ডপ্রেস প্লাগিন ও লিংকঃ

বাংলাতে ওয়ার্ডপ্রেস কে রূপান্তরঃ মামুন সৃজন ভায়ের এই পোস্টটি দেখতে পারেন।

বাংলা কিবোর্ডঃ মন্তব্য ও পোস্ট লেখার সময় বাংলা কিবোর্ড যুক্ত করা যায় এই প্লাগিন দিয়ে।

প্রিয় পোস্ট প্লাগিনঃ এই প্লাগিন দিয়ে সকল পোস্ট কে ব্যবহারকারীরা প্রিয় পোস্ট আকারে রাখতে পারেন।

ওয়ার্ডপ্রেস ব্যাকআপঃ এই পোস্ট পড়লে বুঝতে পারবেন কিভাবে ওয়ার্ডপ্রেস কে ব্যাকআপ রাখতে হয়।

ভিজিটর এর কঝ খবরঃ এই পোস্ট পড়লে বুঝতে পারবেন কিভাবে আপনার ওয়ার্ডপ্রেস ব্লগের ভিজিটর এর খোঁজ খবর।

আরো জানতে গুগল মামার সাহায্য নিতে পারেন  ওয়ার্ডপ্রেস ইন্সটল এ কারো কনো সমস্যা হলে জানাবেন।

এই লেখাটিঃ বিডিরঙ.কম, টেকটিউনস, টিউটোরিয়ালবিডি ও ডব্লিউপিবাংলা.কম এ প্রকাশ করা হয়েছে।

ডাউনলোড

২। Protect WordPress form Hacker

এই প্লাগিন হ্যাকার হতে আপনার সাইটকে প্রটেক্ট করবে

ডাউনলোড

৩। bcd (Wp Bangla Code detector)

*এই প্লাগইন আপনার Themes এ থাকা সব সমস্যা দেখাবে-*

ডাউনলোড

ধাপ১  – আপনার ইনপো ওয়ার্ডপ্রেসে লিখুন

প্রথমে সাইটে লগিন করে প্রোফাইলে প্রবেশ করুন আর প্রয়োজনীয় ইনপো লিখুন। তবে মনে করে নামের প্রথম অংশ এবং শেষ অংশ লিখেবেন।

ধাপ২  –এবার  Custom_functions.php ফাইলে কোড বসানো

এবার  থিসিস থীমসের অপশনে যান (এটি ড্যাশবোর্ডে বামে আছে নিচের দিকে) এরপর সিলেক্ট করুন Custom File Editor, এখানে যা দেয়া হবেই তাই ইনপো হিসেবে কালেক্ট করবে. শিউর হয়ে নিন যে custom_functions.php ফাইলটি সিলেক্ট করেছেন. এখন উপরের ড্রপডাউন মেনু থেকে Edit Selected File এ ক্লিক করুন।

এবার নিচের কোডটি ইনসার্ট করে দিন

function post_footer() {
if (is_single())
{
?>
<div>
<?php echo get_avatar( get_the_author_id() , 120 ); ?>
<h4>Article by <a href="<?php the_author_url(); ?>">
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<p><?php the_author_firstname(); ?> has written <strong><?php the_author_posts(); ?></strong> awesome articles for us. <br/><br/><?php the_author_description(); ?></p>
</div>
<?php
}
}
add_action('thesis_hook_after_post_box', 'post_footer');

বি:দ্র: আর এস এস নিজের মত করে দিন

ধাপ ৩ – এখন  Custom.css ফাইলের কাজ

আগের মত এডিটরে গিয়ে  Custom.css ফাইলটি ড্রপডাউন থেকে সিলেক্ট করুন. এবং নিচের কোডটি লিখুন

.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }


এটি এই রকম দেখাবে

[আপনি এটি বাংলা সাইটে ইউজ করতে হলে যে সকল ফিল্ড প্রদর্শন করবে তা বাংলা করে নিতে হবে। যেমন: awesome articles for us এই ধরনের লাইন গুলো]

আর আমাকে পেতে পারেন ফেইসবুকে

আপনি কি জানেন আপনার ওয়ার্ডপ্রেস সাইটের থীমস ফোল্ডারে সবচেয়ে গুরুত্বপূর্ণ আর পাওয়ারফুল ফাইল টি হল functions.php।

বর্তমানে নতুন রা প্রচুর প্লাগিন ইউজ করে থাকে যা অনেকের সাইটের লোড ও বাড়িয়ে দেয়।

তাই আমি কিছু functions.php এর সর্ট কোড দিচ্ছি যা প্লাগিন এর মতই কাজ করবে।

নিচের দেয়া প্রতিটি কোড থীমসের  functions.php তে ইনসার্ট করে দিন

১। Add Google Analytics

<?php
add_action(‘wp_footer’, ‘add_googleanalytics’);
function add_googleanalytics() { ?>
// Paste your Google Analytics code from Step 6 here
<?php } ?>

ভয় পাবার কিছু নেই এই কোড আপনার ডিজাইনের কোন সমস্যা করবে না।

২। ফেবিকন ইনসার্ট করার কোড

সবাই নিজের ব্লগকে আইডেন্টিফাই করার জন্যে ফেবিকন ইউজ করে।

<link rel=”shortcut icon” href=”<?php bloginfo(‘stylesheet_directory’); ?>/favicon.ico” />

এবার আপনার থীমসের রুটে একটি favicon.ico ইমেজ আপলোড করে দিন

৩। ওয়ার্ডপ্রেস ভার্সন নাম্বার রিমোভ

অনেক ভিজিটর ইচ্ছে করেই মজিলাতে/ব্রাইজারে অপর সাইটের ওয়ার্ডপ্রেস ভার্স নং দেখার জন্যে সোর্স দেখে

তাই ভার্সন নাম্বার মুছে দিন।

function yourwp_remove_version() {
return ”;
}
add_filter(‘the_generator’, ‘yourwp_remove_version’);

৪।ড্যাশবোর্ডে নিজের সাইটের লোগো ইউজ করুন এইভাবে

//hook the administrative header output
add_action(‘admin_head’, ‘my_custom_logo’);

function my_custom_logo() {
echo ‘
<style type=”text/css”>
#header-logo { background-image: url(‘.get_bloginfo(‘template_directory’).’/images/custom-logo.gif) !important; }
</style>
‘;
}

৫। কাষ্টম ড্যাশবোর্ড উইডজেট

add_action(‘wp_dashboard_setup’, ‘my_custom_dashboard_widgets’);

function my_custom_dashboard_widgets() {
global $wp_meta_boxes;

wp_add_dashboard_widget(‘custom_help_widget’, ‘Theme Support’, ‘custom_dashboard_help’);
}

function custom_dashboard_help() {
echo ‘

Welcome to Custom Blog Theme! Need help? Contact the developer here. For WordPress Tutorials visit: bdweblab.com

.bdweblab.com” target=”_blank”>Cx rana

‘;
}

৬।Gravatar পরিবর্তন

add_filter( ‘avatar_defaults’, ‘newgravatar’ );

function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo(‘template_directory’) . ‘/images/gravatar.gif’;
$avatar_defaults[$myavatar] = “anangpratika”;
return $avatar_defaults;
}

৭।সাইটের ফুটারে ডাইনামিক কপিরাইট তারিখ

function comicpress_copyright() {
global $wpdb;
$copyright_dates = $wpdb->get_results(“
SELECT
YEAR(min(post_date_gmt)) AS firstdate,
YEAR(max(post_date_gmt)) AS lastdate
FROM
$wpdb->posts
WHERE
post_status = ‘publish’
“);
$output = ”;
if($copyright_dates) {
$copyright = “© ” . $copyright_dates[0]->firstdate;
if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
$copyright .= ‘-’ . $copyright_dates[0]->lastdate;
}
$output = $copyright;
}
return $output;
}

এবার footer.php তে এটি লিখে দিন

<?php echo comicpress_copyright(); ?>

প্রিভিউ :© ২০১০ – ২০১২(অটো)

৮। অতিথী লেখকের নামের পরিবর্তন

add_filter( ‘the_author’, ‘guest_author_name’ );
add_filter( ‘get_the_author_display_name’, ‘guest_author_name’ );

function guest_author_name( $name ) {
global $post;

$author = get_post_meta( $post->ID, ‘guest-author’, true );

if ( $author )
$name = $author;

return $name;
}

৯। প্রতিটি পোষ্টে থ্যাম্বেনাইল

add_theme_support( ‘post-thumbnails’ );

এবার যেখানে ছবি দেখাতে চান সেখানে লিখুন <?php the_post_thumbnail(); ?>

 

 

গুগল প্লাস সম্পর্কে বলতে হবে না কেননা সবাই এটি জানেন। এটি হলো গুগলের নতুন সার্ভিস।

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

প্রথমে আপনার থীমসের  functions.php টি এডিটরে খুলুন এবং নিচের কোডটি ইনসার্ট করে দিন।

add_filter('the_content', 'wpr_google_plusone');
function wpr_google_plusone($content) {
$content = $content.'<div><g:plusone size="tall" href="'.get_permalink().'"></g:plusone></div>';
return $content;
}
add_action ('wp_enqueue_scripts','wpr_google_plusone_script');
function wpr_google_plusone_script() {
wp_enqueue_script('google-plusone', 'https://apis.google.com/js/plusone.js', array(), null);
}

এবার সেভ করে নিন।

এবার যেকোন পোষ্টের প্রিভিউ দেখে নিন।

১ম ধাপ: প্লাগিন ইনিস্টল

কোড যোগ করার একটা খুব ভালো প্লাগিন এর নাম হল Art Direction । আপনার প্রথম কাজ হবে প্লাগিনটা ইনিস্টল করা। প্লাগিন ইনিস্টল করার জন্য নিচের ধাপগুলো অনুসরণ করুণ।

১. প্রথমে প্লাগিনটা ডাউনলোড করে নিন এবং আন জিপ করুণ।
২. FTP সফটওয়্যার ব্যাবহার করে উক্ত আন জিপ কৃত ফাইল আপনার হোস্টিং এর public_html/wp-content/plugins ফোল্ডারে আপলোড করুণ।
৩. এবার আপনার ওয়ার্ডপ্রেস এডমিন প্যানেলে গিয়ে প্লাগিন একটিভ করুণ।

২য় ধাপ: প্লাগিন ডেভেলপমেন্ট

৪. এটাকে এখন CSS কোড ফ্রেন্ডলি করার জন্য নিচের কোডটুকু art-direction.php ফাইলের নিচে যোগ করে দিন।

function artStyle() {
global $post;
if (is_single()) {
$currentID = $post->ID;
$serverfilepath = TEMPLATEPATH.’/art-direction/style-’.$currentID.’.css’;
$publicfilepath = get_bloginfo(‘template_url’);
$publicfilepath .= ‘/art-direction/style-’.$currentID.’.css’;
if (file_exists($serverfilepath)) {
echo “<link rel=’stylesheet’ type=’text/css’ href=’$publicfilepath’ media=’screen’ />”.”\n”;
}
}
}
add_action(‘wp_head’, ‘artStyle’);

//Custom CSS Widget
add_action(‘admin_menu’, ‘custom_css_hooks’);
add_action(‘save_post’, ‘save_custom_css’);
add_action(‘wp_head’,'insert_custom_css’);
function custom_css_hooks() {
add_meta_box(‘custom_css’, ‘Custom CSS’, ‘custom_css_input’, ‘post’, ‘normal’, ‘high’);
add_meta_box(‘custom_css’, ‘Custom CSS’, ‘custom_css_input’, ‘page’, ‘normal’, ‘high’);
}
function custom_css_input() {
global $post;
echo ‘<input type=”hidden” name=”custom_css_noncename” id=”custom_css_noncename” value=”‘.wp_create_nonce(‘custom-css’).’” />’;
echo ‘<textarea name=”custom_css” id=”custom_css” rows=”5″ cols=”30″ style=”width:100%;”>’.get_post_meta($post->ID,’_custom_css’,true).’</textarea>’;
}
function save_custom_css($post_id) {
if (!wp_verify_nonce($_POST['custom_css_noncename'], ‘custom-css’)) return $post_id;
if (defined(‘DOING_AUTOSAVE’) && DOING_AUTOSAVE) return $post_id;
$custom_css = $_POST['custom_css'];
update_post_meta($post_id, ‘_custom_css’, $custom_css);
}
function insert_custom_css() {
if (is_page() || is_single()) {
if (have_posts()) : while (have_posts()) : the_post();
echo ‘<style type=”text/css”>’.get_post_meta(get_the_ID(), ‘_custom_css’, true).’</style>’;
endwhile; endif;
rewind_posts();
}

ব্যাস হয়ে গেছে কাজ। এবার পোষ্ট লেখার সময় নিচে CSS কোড যোগ করার জন্য আর একটা বক্স দেখা যাবে।

এই পদ্ধতি ব্যাবহার না করলেও শুধু প্লাগিন এর সাহায্যে CSS কোড যোগ করা যাবে তবে এটা লোড হতে অনেক বেশী সময় নেয়। আমার দুর্বল নেট এর কারণে তো বেশীর ভাগ সময় CSS কোড গুলো লোড হয় না।

বিদ্র: বলে রাখি প্লাগিন ডেভলপ করার পর ইনিস্টল করবেন।

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

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

যেভাবে ফেসবুক, টুইটার, স্টাম্বল আপন এবং ডিগের ভাসমান শেয়ারিং বাটনঃ

১.প্রথম কাজ হল আপনাকে আপনার ওয়্যার্ডপ্রেসের ব্লগে লগ-ইন  করুন।

২. এরপর এডমিন প্যানেলের Appearance বাটনে ক্লিক করুন, এতে এটি সম্প্রসারিত হবে, তারপর Editor বাটনে ক্লিক করুন।

৩.পেজ লোডিং শেষ হলে নিচের ছবির মত style.css ফাইলে ক্লিক করুন। এতে ফাইলটি ওপেন হবে।

৪.এরপর নিচের কোডটি আপনার থিমের ডিজাইনারের নাম ও বিভিন্ন তথ্যাদির পরে পেস্ট করুন।

#sharebox {
background-color:#fff;
border:1px solid #ccc;
bottom:50px;
left:30px;
position:fixed;
}

#sharebox .float {
padding:5px;
}

৫. Update File বাটনে ক্লিক করুন এতে কোডটি উক্ত ফাইলে যুক্ত হয়ে যাবে।

৬. এরপর নিচের চিত্রের মত single.php ফাইলটি খুজে বের করুন, অতঃপর ক্লিক করুন।

৭.এবার ফাইলটি ওপেন হলে <div class=”entry”> এ জাতীয় কোন কোড খুজে বের করুন।

৮.<div class=”entry”> এটি খুজে পেলে ঠিক এর পরের লাইনেই নিচের মত করে এই কোডটি এড করুনঃ

<div id="sharebox">

<div>
<script type="text/javascript">
tweetmeme_source = 'islaminheart';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

<div>
<script>var fbShare = {
url: <?php the_permalink() ?>,
size: 'large',
badge_text: 'fff',
badge_color: '3b5998',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>

<div>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>

<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a></a>
</div>

</div>

১০. **লক্ষ করুন… উপরের কোডে

tweetmeme_source = 'islaminheart'; আছে এই কোডে islaminheart এর স্থলে টুইটারে আপনার ইউজার নেমদিয়ে রিপ্লেস করুন। যেমন আমারটি http://twitter.com/islaminheart
তাই আমি http://twitter.com/ এর পরে থাকা islaminheart দিয়ে রিপ্লেস করবো, এক্ষেত্রে আপনি আপনারটা দিয়ে রিপ্লেস করবেন।

৯. এবার Update File বাটনে ক্লিক করুন।

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

আশা করি সকলে উক্ত কাজে সফলতা লাভ করবেন এবং কমেন্টে আপনার ভালো লাগা, মন্দ লাগা বা আমার টিউন করার বিষয়ে কোন মতামত অথবা দোষ-গুণ ইত্যাদি জানাবেন। যদি সকলের ভালো লাগে তবে এ জাতীয় টিউটোরিয়াল ভিত্তিক লেখা আরো লেখার চেষ্টা করবো।

1. Imbalance WordPress Theme

jQuery এর খুবই নিখুঁত ব্যাবহার হয়েছে এই থিমে। নিজের পোর্টফলিও উপযোগী কাস্টমাইজড করার জন্য অনেক সুবিধা এটাতে।
ডাউনলোড
ডেমো

2. Pure II Theme

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

3. Fullscreen

দারুণ একটা থিম এই ফুলস্কিন। লেখার চেয়ে ছবি ব্যাবহার করেই মাজা বেশী পাবেন এখনে।
ডাউনলোড
ডেমো

4. Shaken Grid

প্রফেশনাল লুকিং, হালকা থিম এটা। পিকচার গ্যালারির জন্যই এটা ভালোই উপযোগী। ছবি খুবই ভালো দেখায় এই থিমে।
ডাউনলোড
ডেমো

5. BlueBubble WordPress Theme

গুড লুকিং থিম। ব্লগিং এবং পোর্টফলিও দুটোতেই ফুটে উঠবে।
ডাউনলোড
ডেমো

6. Mansion WordPress Theme

ফটোব্লগ এবং পোর্টফলিও দুটোই ভালো হয়। কালো রং প্রিয়রা এই থিম ব্যাবহার করে দেখতে পারেন।
ডাউনলোড
ডেমো

7. Fotofolio Landscape

পোর্টফলিও, ফটোব্লগ, মিডিয়া সাইট যেটাতেই লাগান না কেন দারুণ এফেক্ট দেবে এই থিম। থিম প্যানেলটাও আকর্ষণীয়।
ডাউনলোড
ডেমো

8. AutoFocus+

ফার্ম ওয়ার্ক এবং পোর্টফলিও উপযোগী থিম এটা। দেখতেও বেশ পরিষ্কার।
ডাউনলোড
ডেমো

9. SimpleFolio

নাম সিম পিল হলেও কাম(কাজ) সিম পিল নয়। পোর্টফলিও সাইট এর উপযোগী করেই তরি করা হয়েছে এই থিম। আমার কাছে হেবি প্রফেশনাল লাগে থিমটাকে। একেবারে প্রিমিনিয়াম স্টাইলের।
ডাউনলোড
ডেমো

10. Work-a-holic

সাধারণ এর ভেতর দারুণ একটা থিম। ডিজিটাল আর্টিস এর উপযোগী করে তৈরি করা হয়েছে থিমটাকে।
ডাউনলোড
ডেমো

বিদ্র: উপরের সকল থিমই ফ্রি।

এই থিমটি সম্পর্কে ওয়েবডিজ্ইনার স্টুয়ার্ড বলেন, এই থিমটি অনেকটা স্যান্ডবক্সের মতোই তবে এখানে এইচটিএমএল৫ এর নতুন নতুন ট্যাগ যেমন-<article>, <header>, <nav> ইত্যাদি ব্যবহার করা হয়েছে।

ওয়ার্ডপ্রেসের এই থিমটি এখনই ডাউনলোড করতে পারেন ওয়ার্ডপ্রেসের সাইট থেকে অথবা ডেমো দেখতে পারেন।

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

১.হার্ড কোডিং

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

মূল ডিরেক্টরীর wpconfig.php ফাইলকে কিছু সম্পাদনা করলেই ডাটাবেজে বার বার যেতে হয়না। আর এ কাজটি করার জন্য অবশ্যই বেশ কিছু বিষয় জানা দরকার।

• <?php get_bloginfo('url'); ?> —  ওয়ার্ডপেস হোস্ট করা সাইটের ডিরেক্টরী রিটার্ন করবে।
• <?php get_bloginfo('wpurl'); ?> — ব্লগের পাথ রিটার্ন করবে।
• <?php bloginfo('url'); ?> — ওয়েবসাইট ইউআরএল দেখাবে।
• <?php bloginfo('home'); ?> — ব্লগের পাথ দেখাবে।

• <?php get_bloginfo('stylesheet_directory'); ?> — সক্রিয় থিমের স্টাইলসিটের পাথ
• <?php get_bloginfo('template_directory'); ?> — টেমপ্লেটের পাথ
• <?php bloginfo('stylesheet_directory'); ?> — স্টাইলসিটের ডিরেক্টরীর পাথ
• <?php bloginfo('template_directory'); ?> — সক্রিয় থিমের ডিরেক্টরীর পাথ
• <?php get_template_directory() ?> — বর্তমান থিমের ডিরেক্টরী

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

wp-config.php ফাইলে তাই নিচের মতো করে কোডিং করে নিতে পারেন

ইউজার তথ্য

<a href="<?php the_author_meta('facebook', $current_author->ID); ?>">লেখকের ফেসবুক </a>

বিস্তারিত এখানে

শিরোনামের সর্বোচ্চ শব্দ ও পোষ্টের সর্বনিন্ম শব্দ নির্ধারন করে দেওয়া

অনেক ইউজারের ব্লগের ক্ষেত্রে এ পদ্ধতিটি প্রযোজ্য। আপনি যদি চান যে আপনার পোষ্ট লেখকরা শিরোনামটি যাতে বেশি বড় করে না লিখে সেক্ষেত্রে থিমের function.php ফাইলে নিচের কোডটুকু যুক্ত করে দেন। এই কোড অনুসারে  ১০টির বেশি শব্দের শিরোনাম যুক্ত পোষ্ট প্রকাশিত হবে না। তথ্য সূত্র

function maxWord($title)
{
global $post;
$title = $post->post_title;
if (str_word_count($title) >= 10 ) //set this to the maximum number of words
wp_die( __('Error: your post title is over the maximum word count.') );
}
add_action('publish_post', 'maxWord');

আর যদি নির্দিষ্ট সংখ্যক শব্দের চেয়ে কম শবদের পোষ্ট প্রকাশ করার বেপারে নিষেধাক্কা আরোপ করতে চান সে ক্ষেত্রেও নিচের কোডটুকু যুক্ত করে দিতে পারেন।

str_word_count($content) এর মান পরিবর্তন করে শব্দসংখ্যা নিধার্রন করা যাবে।  তথ্য সূত্র

function minWord($content)
{
	global $post;
	$content = $post->post_content;
	if (str_word_count($content) < 100 ) //set this to the minimum number of words
	wp_die( __('Error: your post is below the minimum word count.') );
}
add_action('publish_post', 'minWord');