থিসিস থিম এর হেডার কাস্টমাইজড ২ (টপ মেনু হেডার এর নিচে আনা এবং হেডার এর ব্যাকগ্রাউন্ড রং বদল)

আমি এর আগে একটা টিউটোরিয়াল লিখেছি। থিসিস থিম এর হেডার কাস্টমাইজড ১ (লোগো লাগানো ও পাশে ব্যানার স্থাপন)। আপনারা ঐ টিউটোরিয়ালটা না পড়লে একটু চোখ বুলিয়ে আসুন, তা হলে এই অংশটা বুঝতে সুবিধা হবে।

থিসিস থিম এর টপ মেনু হেডার এর নিচে নামানো:

ডিফল্ডডেট ভাবে থিসিস থিম এর টপ মেনু হেডার এর ওপরে থাকে। তবে এটা খুব সহজেই নিচে নামানো যায়।

১. আগের মতই আপনি আপনার ব্লগের এডমিনে লগ ইন করুন।

২. তারপর তারপর থিসিস এর মেনুতে দেখুন নামের Custom File Editor একটা অপশন আছে সেখানে যান।

৩. এবার custom_functions.php সিলেক্ট করে Edit Selected File বাটনে ক্লিক করুন।

৪. তারপর এর নিচে নিচের কোডটুকু যোগ করে দিন।

remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);
add_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);

রেজাল্ট দেখুন:

থিসিস থিম এর হেডারের ব্যাকগ্রাউন্ড রং বদল:

থিসিস থিম এর হেডারের ব্যাকগ্রাউন্ড কালার মূলতও সাদা হয়। তবে এটা বদল করা খুব একটা কঠিন নয়।

১. custom.css সিলেক্ট করে Edit Selected File বাটনে ক্লিক করুন।

২. এর শেষে নিচের কোডটুকু যোগ করে দিন।

.custom #header {
background-color:#0000CC;
}

তাহলে রেজাল্ট নিচের মত হবে:

এবার কালার কোড গুলো বদলিয়ে নিন। এখানে কালার কোড এর পুরো চার্ট পাবেন। তবে খেলাল রাখবে যেন # ও ; চিহ্ন মুছে না যায়।

থিসিস থিম এ কাস্টম হেডার ফন্ট লাগানো:

থিসিস থিম এ লোগো লাগানোর পদ্ধতি আমি আগেই বলেছি। এবার বলবো কাস্টম ফন্ট লাগানোর পদ্ধতি। এই কাস্টম ফন্ট লাগানো সবচেয়ে সহজে যায়।

১. সর্ব প্রথম Google Font directory যান এবং একটি ফন্ট সিলেক্ট করে Get the code গিয়ে কোড টুকু বের করুন । এই ট্যাবটা এই ভাবেই রাখুন।
২. এবার custom_functions.php যান এবং নিচের কোড টুকু যোগ করে দিন।

// Add the include for the Google Font API’s
function google_font_api() {
$goog = “<link  href=\”//http://fonts.googleapis.com/css?family=Lobster&subset=latin\” rel=\”stylesheet\” type=\”text/css\” >\n”;
$goog2 = “<link  href=\”//http://fonts.googleapis.com/css?family=Lobster&subset=latin\” rel=\”stylesheet\” type=\”text/css\” >\n”;
$goog3 = “<link  href=\”//http://fonts.googleapis.com/css?family=Lobster&subset=latin\” rel=\”stylesheet\” type=\”text/css\” >\n”;
echo $goog;
echo $goog2;
echo $goog3;
}
// Add the hook
add_action(‘wp_head’,’google_font_api’);

ওপরেরে লাল দাগ দেয়া অংশে Google Font directory ফন্ট এর লিংক দিন। {নিচের স্কিন সটে ব্লগ করা অংশটুকু দেখুন}

Bug Ass Save Button বাটনে ক্লিক করে শেভ করুন।

৩. এবার custom.css যান এবং এবং নিচের কোডটুকু কপি করে দিন।

.custom #header {
text-align:center;
font-family: Lobster‘, arial, serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0.015em;
word-spacing: -0.041em;
line-height: 1.23em;
text-shadow: 4px 4px 4px #aaa;
padding-top: 0em;
padding-bottom: 0em;
}

Google Font directory এর ট্যাবে দেখুন h1 { font-family: ‘Lobster’, arial, serif; } একটা লেখা আছে এখান থেকে ফন্ট এর নাম গুলো নিয়ে ফেলুন এবং ওপরে লাল দাগ দেয়া নাম গুলো মুছে দিয়ে এই নাম গুলো বসিয়ে দিন।

Bug Ass Save Button বাটনে ক্লিক করে শেভ করুন।

প্রথমে:

পরে:

16 thoughts on “থিসিস থিম এর হেডার কাস্টমাইজড ২ (টপ মেনু হেডার এর নিচে আনা এবং হেডার এর ব্যাকগ্রাউন্ড রং বদল)”

  1. ভাই আমিতো মেনু গুলোকে নিচে নামাতে পারছিনা। আমি োয়ার্ডপ্রেস ৩.০.৪ ব্যবহার করছি । কিভাবে পারব তা শেয়ার করেন। আর আপনার পোষ্টগুলো ভালোলাগে চালিয়ে যান।

    1. @নয়ন, না পারার তো কোন কারণ দেখছি না? আপনি আর একবার চেষ্টা করুন। কোড নিচে যোগ শেষে “Big Ass Save Button” এ কিন্তু ক্লিক করে সেব করতে হবে।

  2. আমি থিসিস থিম ব্যবহার করতে চাই । থিসিস থিম এ পেজ নাম্বার কিভাবে দেয়া যায় এবঙ কিভাবে বাঙলা ব্যবহার করা যায় । সাহায্য চাই।

  3. এগুলো তো যোগ করেছি অনেক আগেই হয়না তো!!
    থিসিস থিম পাব কই।ফ্রি পাওয়া যায়।খুজে তো পেলাম না!!!!!!

    1. থিসিস থিম এখান থেকে ডাইনলোড করতে পারবেন। আমার পরিক্ষা চলছে তো তাই এই থিম কাস্টমাইড এর ওপর টিউটোরিয়াল লিখতে পারছি না। তবে খুব তাড়াতড়িই শুরু করবো।

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

    1. লেখক পরিচিতি মেনুয়ালি লাগাতে হয়। তার জন্য custom_function.php গিয়ে নিচের কোডটুকু পেস্ট করে দিন।

      function post_footer_author() {
      if (is_single())
      { ?>

      লেখক: <a href="”>

      লেখা! অর্থাৎ লেখ এর বর্ননা

      <?php }
      }
      add_action('thesis_hook_after_post_box', 'post_footer_author');

      তারপর custom.css এ গিয়ে

      /* code for Author's profile box below the post */
      .postauthor {background: #F5F5F5;
       border-top: 1px solid #e1e1e0;
       border-bottom: 1px solid #e1e1e0;
      overflow: hidden; padding: 1.5em;
      }
      .postauthor img {border: 1px solid #e2dede;
      float: left;
       margin-right: 1.5em;}
      .postauthor h4 {color: #666;
      font-size: 2em; margin-bottom: 5px;}
      .postauthor p {color: #515151; font-size: 13px;
      margin-bottom: 12px;}.postauthor p.hlight {font-size: 11px;
      text-transform: uppercase;}.postauthor p.hlight span {color: #CB3131;
      font-size: 1.5em; font-style: italic;
      font-weight: bold; letter-spacing: 0.8px;}
      .custom .postauthor p {
      fontsize:15px;}
      .custom .postauthor p.hlight{
      fontsize:13px;
      fontweight:bold }

      1. @শিবলী, শুভেচ্ছা জানবেন। আমি আমার সাইটে Author Bio Box প্লাগইন ব্যবহার করেছি। কোডে নিজের মত করে পরিবর্তন করে নিয়েছি। সেখানে ফেসবুক, গুগলপ্লাস, টুইটার ইত্যাদির পাতা যোগ করার সুযোগ থাকলেও ইমেইল, নিজের ওয়েবসাইট (যা লেখকের প্রোফাইলে সাধারনত থাকে) এবং আপনাদের লেখক পরিচিতিতে প্রদত্ত মন্তব্য ও স্কোরের মত অপশন সেখানে নেই। আমি এই প্লাগইনটিই ব্যবহার করতে চাই এবং সেখানে এই বিষয়গুলো যোগ করতে ইচ্ছুক। বিশেষত মন্তব্য ও স্কোরের বিষয়টি। কিন্তু আমি তা কিভাবে যোগ করতে পারি? কেউ পিএইপপি কোড দিয়ে সহযোগিতা করলে কৃতজ্ঞ থাকবো।

  5. শিবলি ভাই আপনি নাইনে পড়েন!!!
    থিসিস থিম এর মত অপশন যুক্ত কি আমি বানাতে পারব? (হাসবেন না ওয়ার্ড প্রেস নিয়ে আমার জ্ঞান নিতান্তই ছোট) 🙂 / 🙁

    1. @ইমরান, হ্যাঁ! আমি ক্লাস নাইনে পড়ি।
      বানাতে পারতেও পারেন তবে এটা অনেক প্রফেশনাল এবং বড় বড় সব ওয়েব প্রোগ্রামারদের হাতে তৈরি এবং খুব ব্যয় বহুল। থিসিস এর মত দেখতে অনেক থিম পাওয়া যায় কিন্তু এরকম অপশন আমি কোথাও দেখি নাই। সত্যি কথা বলতে কি! আমি থিসিস এর মত অপশন যুক্ত থিম কোথাও দেখি নাই।
      আপনি থিসিসটা নামিয়ে নিন। কোড গুলো ভেঙ্গে দেখুন পারলেও পারতে পারেন।

      1. @শিবলী,
        আমিও নাইনে পড়ি !!! 😉
        থিম নামানোই আছে শুধু ভাংগার অপেক্ষায়! B|
        এটা দেখতে খুব সুন্দর না।. আর সব ওয়েবসাইটের এক থিম হলে নতুন প্রজন্মকে মুখ দেখব কি করে? O:)

          1. @শিবলী, লিংকটা বেশ কাজের। এত দিন লোকজন ওয়ার্ডপ্রেস থিম ডাউনলোড করতো এখন তো দেখছি থিসিস এর কস্টমাইজেশন করা স্কিনও ডাউনলোড করতে হবে। সার্চ ইঞ্জিন অপটিমাইজেশনের উপ থিসিসের নজরকারা ফিচারগুলোই হয়তো এটাকে এত বেশি জনপ্রিয় করে তুলেছে। তাছাড়া থিমটাও বেশ হালকা। আর অনেক প্লাগিনের কাজও এখানে ব্লেন্ডিং করা আছে।
            একই থিমে ভিন্ন আমেজ আনার বেপারটা এখন নতুনভাবে ভাবাচ্ছে সবাইকে। ধন্যবাদ শিবলী ও সকল পাঠক বৃন্দ।

          2. @টিউটো ও ইমরান, এইবার বুঝেছেন! আমি থিসিস বলতে কেন পাগলা! SEO তে থিসিস এর তুলনা নাই, হেবি গরম জিনিস!
            ইমরান ভই, টাশকি খাবার কিছুই নাই। আমি ওয়ার্ডপ্রেস এর খুব কম থিম নিয়ে ঘাটাঘাটি করেছি। থিসিস নিয়ে একটা বার কাজ করার পর অন্য গুলো কেমন যেন পানসে পানসে লাগে!

Comments are closed.