ওয়ার্ডপ্রেস কাষ্টমাইজেশন [পর্ব-৬] :: ওয়ার্ডপ্রেস সাইটে নিউজ টিকার যুক্ত করবেন যেভাবে।

ওয়ার্ডপ্রেস কাষ্টমাইজেশন

কেমন আছেন সবাই?আশাকরি ভাল আছেন।

ফাল্গুন আসলেও বসন্ত কিন্তু আসেনি।বেশ শীত পড়ছে।

যাহোক,আজ আমরা দেখব কিভাবে ওয়ার্ডপ্রেস সাইটে নিউজ টিকার যুক্ত করতে পারি।

নিউজ টিকার কি?

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

এবার বুঝতে পেরেছেন আশাকরি।আমরা যে নিউজ টিকার টা সাইটে যুক্ত করব সেটা দেখতে নিচের মত হবে এবং টিকারে সকল টিউনের টাইটেল গুলো দেখাবে (আপনি চাইলে Recent Post/Popular Post এর টাইটেল ও দেখাতে পারেন।তবে তার জন্য কোডিং চেঞ্জ করা লাগবে)।

তাহলে চলুন শুরু করা যাক।

প্রথমে এখান থেকে জিপ ফাইলটা ডাউনলোড করেন।এরপর আনজিপ করেন তাহলে css এবং js নামে দুইটি ফোল্ডার পাবেন।ফোল্ডার দুইটি কপি করে আপনার সাইটে বর্তমান থিমের ফোল্ডারে পেষ্ট করেন।

এরপর আপনার ওয়ার্ডপ্রেস সাইটে লগিন করে Dashboard থেকে Appearance>Editor এ যান এবং থিমের header.php ফাইলটি এডিটরে ওপেন করুন।এরপর নিচের কোড টুকু কপি করে

</head>

ট্যাগের আগে পেষ্ট করে সেভ করুন।

<!-- News Tickr CSS -->
		<link href="<?php echo get_template_directory_uri(); ?>/css/ticker-style.css" rel="stylesheet" type="text/css" />

এরপর থিমের footer.php ফাইলটি এডিটরে ওপেন করুন এবং নিচের কোড টুকু কপি করে </body ট্যাগের আগে পেষ্ট করে সেভ করুন।

<!-- News Ticker Js file -->
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.ticker.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.fn.live = jQuery.fn.on;
jQuery(function () {
jQuery('#js-news').ticker();
});
</script>

এরপর থিমের functions.php ফাইলটি এডিটরে ওপেন করুন এবং নিচের কোড টুকু কপি করে ?> এর আগে পেষ্ট করে সেভ করুন।

/* Adding Latest jQuery from WordPress */
function our_bangladesh() {
wp_enqueue_script('jquery');
}
add_action('init', 'our_bangladesh');

এরপর থিমের style.css ফাইল টি এডিটরে ওপেন করুন এবং নিচের কোড টুকু যুক্ত করে সেভ করুন।

.all-post {
margin: 10px;
background: #CF0000;
padding: 7px;}

¤¤¤¤ বোরিং লাগছে নিশ্চয়।আমরা প্রায় শেষ পর্যায়ে চলে এসেছি। ¤¤¤¤

এবার থিমের index.php ফাইল টি এডিটরে ওপেন করুন এবং নিচের কোড টুকু কপি করে পেষ্ট করুন সেখানে,যেখানে আপনি নিউজ টিকার দেখাতে চান।

<div class="all-post">
<div class="news_tickr fix">
<ul id="js-news" class="js-hidden">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<li class="news-item"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
<?php else : ?>
<h3 class="error"><?php _e('404 Error: Not found'); ?></h3>
<?php endif; ?>
</div>
</div>

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

ভাল থাকবেন সবাই।ফিরে আসব আবার কোন এক মাঝ রাতে।

Level 2

আমি এস কে জয়। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 41 টি টিউন ও 494 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 4 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

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


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

এই সুন্দর টিউনের জন্য আপনাকে ধন্যবাদ, অনেক কাজে আসবে ।

    @সোহানূর রায়হান: আপনার কাজে লাগবে শুনে খুব ভাল লাগল।মন্তব্যের জন্য ধন্যবাদ।ভাল থাকবেন।

Level 0

ডাউনলোড করতে পারছিনা। প্লিজ একটু দেখবেন?

প্রিয় টিউনার,

আপনার টিউনটি টেকটিউনস চেইন টিউন হিসেবে অন্তর্ভুক্ত করা হয়েছে। অভিনন্দন আপনাকে!

টেকটিউনসে চেইন টিউন কীভাবে প্রক্রিয়া হয় তা জানতে টেকটিউনস সজিপ্র এর https://www.techtunes.io/faq “চেইন টিউন” অংশ দেখুন।

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

চেইনে নতুন পর্ব যুক্ত হলে তা টেকটিউনসের প্রথম পাতায় দেখা যাবে এবং “সকল চেইন টিউনস” https://www.techtunes.io/chain-tunes/ পাতায় চেইন টিউনটি যুক্ত হবে।

নিয়মিত চেইন টিউন করে নতুন নতুন টিউন আপনার চেইনে যুক্ত করুন এবং অসম্পূর্ণ না রেখে আপনার চেইন টিউনে নিয়মিত পূর্ণাঙ্গ রূপ দিন।

মেতে থাকুন প্রযুক্তির সুরে আর নিয়মিত করুন চেইন টিউন!

    @টেকটিউনস সাইট ম্যানেজার: ধন্যবাদ টেকটিউনসকে,টিউনগুলো চেইন টিউনে যুক্ত করার জন্য।আশাকরি নিয়মিত লিখতে পারব।

Level 0

vai ,Your code here এই ট্যাগ টা বুজতেছি না ।হেল্প করেন

ভাই একটু screen shot দিলে ভালো হতো

ভাই রিসেন্টলি পোষ্ট গুলা কিভাবে যুক্ত করবো ??????

    Level 2

    ভাই,যে কোডিং দেওয়া আছে তাতেই রিসেন্ট পোষ্টগুলা দেখাবে।ধন্যবাদ।