know yourselves. information, computer, 7 wonders, various.

Sunday, August 14, 2016

WordPress-Part: 15


Widgets পরিবর্তন
এখন আমরা কিছু Widgets সেটিং করবো। এজন্য আমাদের Site টিকে ৩টি কলামে ভাগ করে নেব। এতে আমরা ২দিকে Sidebar পাব।
১. মেনু থেকে Apperance>Theme Option সিলেক্ট করে। Layout options থেকে Three Columns সিলেক্ট করে Save Change বাটনে ক্লিক করুন।


ব্রাউজারে Reload করলে দেখবেন left কলামে কিছু আসে নাই কারণ সেখানে আমরা এখনও কিছু সেটিং করি নাই।
২. Dashboard মেনু থেকে Apperance>Widgets উইন্ডো আসবে। ডানদিকে Main Sidebar, Third Column Sidebar, Header Right Sidebar থাকবে।  Main Sidebar এ কিছু Widgets যোগ করা আছে। বাম দিকে প্রচুর অব্যবহৃত Widgets আছে। বাম থেকে Widgets ড্রাগ করে ডানদিকে ড্রপ করলেই সেটি সাইটে যোগ হবে। আর বাম দিকে দিতে চাইলে Sidebar থেকে বামে ড্রাগ করে ছেড়ে দিলেই হবে।
৩. এখন Header Right Sidebar এর ড্রপ-ডাউনে ক্লিক করে খুলুন বামদিকের দ্বিতীয় অপশন (bbpress Login Widget) টি ড্রাগ করে এর মধ্যে ফেলুন।


৪. Title অংশে লিখে দিন login এবং Save বাটনে ক্লিক করুন।


৫. অন্য ট্যাবে ব্রাউজ করে দেখুন ডান দিকে login Window দেখা যাবে। শেষে আবার Backend Widgets ফিরে আসুন।  

উল্লেখ্য এখানে Admin নামে মাত্র ১জন ইউজার রয়েছে। Dashboard মেনুতে User বাটনে ক্লিক করে User Name Password সহ নতুন ইউজার এবং তার ব্রাউজিং লেভেল নির্ধারণ করে দেওয়া যাবে। পূনাঙ্গ বইতে এ বিষয়ে আলোচনা থাকবে।

এখন Third Column Sidebar খুলে Catch Evolution Adspace Widgts ড্রাগ করে এর মধ্যে রাখুন। এটি দ্বারা কোন ইমেজ, এনিমেশন বা Text কে Sidebar এ যোগ করা যাবে। আমরা Add Code এর মধ্যে সামান্য ৩ লাইন কোড সংযোগ করেছি। এটি দ্বারা ৩টি Web Site এর সাথে লিংক তৈরী করা হয়েছে। শেষে Save বাটনে ক্লিক করুন।


Title দিন Look! Here is Some links


Code
<a href="http://www.wordpress.org" target="_self">WordPress</a><br />
<a href="http://www.novacomputerbd.com" target="_self">Nova Computer</a><br />
<a href="http://www.bappiashraf.blogspot.com" target="_self">Bappi Ashraf</a><br />
৭. ব্রাউজারে ফলাফল দেখুন।


৮. আবারও বাম থেকে Button (PB) সিলেক্ট করে Catch Evolution Adspace Widgts এর নিচে বসিয়ে দিন। Text অংশে Google লিখে দিন। Destination URL http://www.google.com লিখে দিন। Button Align Mid = Center সিলেক্ট করুন। Style থেকে যেকোন  Style নিন এবং Save বাটনে ক্লিক করুন।


৯. আবার বাম থেকে Animated Image (PB) সিলেক্ট করে Button এর নিচে বসান। Image URL অংশে Animated.gif  ইমেজের URL লিখে দিন। যেমন http://localhost/mywordpress/wp-content/uploads/2014/01/1.gif
                                  
Image URL পাওয়ার জন্য Posts>Add New কমান্ড দিয়ে Editor থেকে Add Media বাটনে ক্লিক করুন। Media Library সিলেক্ট করুন। যে ইমেজের URL দরকার সেটি সিলেক্ট করুন Link to media files এর নিচে Shift+à দিয়ে URL টি কপি করুন এবং Widgets এর মধ্যে Paste করুন।


Code : http://localhost/MyWordpress/wp-content/uploads/2014/01/1.gif

১০. এর পর Calendar User Online ২টি সিলেক্ট  করে এর নিচে ছেড়ে দিন। প্রয়োজনে Main Sidebar থেকে Pages Home Search বাটনটিও Third Column Sidebar এ যোগ করুন।  

১১. ব্রাউজারে ফলাফল দেখুন।


১২. এখন NextGEN Widgets টি ড্রাগ করে Main Sidebar এর সবচেয়ে উপরে বসিয়ে দিন। Title লিখুন Image Gallery. Show তে ID, Random, Width X Hight 100X100 এবং Select অংশে All Galleries সিলেক্ট করে Save বাটনে ক্লিক করুন।


শেষে  ব্রাউজারে ফলাফল দেখুন মনে রাখবেন Theme Plagin এর উপর Widgets এর বিষয় পরিবর্তন হয়।


অতি শীঘ্রই Wordpress এর উপর একটি পূনাঙ্গ বই লেখার ইচ্ছা জানিয়ে আলোচনা এখানেই শেষ করছি।

Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

 cd

RELATED POST LINKS BELOW ********************************************
Next_
         Part011 Part012 Part013 Part014 Part015