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

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

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

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

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


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

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

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


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

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

<head>Your code here</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&#058; Not found'); ?></h3>
						<?php endif; ?>
				</div>
			</div>

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

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

Total post: 50

Location: Jhenaidah khulna Bd

I am very simple man.

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

  1. Ariful says:

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

    • S.k.joy says:

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

      মন্তব্যের জন্য ধন্যবাদ।ভাল থাকবেন।

  2. shamim says:

    news ticker zip file টি download link দেন

Leave a Reply