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

Sunday, August 14, 2016

WordPress-Part: 10


About Us, Products, Tutorials, Coatact Us Page তৈরী করা ও মুছে ফেলা
এখন আমরা কয়েকটি পেজ তৈরী করবো  এবং Content দেখাবো। Dashboard মেনু থেকে Pages>All Page এ ক্লিক করুন। ডান  দিকে  Page দেখা যাবে। এখানে Sample Page নামে মাত্র একটি Page কে Show করেছে। প্রকৃত পক্ষে Home নামে আরও একটি পেজ আছে। এটি  WordPress এর ডিফল্ট পেজ এটি এখানে Show করবে না। মূলত Home পেজে এবং Uncatagorized নামের ক্যাটাগরী কে মোছা যাবে না এটি  WordPress এর Default অংশ। তো চলুন পেজ তৈরী করি ।
১. Pages>Add New কমান্ড দিন। Add New অপশন আসলে Title অংশে লিখুন About Us এবং CD তে Word press ফোল্ডার থেকে Aboutus.txt ফাইলে text কপি করে এখানে Ctrl+V প্রেস করে Paste ক্লিক করুন অথবা আপনাদের সম্বন্ধে ইচ্ছা মত Text লিখুন। প্রথম লাইনটি একটু বড় Bold ও কালার পান্টে দিন।


২. শেষে Publish বাটনে ক্লিক করুন। ব্রাউজারের অন্য ট্যাবে ফাইল Reload করে About us বাটনে ক্লিক করে ফলাফল দেখুন।
৩. আবারও Pages > Add New কমান্ড দিন। টাইটেলে লিখুন Products এবং Content অংশে Look! Here is Some our Products লিখে বইয়ের কিছু ইমেজ যোগ করে দিন অথবা আপনাদের ইচ্ছামত Content যোগ করুন। শেষে Publish বাটনে ক্লিক করুন।
৪. আবারও Pages> Add New কমান্ড দিন। টাইটেল অংশে লিখুন Tutorials এখন ব্রাউজারের অন্য উইন্ডো থেকে Photoshop Illustrator কপি করে এখানে Paste করে দিন ও Publish করুন।
Sub Menu তৈরী করা
১. আবারও Pages>Add New কমান্ড দিন। টাইটেলে লিখুন Graphics এবং ডানদিকের Page Attributs অপশনের Patents ড্রপ ডাউন থেলে Tutorial সিলেক্ট করে Publish বাটনে ক্লিক করুন। এখানে আমরা কোন Content দিলাম না।
২. আবারও Pages>Add New কমান্ড দিন। টাইটেলে লিখুন Photoshop এবং Photshop tutorial কপি করে Ctrl+v প্রেস করে Content এ না থাকতে paste করুন। Page Attributes অংশের Pareants অংশে Tutorials এর Child-Graphics সিলেক্ট করে Publish বাটনে ক্লিক করুন।
৩. একই ভাবে নতুন পেজ নিয়ে Illustrator এর জন্য Tutorials > Graphics এর মধ্যে একটি পেজ তৈরী করুন।
৪. ব্রাউজারের অন্য উইন্ডোতে পেজটি Reload করে দেখুন সব পেজ মেনুতে পাওয়া যাবে।Tutorial এ পয়েন্টর নিয়ে Graphics এর উপর আসুন Illustrator Photoshop ২ টি অপশন আসবে। যে কোন একটি ক্লিক করলে সংশ্লিষ্ট Tutorial পেজ খুলে যাবে।
Parent অংশে Illustrator পেজ খোলা থাকা অবস্থায় order অংশে 1 লিখে দিলে Photoshop মেনু ট্যাগ দেখাবে কারণ  ডিফল্ট আকারে Photoshop এর Order 2 (00)
৫. একই ভাবে Office নামে একটি পেজ নিয়ে Tutorial অংশে রাখুন। পরে Microsoft Word Microsoft Excel নামে আরও ২টি পেজ তৈরী করে Tutorial এর মধ্যে অবস্থা Office পেজে রাখুন।
৬. ব্রাউজারে অন্য উইন্ডোতে ব্রাউজ করে আপনার সাইট দেখে নিন।
৭. শেষে Contact Us নামে আর একটি পেজ তৈরী করুন। Contect অংশে Wordpress ফোল্ডারে রক্ষিত Contactus.text ফাইল থেকে প্রথম ৭ ফাইল Location পয়েন্ট কোড কপি করে পেস্ট করুন।
৮. এখন Editor এর ট্যাব সিলেক্ট করে নিচে বাকী কোড পেস্ট করুন। শেষে আবার Visual ট্যাবে নিয়ে আসুন।
৯. ব্রাউজারের অন্য ট্যাবে ব্রাউস করে দেখুন google map পাওয়া যাবে।

১০. সর্বশেষে All Pages/pages সিলেক্ট করে Sample Page টি Trash করে দিন।
১১. শেষ বার আরেকবার ব্রাউজ করে ফলাফল দেখুন।


 

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 

WordPress- Part: 11


Theme পরিবর্তন করা
Theme দ্বারা ওয়েব সাইটের চেহারা কি হবে সেটি নির্ধারণ করে দেওয়া হয়। যেমন ব্যাকগ্রাউন্ড কালার, Banner Image, Sidebar থাকবে কিনা ইত্যাদি। এছাড়া আরও অনেক রকমের  অপশন। আবার এটি Online বা Offline (আপনার Harddisk এ রাখা Download Theme ) দ্বারা করা যায়। চলুন শুরু করি।

১. Dashboard মেনুর Appearance থেকে Themes সিলেক্ট করুন। Manager Themes, Install Theme অপশন আসবে। Manager Theme এর নিচে Available Themes অপশন আসবে। এখানে আরও একটি Default Theme থাকবে।

২. Available Theme থেকে Active বাটনে ক্লিক করুন। দ্বিতীয় থিমটি অ্যাকটিভ হবে।
৩. ব্রাউজ করে দেখুন সাইটের চেহারা পরিবর্তন হয়েছে। Home নামে একটি বাটনও দেখা যাচ্ছে। ডানে দিকে একটি Sidebar রয়েছে। সেখানে Page ও Category সহ অনান্য বিষয় রয়েছে।
নতুন Theme কে Install করা (Online)
১. Install Theme ট্যাবে ক্লিক করে Search বাটনে ক্লিক করুন প্রচুর Theme আসবে। এগুলিসব Online Theme যে কোন Theme এর নিচে থেকে Install Now বাটনে ক্লিক করলে Theme টি Install হবে পরে এটিকে Active করলেই হবে। আমরা আপাতত এখান থেকে কোন Theme Install করবো না। (Install Now বাটনের পাশে Preview ও Detail বাটন থেকে Theme সম্বন্ধে বিস্তারিত জানা যাবে।
নতুন Theme কে Install করা (Off lie)
এখন আমরা আমাদের Harddisk এর Worddpress ফোল্ডারের রক্ষিত Theme Install করবো।
১. Install Theme এর নিচে অবস্থিত Upload বাটনে ক্লিক করুন। ডায়ালগ বক্স আসলে Browse বাটনে ক্লিক করুন।
২. এখন CD র Soft ফোল্ডার থেকে Wordpress 3.7 Themes ফোল্ডারে ক্লিক করুন দেখুন অনেক Theme আছে। এখান থেকে যে কোন একটি Theme সিলেক্ট করে Open বাটনে ক্লিক করুন। ( Catch-evolution.1.3.zip ফাইলটি অবশ্যই সিলেক্ট করতে হবে কারণ আমরা এই Theme টির বিস্তারিত বিবরণ দেব)
৩. এখন ডান দিকের Install Now বাটনে ক্লিক করুন Installing শুরু হবে।
৪. Install শেষ হলে Active বাটনে ক্লিক করুন।

৫. Browse করে দেখুন। উপরে বাম দিকে Nova Computer, একটি Banner, একটি Slideshow এবং ডানদিকে Sidebar এ Page, Post, Catagory ইত্যাদি অপশন রয়েছে। প্রতিটি Post এর শেষে অটোমেটিক ভাবে Continue Reading অপশন রয়েছে।   

এখন আমরা Theme টি Customize করবো।
Fabicon change করা
১. Dashboard মেনু থেকে Apperance>Theme Option সিলেক্ট করুন। Theme পরিবর্তনের অপশন আসবে।

২. এখন Fabicon (Browser এর ট্যাবে যে ছোট Icon আসে সেটি) পরিবর্তনের জন্য Fabicon অপশনে ক্লিক করুন। Check to disable অপশনের টির্ক মার্ক (ü) উঠিয়ে দিন। URL  Change Fabicon বাটনে ক্লিক করুন ।

Add Media File অপশন আসবে। From Computer সিলেক্ট থাকা অবস্থায় Select File সিলেক্ট করুন এবং Wordpress ফোল্ডারের Images ফোল্ডার থেকে Fabicon ফাইল সিলেক্ট করে Open বাটনে ক্লিক করুন।

৫. Media তে ফাইলটি যুক্ত হবে। নিচ থেকে Insert into post বাটনে ক্লিক করুন।

৬. শেষে Save Change বাটনে ক্লিক করুন। (Preview অংশে Fabicon দেখা যাবে)

৭. অন্য ট্যাবে Reload করুন সাইটের ট্যাবে Fabicon দেখা যাবে।
                                       

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 

WordPress-Part: 12


Banner Change করা
এখন Nova Computer লেখার বাম পাশে একটি logo দেব এবং Banner এর Image Change করবো।
১. Click have to change header image বাটনে ক্লিক করুন। আবারও অপশন আসবে। Browse বাটনে ক্লিক করে Image ফোল্ডার থেকে Banner.jpg সিলেক্ট করুন এবং Upload বাটনে ক্লিক করুন। অপশন আসলে Crop and Publish বাটনে ক্লিক করুন। শেষে নিচ থেকে Save Change বাটনে ক্লিক করুন।


Logo Change করা
১. আবারও Theme Option এ এসে Header option সিলেক্ট করুন।
২. Disable Header logo অংশে Check to disable অংশের টিক মার্ক (ü) উঠিয়ে দিন।
৩. Change Header logo বাটনে ক্লিক করুন। অপশন আসলে Select File সিলেক্ট করে Image ফোল্ডার থেকে logo.png ফাইল সিলেক্ট করে open বাটনে ক্লিক করুন। এবং Media উইন্ডোর নিচ থেকে Insert into Post বাটনে ক্লিক করুন। শেষে Save Change বাটনে ক্লিক করুন।


ব্রাউজারে Preview দেখুন


Color পরিবর্তন করা
এখন আমরা ব্যাকগ্রাউন্ড কালার পরিবর্তন করবো।
১. Dashboard মেনু থেকে Apperance>Color Option সিলেক্ট থাকা অবস্থায় Color Option এ ক্লিক করুন এবং Media Background Color অপশন থেকে Click here to Change Main Background Image/Color বাটনে ক্লিক করুন। নতুন উইন্ডো আসলে Background কালার অপশন থেকে আকাশী/হালকা পেষ্ট কালার সিলেক্ট করে Save Change বাটনে ক্লিক করুন।  

Layout পরিবর্তন করা
আমরা ইচ্ছা করলে Right Sidebar, Left Sidebar, No Sidebar, Three Column ইত্যাদি বিভিন্ন অপশন সিলেক্ট করে দিতে পারি।
১. Dashboard মেনু থেকে Apperance>Theme Option সিলেক্ট থাকা অবস্থায় Layout option এ ক্লিক করুন। অপশন আসবে আপাতত আমরা Sidebar টিকে বাম দিকে প্রর্দশন করতে চায়। সুতরাং Left Sidebar সিলেক্ট করে Save Change বাটনে ক্লিক করুন।


২. ব্রাউজারের অন্য একটি ট্যাবে সাইটটি Reload করে একবার দেখে নিন। শেষে আবার Backend এ ফিরে আসুন।


স্লাইডের ইমেজ পরিবর্তন করা

স্লাইডের ইমেজ পরিবর্তনের জন্য বেশ কিছু কাজ করতে হবে। প্রথমত প্রতিটি Post এর একটি ID থাকতে হবে। এজন্য Catch Evolution নামের Theme Install থাকলেই হবে যদি না হয় তবে CD তে দেওয়া Soft এর মধ্যে Wordpress 3.7 Theme ফোল্ডার থেকে Plagins থেকে Catch-ids.1.1.zip ফাইলটি Install করে নিতে হবে।



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