ওয়ার্ডপ্রেস থিসিস :: থিমস কাস্টোমাইজ [পর্ব-১]

থিসিস থিমস নিয়ে পুনরায় কিছু বলবো না , যারা টুকটাক ওয়ার্ডপ্রেস জানেন তারা অবশ্যই এর নাম , গুণ শুনে থাকবেন। অনেক ভালো ব্লগাররাই এই থিমস ব্যবহার করছে। এই থিসিস থিমস খুব সহজেই কাষ্টোমাইজ করা যায়।বি:দ্র: আমি মুলত থিসিস ১.৮ ডেভলপার ভার্সন নিয়ে লিখছি, আপনারা কিনতে না পারেন শিখে রাখতে দোষকি , আপনি এখান থেকে ফ্রি টা নামাতে পারেন Thesis 1.8 Developer Version
থিসিস থিমস নিয়ে বাংলায় খুব কম পোষ্ট আছে তাই আমি থিসিস সম্পর্কে যতটুকু জানি ঠিক ততটুকু শেয়ার করার চেষ্টা করবো। এটা একটা চেইন পর্ব হবে। আজকের পর্বে থাকবে

  • কন্টেইনার বর্ডার যোগ করা
  • ন্যাভ মেনু কালার করা
  • হেডারে লোগো যুক্ত করা
  • ন্যাভ মেনুকে হেডারের নিচে নামানো

কন্টেইনার বর্ডার যোগ করা

প্রথমে আপনার ব্লগের ড্যাসবোর্ডে লগিন করুন ,তারপর Thesis এর আন্ডারে Custom File Editor মেনুতে যান

Thesis-tuto

তারপর custom.css এর একদম নিচে অথবা হেডার সেকশনে নিচের এই কোডটি বসিয়ে দিন

.custom #container{border:0.4em solid #048BB7;margin-bottom:2em;}

কন্টেইনার বর্ডার রাউন্ড আকৃতির করতে চাইল নিচের এই কোডটি বসিয়ে দিন

.custom #container{-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;border:0.3em solid #048BB7;margin-bottom:2em;}

ন্যাভ মেনু কালার করা

প্রথমে আপনার ব্লগের ড্যাসবোর্ডে লগিন করুন ,তারপর Thesis এর আন্ডারে Custom File Editor মেনুতে যান

Thesis-tuto

তারপর custom.css এর একদম নিচে অথবা হেডার সেকশনে নিচের এই কোডটি বসিয়ে দিন

.custom .menu a{color:#FFF; font-size:13px; background:#CC0000;}
.custom .menu a:hover,#topMenu a:hover{text-decoration:none; background:#610000; color:#FFF;}
.custom .current a{cursor:default;background:#000;}

রাউন্ড আকৃতির করতে চাইল নিচের এই কোডটি বসিয়ে দিন

.custom .menu a{-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#FFF; font-size:13px; background:#CC0000;}
.custom .menu a:hover,#topMenu a:hover{text-decoration:none; background:#610000; color:#FFF;}
.custom .current a{cursor:default;background:#000;}

[ বি:দ্র: কালার এর কোড আপনি ইচ্ছামত দিতে পারেন ]

হেডারে লোগো যুক্ত করা

প্রথমে আপনার ব্লগের ড্যাসবোর্ডে লগিন করুন ,তারপর Thesis এর আন্ডারে Custom File Editor মেনুতে যান

Thesis-tuto

custom.css এর একদম নিচে অথবা হেডার সেকশনে নিচের এই কোডটি বসিয়ে দিন

.custom #header #logo a {
display:block;
width:384px;
height:100px;
/* insert the file path to your logo below */
background:url(আপনার লোগো এর ইউ আর এল দিন) center no-repeat;
color:#000000;
text-indent: -9999px;
padding: 2px 0px;
}

ন্যাভ মেনুকে হেডারের নিচে নামানো

প্রথমে আপনার ব্লগের ড্যাসবোর্ডে লগিন করুন ,তারপর Thesis এর আন্ডারে Custom File Editor মেনুতে যান

Thesis-tuto

ড্রপডাউন মেনু থেকে custom_functions.php সিলেক্ট করে Edit Selected File বাটনে ক্লিক করুন।

thesis tuto
তারপর custom_functions.php এর একদম নিচে নিচের এই কোডটুকু যোগ করে দিন।

remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_after_header', 'thesis_nav_menu');

আজ এ পর্য়ন্তই , আগামী পর্বে থাকছে

  • হেডারের নিচে ক্যাটেগরি ন্যাভ মেনু যোগ করা
  • সাইডবারে ফিক্সেড ফলো আপ বাটন যোগ করা
  • পোষ্ট পাতায় লেখক তথ্য যোগ করা
  • পোষ্ট পাতায় একই রকম পোষ্টের তথ্য(Similar Posts) যোগ করা

Level 2

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

আপাতত লেখার অপেক্ষায়...


টিউনস


আরও টিউনস


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


টিউমেন্টস

ভালা হইছে ….. এই রকম টিউনই চাইছিলাম..

Level 0

ভাল লাগলো। চালিয়ে যাবেন আশা করি। ধন্যবাদ আপনাকে।

তাওহিদ ভাই ইজ ব্যাক… আমি কইলাম আবার থিসিস কাস্টোমাইজেশন বালা পাই, হিগিবার বই গেলাম… পর্বগুলোর মধ্যে সময়ের ব্যবধান যেন কম হয়…

থিসিস থিমস বেপারে একটু বলেন দয়া করে।

তাওহিদ চালিয়ে যাবেন আশা করি। অনেকেরই উপকার হবে।
দেখি জানা গুলোকে আপডেট করে নি…
ভালো থাকবেন

অনেক ভালো লাগছে থিসিস থিম নিয়ে টিউন করার জন্য। আমার জন্য এমন একটা বিষয় জানার দরকার ছিলো……. ধন্যবাদ তাওহিদ ভাই

WordPress নিয়ে টিউন বন্ধ হয়ে গেছে । টিউটোরিয়াল গুলা চালু করা দরকার । অনেক কম টিউন হয় ।

এই রকম টিউন আরো চাই। এটার জন্য ধন্যবাদ।

Level 2

kob balo thanksssssssss

অনেক ধন্যবাদ ভাইয়া। টিউন এবং থিমটার জন্য। আশা করি, দ্রুত এবং অনেক বিস্তারিত টিউন পাবো। ভালো থাকুন।

তাওহিদুল ইসলাম ৥ ভাই আপনার plugin টা ত আমার web site এ কাজ করেনা।

থিসিস ১৭ র বামপার্শের Image কি ভাবে সরাবো? এই ইমেজগুলো বাম পার্শের সাইড বারের উপরে থাকে । যেমন http://dollarbee.net এ থিম টি ব্যবহৃত হয়েছে, কিন্তু ইমেজ গুলো সরাতে পারিনি। একটু জানাবেন প্লিজ…

Level New

thank you.