সিএসএস টিউটোরিয়াল – ID & Class

সিএসএস নিয়ে লেখা প্রথম টিউটোরিয়ালটিঃ সিএসএস টিউটোরিয়াল – সূচনা এইচটিএমএল এর ট্যাগ গুলোর জন্য আলাদা করে স্টাইল রুল লেখার পাশা পাশি  CSS এ ID এবং Class দিয়ে আমাদের নিজস্ব selector তৈরি করতে পারি। পরে এই selector গুলো যেকোন এইচটিএমএল ট্যাগ/element এর মধ্যে ব্যবহার করতে পারি। ID দিয়ে এইচটিএমএল এর একটি নির্দিষ্ট ইলিম্যান্টকে স্টাইল দেওয়ার কাজে ব্যবহৃত হয়। একটি ইলিম্যান্ট … Read more

সিএসএস টিউটোরিয়াল – সূচনা

HTML Attributes দিয়ে আমরা এইচটিএমএল এ কিছু স্টাইল দিতে পারি। আর সে জন্য এইচটিএমএল এ প্রতিটি ট্যাগ এর  জন্য আলাদা করে স্টাইল গুলো লিখতে হয়। কিন্তু আমরা যদি একটি ভালো মানের ওয়েব সাইট তৈরি করতে চাই, তাহলে দরকার সিএসএস। CSS এর পূর্ন রূপ হচ্ছে Cascading Style Sheets। একটি এইচটিএমএল ফাইলের বিভিন্ন উপাদান গুলো  কিভাবে দেখাবে যেমন … Read more

ওয়ার্ডপ্রেস ব্লগে ফরমুলা বা ইকুয়েশন লেখার জন্য প্লাগইন

ওয়ার্ডপ্রেস ব্লগে গণিতের ফরমুলা লেখার জন্য ছোট্ট একটা প্লাগইন ডেভেলপ করেছি। যা দিয়ে আপনার ওয়ার্ডপ্রেস ব্লগ বা ওয়েব সাইটে গাণিতিক ফরমুলা গুলো লিখতে পারবেন। এখান থেকে ডাউনলোড করুন Download it from here. ইন্সটল করুন এবং একটিভ করুন। এবার আপনি যে পোস্ট বা পেইজে ইকুয়েশন  লিখতে চান [ equation] সর্টকোড ব্যবহার করে লিখুন। উপরের কোড গুলো কপি করেও … Read more

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

সর্টকোড গুলো html ফাইল বা php কোডের বাহিরে লেখার জন্য বিশেষ ভাবে তৈরি। পিএইচপি ফাইলে কোড গুলো লিখলে কাজ করবে না। তবে একটু বুদ্ধি খাটিয়ে লিখলে সুন্দর মত কাজ করবে। পিএইচপি ফাইল বা টেমপ্লেট ফাইলে লেকার জন্য নিচের মত করে লিখলে সর্টকোড গুলো কাজ করবে [shortcode_name] এর জাগায় আপনার সর্টকোডটি লিখুন। তাহলে দেখবেন সুন্দর মত … Read more

Excerpt [সংক্ষিপ্ত লেখা] এর সাইজ কমানো বা বাড়ানো।

ডিফল্ট ভাবে ওয়ার্ডপ্রেসে Excerpt length থাকে ৫৫ টি ওয়ার্ড। আপনি ইচ্ছে করলে বাড়াতে বা কমাতে পারেন। তার জন্য নিচের কোডের return 20 এর জাগায় যে কোন নাম্বার দিয়ে আপনার থিমের functions.php ফাইলে যুক্ত করে দিন।

ওয়ার্ডপ্রেসের টপ এডমিন বার থেকে ওয়ার্ডপ্রেসের লোগো সরিয়ে ফেলা।

ওয়ার্ডপ্রেসের টপ এডমিন বারে ওয়ার্ডপ্রেসের একটি লিঙ্ক থাকে। ঐখানে মাউস নিলে কিছু লিঙ্ক দেখায়। আপনি ইচ্ছে করলে এ লগোটা সরিয়ে দিতে পারেন। তার জন্য আপনার থিমের functions.php ফাইল খুলে নিছের কোড গুলো যুক্ত করে দিনঃ বিদ্রঃ কোড গুলো php end tag [?>] এর আগে যুক্ত করবেন। বা ?> এর পরেও যুক্ত করতে পারেন আরেকটি php block … Read more

Woocommerce ওয়ার্ডপ্রেস প্লাগইনে একজন “author”কে একটি প্রোডাক্টে assign করা।

ডিফল্ট ভাবে Woocommerce ওয়ার্ডপ্রেস প্লাগইনে কোন “author” কে যোগ করা যায় না। অর্থাৎ সব গুলো প্রোডাক্ট যে এডমিন একাউন্ট এড করবে তার আন্ডারে দেখাবে। এখন হয়তো আপনার সাইটে মাল্টি অথর রয়েছে এবং চাচ্ছেন তার জন্য একজন অথরের জন্য একটা প্রডাক্ট যুক্ত করতে। তার জন্য আপনার থিমের functions.php ফাইলে নিচের কোডটি যুক্ত করে দিন, তারপর একটা প্রোডাক্ট এড/এডিট … Read more

ওয়ার্ডপ্রেস সাইটে ক্যাটেগরি ইউআরএল থেকে “Category” রিমুভ করার উপায়

ডিফল্ট ভাবে ওয়ার্ডপ্রেসের ক্যাটাগরি URL এমন থাকেঃ http://jakir.me/category/wordpress ইচ্ছে করলে আপনি /category/ অংশটা বাদ দিয়ে দিতে পারেন। তার জন্য .htaccess ফাইলটা এডিট করতে হবে। যে কোন FTP ক্লায়েন্ট দিয়ে আপনার সাইটে লগিন করুন তারপর আগে .htaccess ফাইলোটার আগে একটা ব্যাকয়াপ রেখে দিন। বিদ্রঃ .htaccess কোন ভুল হলে সাইট লোড হবে না। এর পর যেকোন টেক্সট এডিটর দিয়ে ফাইলটা এডিট করে … Read more

jQuery এর সাহায্যে ওয়েবসাইটের ব্যাকগ্রাউন্ড ইমেজ পরিবর্তন [এনিমেশন] করা।

jQuery এর সাহায্যে ওয়েবসাইটের ব্যাকগ্রাউন্ড একটারপর একটা পরিবর্তন করা যায়। অনেক সহজেই। ডেমো দেখুন এখানে। এর জন্য jQuery কোড গুলোঃ কিভাবে কাজ করে তা একটু ব্যাখ্যা করি। আমরা একটা ভ্যারিয়েবল নিয়েছি যার নাম image. এর মধ্যে আমরা ব্যাকগ্রাউন্ডের জন্য ব্যবহৃত ইমেজের লিঙ্ক গুলো রেখেছি। আরেকটি ভ্যারিয়েবল নিয়েছি i, যা দিয়ে ইমেজ গুলোর মধ্যে লুপ চালানো হয়েছে … Read more

W3C প্রকাশ করল CSS 4 এর প্রথম ড্রাফট কপি।

এখনো CSS3 ভালো করে দেখতে পারি নি এর মধ্যে W3C প্রকাশ করল CSS 4 এর প্রথম ড্রাফট কপি। কয়েক ডজন সুন্দর এবং অত্যান্ত দরকারী কিছু রুল নিয়ে W3C প্রকাশ করে CSS3। সিএসএস৩ এর নতুনত্ত্ব এখনো না যেতেই W3C ওয়েবকে আরো সুন্দর ভাবে ডেভেলপ করার জন্য রিলিজ করল সিএসএস৪ এর প্রথম ড্রাপট কপি।      সিএসএস৪ অনেক গুলো … Read more