হেডারের নিচে নতুন আরেকটি নেভিগেশন মেনু যুক্ত করুনঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৪

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

আর যদি না পারেন তাহলে থিসিস থিম নিয়ে আমার এই রাউন্ডআপ টিউটোরিয়ালটি দেখে নিতে পারেন।

লেআউট ও কলামঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-এক

নেভিগেশন মেনুঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দু্ই

নেভিগেশন মেনুঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-তিন

সাইডবার ও উইজেটঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-চার

ফুটারে তিনটি কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-পাঁচ

     ফুটারে কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-ছয়

ফুটারে বিভাগ যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-সাত

ব্যাকগ্রাউন্ড ইমেজ ও ফুটারে অ্যাড উইজেট যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-আট

পোস্টে লেখক তথ্য যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-নয়

পোস্টে একই রকম পোষ্টের তথ্য যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দশ

কনটেন্টে পোস্ট স্লাইডার যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-এগার

হেডারে লোগো আপলোড করা ও ব্যানার অ্যাড উইজেট তৈরি করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১২

 

                                                                     পেজ নেভিগেশন যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৩

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

 

 

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

প্রথমে আপনার ওয়ার্ডপ্রেস ব্লগে লগিন করুন।

থিসিস থিমের  এর   Custom File Editor   ড্রপডাউন থেকে  Custom function.php  সিলেক্ট করুন  এবং নিচের এই php কোডটি লিখে সেভ করুন।

/* Add the top navigation menu */
/* Links for top menu will need to be manually added here, since this menu isn't supported by Thesis */
function topnav_menu() {
?>
<ul id="topnav">
<li><a href="http://thecreatology.net/category/wordpress">wordpress</a></li>
<li><a href="http://thecreatology.net/category/SEO">SEO</a></li>
<li><a href="http://thecreatology.net/category/Facebook">Facebook</a></li>
<li><a href="http://thecreatology.net/category/Orkut">Orkut</a></li>
<li><a href="http://thecreatology.net/category/Software%Reviews">Software Reviews</a></li>
</ul>
<?php
}
add_action('thesis_hook_after_header', 'topnav_menu');

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

থিসিস থিমের  এর   Custom File Editor   ড্রপডাউন থেকে  Custom.css  সিলেক্ট করুন  এবং নিচের এই css কোডটি লিখে সেভ করুন।

/* Top Nav bar */ .custom ul#topnav { border-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; <span id="IL_AD11">background</span>:#363636 none repeat scroll 0 0; width: 100%; float: left; } .custom ul#topnav li { float: left; <span id="IL_AD8">padding</span>: 8px 15px 3px 25px; } .custom ul#topnav li a { font-size: 1.2em; color: #ffffff; } .custom ul#topnav li a:hover {}

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

সবার ভাল ও সুস্থতা কামনা করে আজকের মত একানেই বিদাই নিচ্ছি , আল্লাহ হাফেজ।

 

Leave a Comment