tst

ওয়ার্ডপ্রেস কাস্টম থিম তৈরীর ৪র্থ পোষ্ট এটি। এর আগে আমরা তিনটি পোষ্ট দেখেছি। আপনি যদি আগের তিন টি পোষ্ট দেখে থাকেন তাহলে এই পোষ্ট থেকে কন্টিনিউ করেন আর যদি আগের পোষ্ট তিনটি না দেখে থাকেন তাহলে এই পোষ্ট এর নিচে দেখেন সিরিজ পোষ্ট এর লিংক দেওয়া আছে সেখান থেকে পূর্বের তিনটি পোষ্ট দেখে আসেন। আজকের পর্বে আমরা আমাদের ৩য় পোষ্টে তৈরীকৃত ফাইল গুলোতে কোড যোগ করব। এবং ৫ম পোষ্টে ফোল্ডার-ফাইল গুলো কে থিমে পরিণত করে ওয়ার্ডপ্রেস সাইটে ইন্সটল করব। তাহলে চলুন আমরা একে একে ফাইল গুলোতে কোড যোগ করি। header.php প্রথমে নিচ থেকে কোড গুলো কপি করে আপনার নোটপ্যাড দিয়ে header.php ফাইলটি ওপেন করুন এবং সেখানে পেষ্ট করে সেভ করুন: [php] <?php wp_title('|',true,'right');?><br/><?php bloginfo('name');?> [/php] index.php এবার নিচের কোড গুলো কপি করে index.php ফাইলে সেভ করুন: [php] » » » » » [/php] footer.php এবার নিচের কোডগুলো কপি করে আপনার footer.php ফাইলে সেভ করুন: [php] Our footer

কেমন আছেন সবাই? আশাকরি ভালো আছেন। আজ আমরা ওয়ার্ডপ্রেস কাস্টম থিম তৈরী এর সিরিজ পোষ্ট এর তৃতীয় পর্ব শুরু করছি। প্রথমেই বলে নিই: আপনি যদি পূর্বের দুইটি পোষ্ট পড়ে থাকেন তাহলে এখান থেকে শুরু করেন আর যদি এই পোষ্টে নতুন হন তাহলে পূর্বের দুটি পোষ্ট পড়ে আসুন। এই সিরিজের সবগুলো পোষ্টের লিং পাবেন পোষ্ট এর নিচে। এখন আসি মূল আলোচনায়: গত পর্বে আমরা ওয়ার্ডপ্রেস থিম এর লে-আউট সম্পর্কে আলোচনা করেছি। এই পর্বে আমরা প্রয়োজনীয় ফাইল-ফোল্ডার তৈরী করব। প্রথমে আপনার ডেক্সটপে একটা ফোল্ডার তৈরী করুন 'custom theme' নামে। এবার এই ফোল্ডারের মধ্যে কিছু ফাইল তৈরী করতে হবে আর এ জন্য আমাদের প্রয়োজন হবে একটা নোটপ্যাড সফটওয়ার যেটা এই লিংক থেকে ডাউনলোড করে নিন। ডাউনলোড করার পর ইন্সটল করে ওপেন করুন এবং নিচের ফাইল গুলো 'custom theme' ফোল্ডারে তৈরী করুন: style.css header.php index.php footer.php single.php sidebar.php functions.php এবার এখান থেকে এই ছবি টা ডাউনলোড করে ঐ ফোল্ডারে ফাইল গুলোর সাথে রেখে দিবেন ভুলেও রিনেম করবেন না (screenshot.jpg থাকবে): [caption id="attachment_2010" align="align

আমরা সাধারণত আমাদের ওয়ার্ডপ্রেস ব্লগ এর ড্যাশবোর্ড হতে 'Appearance>Editor' এই লোকেশনে যেয়ে থিমে কাস্টমাইজেশনের কাজ করি। আবার কেউ কেউ সিপ্যানেল থেকে সরাসরি থিমে কাজ করে। মোট কথা যার যেমন ভালো লাগে সে তেমন ভাবে থিমে কাজ করে। তবে সরাসরি ড্যাশবোর্ড হতে 'Appearance>Editor' এই লোকেশনে যেয়ে কাজ করা একটু রিস্ক আছে মানে অনেক সতর্ক থাকা লাগে বিশেষ করে functions.php ফাইলে কাজ করার সময়। তাই আপনি যদি চান আমি এই ড্যাশবোর্ড হতে রিস্ক নিয়ে কাজ করব না। তাহলে আপনি আপনার ড্যাশবোর্ড হতে এই 'Appearance>Editor' লোকেশন টি হাইড করে রাখতে পারবেন। তার জন্য আপনাকে এই ছোট্ট কোড টুকু আপনার থিমের functions.php ফাইলে পেষ্ট করে সেভ করতে হবে: [php]// Disable the theme / plugin text editor in Admin define('DISALLOW_FILE_EDIT', true);[/php] এখন চেক করে দেখুন আপনার ড্যাশবোর্ড হতে 'Appearance>Editor' এই লোকেশন টি খুজে পাবেন না। 'Appearance>Editor' এই লোকেশন টি ফিরিয়ে আনার জন্য আপনাকে অবশ্যই সিপ্যানেল থেকে functions.php ফাইল এডিট মোডে খুলে কোড টুকু বাদ দিয়ে সেভ

ওয়ার্ডপ্রেস থিম তৈরী শেখার আগে আমাদের ওয়ার্ডপ্রেস থিম এর সাধারণ লে-আউট বা স্ট্রাকচার সম্পর্কে অবশ্যই জানতে হবে। সাধারণ লে-আউট বললাম এই কারণে যে, আমি যে লে আউট সেকশন গুলো দেখাবো সেগুলো ছাড়া আপনি যখন এডভান্স লেভেলে যাবেন তখন আরো সেকশন যোগ করতে পারবেন তবে এখন যে গুলো দেখাবো এ গুলো হল ওয়ার্ডপ্রেস থিমের মৌলিক লে-আউট। তো চলুন শুরু করা যাক: প্রথমে বলি আপনি যখন আপনার ওয়েব ব্রাউজারে কোন ওয়ার্ডপ্রেস সাইট ভিজিট করেন তখন আপনার টোটাল ডিসপ্লে টা হল ‘বডি‘ (body)। মানে যে পেজ এর উপর আমরা সকল ডিজাইন করব সেটা হল বডি (body): [caption id="attachment_1977" align="aligncenter" width="483"] itbatayan.com[/caption] উপরের যে চিত্র টা দেকতে পাচ্ছেন সেটা সম্পূর্ণটাই হল বডি (body)। এই বডি এর উপর আমরা আলাদা আলাদা সেকশন এড করব। এখন বডি এর উপর প্রথমে যে প্রিন্সিপ্যাল সেকশন এড করব সেটা হল ‘র‌্যাপার‘ (wrapper)। চলুন চিত্র দেখে বুঝি: [caption id="attachment_1978" align="aligncenter" width="483"] http://itbatayan.com[/caption] উপরের চিত্রে বডি এর উপর যে প্রিন

ওয়ার্ডপ্রেস সব সময় আপডেট রাখা আমাদের জন্য ভালো কারণ, নতুন নতুন আপডেট এর সাথে সিকিউরিটি যেমন শক্ত হয় তেমনি অনেক অপশনের ডেভেলপ করে ওয়ার্ডপ্রেস টীম পারফরম্যান্স বৃদ্ধি করে। তাই আমাদের উচিত ওয়ার্ডপ্রেস কে সব সময় আপডেট রাখা। আর এজন্য ওয়ার্ডপ্রেস এ অটোমেটিক আপডেট সিস্টেম আছে। কিন্তু কোন কোন সময় আমাদের ওয়ার্ডপ্রেস অটোমেটিক আপডেট বন্ধ রাখার প্রয়োজন হতে পারে। এর কারণ বিভিন্ন হতে পারে যেমন আপনি কোন একটা কাস্টমাইজ করেছেন যেটা শুধুমাত্র বর্তমান ভার্সনেই কাজ করবে কিন্তু যদি অটোমেটিক আপডেট হয়ে যায় তাহলে সেটা আর কাজ করবে না। এমন অনেক কারণে আমাদের ওয়ার্ডপ্রেস অটোমেটিক আপডেট বন্ধ রাখার প্রয়োজন হতে পারে আর এ জন্য আপনি প্রথমে নিচের কোড টুকু কপি করুন: [php] define('WP_AUTO_UPDATE_CORE', false); [/php] এখন কপি করা কোড আপনার ওয়ার্ডপ্রেস এর wp-config.php ফাইলে পেষ্ট করে সেভ করুন। ব্যাস এখন থেকে আপনার ওয়ার্ডপ্রেস আর অটোমেটিক আপডেট হবে না। সবাইকে অনেক অনেক ধন্যবাদ। ওয়ার্ডপ্রেস কোডিং সিরিজ এর সকল পোষ্ট এখানে।

আমরা জানি যে, ডিফল্ট ভাবে ওয়ার্ডপ্রেস আরএসএস ফীড থাম্বনেইল দেখায় না। যে বিষয় টা শুধু আমার কাছে না অন্যসব ইউজার যারা ওয়ার্ডপ্রেস ব্যবহার করে তাদের কাছেও কোন ভাবে গ্রহণযোগ্যতা পায় না। আরএসএস ফীড এ থাম্বনেইল দেখালে সেটা দেখতে যেমন ভালো লাগে তেমনি অন্যান্য সুবিধাও আছে। তাই আমি এখন আপনাদের সাথে একটা কোড শেয়ার করছি যেটা ব্যবহার করলে আপনার ওয়ার্ডপ্রেস ব্লগ এর আরএসএস ফীড এ থাম্বনেইল দেখাবে। [php] add_filter('the_content_feed', 'rss_post_thumbnail'); function rss_post_thumbnail($content) { global $post; if( has_post_thumbnail($post->ID) ) $content = ' ' . get_the_post_thumbnail($post->ID, 'thumbnail') . ' ' . $content; return $content; } [/php] উপরের কোডটা কপি করে আপনি আপনার ওয়ার্ডপ্রেস থিম এর functions.php ফাইলে পেস্ট করে সেভ করুন। ব্যাস কাজ শেষ এখন থেকে আপনার ওয়ার্ডপ্রেস আরএসএস ফীড এ থাম্বনেইল দেখাবে। ধন্যবাদ সবাইকে। ওয়ার্ডপ্রেস কোডিং সিরিজ এর সকল পোষ্ট এখানে।

আশাকরি সকলে অনেক ভালো আছেন। আপনারা দেখছেন ওয়ার্ডপ্রেস থিম কাস্টমাইজেশন এর ধারাবাহিক পোষ্ট আজ আমি আপনাদের জন্য নতুন একটা কোড নিয়ে হাজির হয়েছি। আমরা যারা ওয়ার্ডপ্রেস নিয়ে কাজ করি তারা সবাই কম-বেশি ট্র‌্যাকব্যাক / trackback এবং পিংব্যাক pingback এর সাথে পরিচিত। এবং সবাই ভালো করে জানেন যে, ট্র‌্যাকব্যাক এবং পিংব্যাক ব্লগ বা ওয়েবসাইটের জন্য ক্ষতির কোন কারণ না বরং ট্রাকব্যাক ও পিংব্যাক ব্লগের বা সাইটের জন্য উপকারী। তার পরও আমাদের মধ্যে কেউ কেউ নিজের সাইটের পিংব্যাক কে ( self pingback ) পছন্দ করেন না। তাই তারা এই কোডটি সরাসরি আপনার ওয়ার্ডপ্রেস থিমের function.php ফাইলে পেষ্ট করে সেভ করুন। [php] /** * Disable self pingbacks by itbatayan.com * */ function evolution_no_self_ping( &$links ) { $home = get_option( 'home' ); foreach ( $links as $l => $link ) if ( 0 === strpos( $link, $home ) ) unset($links[$l]); } add_action( 'pre_ping', 'evolution_no_self_ping' ); [/php] তাহলে এখন থেকে আপনার নিজের ওয়ার্ডপ্রেস ব্লগের কোন পোষ্টের মধ্যে অন্

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

আশাকরি সকলে অনেক ভালো আছেন। এসইও এর ধারাবাহিক টিউটোরিয়াল এর ২য় পর্ব এটি। এর আগে আমরা প্রথম পর্বে ওয়েবসাইট ও সার্চ ইঞ্জিন সম্পর্কে সাধারণ আলোচনা করেছিলাম। ধরে নিলাম আপনারা সবাই ১ম পর্ব টি দেখেছেন এবং পরিষ্কার ভাবে বুঝতে পেরেছেন। আর যারা দেখেন টি তারা এখান থেকে দেখে নিন: এসইও ধারাবাহিক টিউটোরিয়াল : পর্ব-১, ওয়েবসাইট ও সার্চ ইঞ্জিন সম্পর্কে সাধারণ আলোচনা। এই পর্বে আমরা এসইও এর গুরুত্ব ও প্রয়োজনীয়তা নিয়ে আলোচনা করব। তো চলুন শুরু করা যাক: মনে করুন আপনার একটা ব্লগ বা ওয়েবসাইট আছে ওয়ার্ডপ্রেস ডেভেলপমেন্ট বা ওয়ার্ডপ্রেস কোডিং বিষয়ে এবং আপনার সাইটে যথেষ্ট পরিমাণে ভালো কন্টেন্ট বা আর্টিকেল আছে এখন আপনি চাচ্ছেন যে, প্রচুর পরিমাণে ভিজিটর আপনার সাইটে আসুক এবং আপনি সেই সুবাদে বিভিন্ন বিজ্ঞাপন দাতার কাছ থেকে বিজ্ঞাপন নিয়ে আপনার সাইটে এড করবেন যেমন গুগল এডসেন্স এবং সেখান থেকে ভালো মানের একটা ইনকাম করবেন বা টাকা আয় করবেন। এখন ভেবে দেখুন আপনার সাইটে শুধু ভালো কন্টেন্ট থাকলেই হচ্ছে না ইনকাম করার জন্য প্রচুর ভিজিটর দরকার। এখন আপনি ভিজিটর কোথায় পাবেন? আপনি তো আর লোকের বাড়ি বাড়ি গিয়ে আপনার সাইটে ভিজিট করার

সাইটম্যাপ কি? সেটা বলার প্রয়োজন আছে বলে আমার মনে হয় না। ব্লগের জন্য সাইটম্যাপ পেজ গুরুত্বপূর্ণ ভূমিকা পালন করে। আপনার ব্লগের সমস্ত পোষ্টের লিংক সাইটম্যাপে থাকলে আপনার ইউজারকে আর কষ্ট করে খুজে খুজে পোষ্ট পড়তে হবে না। আপনার ব্লগের সাইটম্যাপ দেখে সেখান থেকে কোন ইউজার যে কোন পোষ্টে চলে যেতে পারে। তাই সাইটম্যাপ এতটা গুরুত্বপূর্ণ। আজ আমি আপনাদের ব্লগস্পট ব্লগের জন্য দারুন একটা সাইটম্যাপ কোড নিয়ে হাজির হয়েছি। তাই আর দেরী না করে চলুন আমরা কোড গুলো দেখি ও আমাদের ব্লগে সাইটম্যাপ পেজ সেট করে নিই। কাজের ধারা: প্রথমে আপনার ব্লগস্পট ব্লগে লগিন করে একটা নতুন পেজ তৈরী করুন নাম দিবেন 'sitemap' এবার তৈরীকৃত পেজ কে html মোডে নিয়ে আসুন এবং ডিফল্ট ভাবে যে কোড গুলো এখানে আছে সব ডিলিট করে দিয়ে নিচ থেকে কোড গুলো কপি করে সেখানে পেষ্ট করে সেভ করুন। [php] SITEMAP: [/php] উপরের কোড থেকে https://codingpalace.blogspot.com কে আপনার ডোমেইন দ্বারা রিপ্লেস করবেন। এখন আপনার সাইটম্যাপ পেজ ভিজিট করে দেখুন ঠিক এই রকম একটা সাইটম্যাপ তৈরী হয়ে গেছে: [caption id="attachment_1747" align="aligncenter&qu

সবাইকে অনেক অনেক শুভেচ্ছা জানিয়ে আজকের পোষ্ট শুরু করছি। কম্পিউটারের কীবোর্ডের কী নষ্ট হওয়া নতুন কোন কথা নয় বা নতুন কোন বিষয় নয়। এটা প্রায়ই হয়ে থাকে বা হতে পারে। তাই এই সমস্যায় যারা পড়েছেন বা যারা পড়তে পারেন তাদের জন্য আমার এই পোষ্ট। আমার ল্যাপটপের N কী নষ্ট তাই আমি প্রাক্টিক্যাল ভাবে আমার এই N কী সমস্যার সমাধান করার মাধ্যমে আপনাদের দেখিয়ে দেব যে কোন কী নষ্ট হলে কীভাবে ঠিক করবেন বা সমাধান করবেন। প্রথমে আমাদের এই লিংক থেকে একটা ছোট্ট সফটওয়ার ( key tweaker-280kb) ডাউনলোড করে ইন্সটল করতে হবে। ইন্সটল করা হয়ে গেলে সফটওয়ার টি ওপেন করুন। ওপেন করার পর এই রকম একটা ইন্টারফেস দেখতে পাবেন: [caption id="attachment_1728" align="aligncenter" width="630"] www.itbatayan.com[/caption] এখানে Choose New Remapping নামে যে ড্রপডাউনা মেনু আছে সেখান থেকে আপনার যে কী টা নষ্ট সেটা নির্বাচন করুন। আমার ল্যাপটপের N কী নষ্ট তাই N কী নির্বাচন করেছি। এর পর Half Teach Mode বাটনে প্রেস করুন। ঠিক এই রকম: [caption id="attachment_1729" align="aligncenter" width="62

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

এসইও ধারাবাহিক টিউটোরিয়ালের প্রথম পর্ব এটি আমি প্রথমেই বলে রাখি যে, আমার এই টিউটোরিয়ালটি আমি এমন ভাবে লেখার চেষ্টা করব যেন যে সবেমাত্র ওয়েবসাইট ভিজিট করা শিখেছে সেও বুঝতে পারে। আর কোন মিডিয়াম লেভেলের ভিজিটর যদি  আমার এই টিউটোরিয়াল ফলো করেন তাহলে আপনি যে বিষয় গুলো জানেন সেগুলো এড়িয়ে পরবর্তি পর্বে চলে যাবেন। আবার যদি কোন টপ লেভেলের এসইও এক্সপার্ট ভিজিটর আমার এই টিউটোরিয়াল দেখেন এবং যদি ভাবেন যে, এখানথেকে কোন কিছু আপনার জানার নাই তাহলে দয়া করে এড়িয়ে না যেয়ে এসইও বিষয়ে লিখিত কোন পোষ্ট এর লিংক কমেন্ট এর মাধ্যমে শেয়ার করে যাবেন যেখান থেকে আমরা আরো কিছু জানতে ও শিখতে পারবো। তাহলে আপনাদের কাছে চির কৃতজ্ঞ থাকব। এসইও শিখতে হলে কিছু জিনিষ স্পর্কে মোটামুটি ধারণা থাকতে হবে। যে সকল ভিজিটর আমার এই লেখা পড়ছেন তাদের সকলের সেই জিনিষগুলো সম্পর্কে ধারণা আছে আমি জানি তা না হলে এই লেখা পরযন্ত পৌছাতেন না। তার পরও আমি একবার বলে নিচ্ছি। ওয়েব সাইট: ইন্টারনেটে বিভিন্ন তথ্য এবং ফাইল রাখার ব্যবস্থা আছে আমরা জানি। একটা নির্দিষ্ট পেজে এই তথ্য রাখতে হয় এবং কোন ফাইল রাখলে ফাইলের লিংক এবং ডিসক্রিপশন সেই পেজ এ যুক্ত