WordPress Codes

ওয়ার্ডপ্রেসের প্রয়োজনীয় ৫০টি কোড:


১। সাইটের নাম – <?php bloginfo(‘name’); ?>
২। যেকোন পেজের টাইটেল – <?php wp_title(); ?>
৩। একেক পেজে একেক ধরনের টাইটেল পেতে নিচের কোডটি ব্যবহার করুনঃ
<title>
<?php if ( is_home() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;<?php bloginfo(‘description’); ?><?php } ?>
<?php if ( is_search() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;Search Results<?php } ?>
<?php if ( is_author() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;Author Archives<?php } ?>
<?php if ( is_single() ) { ?><?php wp_title(”); ?>&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
<?php if ( is_page() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;<?php wp_title(”); ?><?php } ?>
<?php if ( is_category() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;Archive&nbsp;|&
nbsp;<?php single_cat_title(); ?><?php } ?>
<?php if ( is_month() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;Archive&nbsp;|&
nbsp;<?php the_time(‘F’); ?><?php } ?>
<?php if (function_exists(‘is_tag’)) { if ( is_tag() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;Tag Archive&nbsp;|&nbsp;<?php single_tag_title(“”, true); } } ?>
</title>
৪। সাইটের ছোট বর্ণনা – <?php bloginfo(‘description’); ?>
৫। সাইটের ইউআরএল – <?php bloginfo(‘url’); ?>
৬। সাইটের পিংব্যাক – <?php bloginfo(‘pingback_url’); ?>
৭। সাইটের সক্রিয় থিমসের ইউআরএল – <?php bloginfo(‘template_url’); ?>
৮। সাইটের এটম ইউআরএল – <?php bloginfo(‘atom_url’); ?>
৯। সাইটের ফিড লিঙ্ক — <?php bloginfo(‘rss2_url’); ?>
১০। ফুটার ফাইল কল করতে — <?php get_footer(); ?>
১১। সাইডবার কল করার জন্য — <?php get_sidebar(); ?>
১২। হেডার ফাইল কল করতে — <?php get_header(); ?>
১৩। মন্তব্যের টেমপ্লেট কল করতে — <?php comments_template(); ?>
১৪। functions.php তে অন্য ফাইল যোগ করতে — include_once(‘ফাইলের নাম’);
১৫। অন্য কোন ফাইলে যোগ করতে — <?php include(TEMPLATEPATH.’/ফাইলের নাম’); ?>
১৬। মূল ষ্টাইলশিট লিংক — <?php bloginfo(‘stylesheet_url’); ?>
১৭। সার্চ ফর্ম কল করতে — <?php get_search_form(); ?>
১৮। পোষ্টের টাইটেল ডায়নামিক করতে — <?php the_title(); ?>
১৯। পার্মালিংক — <?php the_parmalink(); ?>
২০। পোষ্টের কন্টেন্ট কল করতে — <?php the_content(); ?>
২১। পোষ্টের এক্সযার্প্ট কন্টেন্ট কল করতে — <?php the_excerpt(); ?>
২২। পোষ্টের সময় কল করতে — <?php the_time(‘m-d-y’) ?> [ আরেকদিন তারিখের সব লিখব]
২৩। পোষ্টের ক্যাটেগরি — <?php the_category(‘, ‘) ?>
২৪। পোষ্টের ইডিট লিংক — <?php edit_post_link(); ?>
২৫। পোষ্টের ট্যাগ — <?php the_tags(‘ , ‘, ‘, ‘, ”); ?>
২৬। পোষ্টের মন্তব্যের সংখ্যাঃ
<a href=”<?php the_permalink() ?>/#comments”><?php comments_number(‘No Comment’, ‘One Comment’, ‘% Comments’); ?></a>
২৭। পরের পোষ্টের লিংক — <?php next_post_link(‘ %link ‘) ?>
২৮। আগের পোষ্টের লিংক — <?php previous_post_link(‘%link’) ?>
২৯। লেখক সম্পর্কে তথ্য — <?php the_author_meta(‘description’)
; ?>
৩০। পোষ্টের লেখক — <?php the_author(); ?>
৩১। পোষ্টের লেখকের প্রথম নাম — <?php the_author_firstname(); ?>
৩২। পোষ্টের লেখকের শেষ নাম- <?php the_author_lastname(); ?>
৩৩। পোষ্টের লেখকের আইডি- <?php the_author_ID(); ?>
৩৪। পোষ্টের লেখকের ইমেইল- <?php the_author_email(); ?>
৩৫। লেখকের লিংক — <?php the_author_url(); ?>
৩৬। পোষ্টের লেখকের লিংক — <?php the_author_posts_link(); ?>
৩৭। ক্যটাগরির টাইটেল — <?php echo single_cat_title(); ?>
৩৮। ক্যটাগরির র্বণণা — <?php echo category_description();?>
৩৯। পোষ্টের লেখকের লিষ্ট — <?php wp_list_authors(); ?>
৪০। পাতার লিষ্ট — <?php wp_list_pages(); ?>
৪১। ক্যটাগরির লিষ্ট — <?php wp_list_cats(); ?>
৪২। ক্যালেন্ডার — <?php get_calender(); ?>
৪৩। আর্কাইভের লিষ্ট- <?php wp_get_archives(); ?>
৪৪। সাইটের নেভিগেশন লিংক — <?php posts_nav_link(); ?>
৪৫। নিবন্ধন — <?php wp_register(); ?>
৪৬। লগিন- <?php wp_login(); ?>
৪৭। লগআউট- <?php wp_logout(); ?>
৪৮। সিঙ্গেল পোষ্টের ফিড- <?php permalink_single_rss(); ?>
৪৯। বিভাগের ফিড- <?php the_category_rss(); ?>
৫০। মন্তব্যের লেখকের ফিড — <?php comment_author_rss(); ?>

© WordPress.com

More from Our YouTube

© Wonder Web 2020

Web designer VS Web developer

ওয়েব ডিজাইনার VS ওয়েব ডেভলপার


ওয়েব ডিজাইন


একটি আইডিয়া’কে বাস্তব সম্মত ডিজাইনে রুপান্তরিত করেন একজন ডিজাইনার। মূলত ব্যবহারকারীকে ওয়েবসাইটের মাধ্যমে সুন্দর অভিজ্ঞতা দেওয়ার জন্য একজন ডিজাইনার কাজ করে থাকে। ওয়েবসাইট টি দেখতে কেমন হবে এবং কতটা আকর্ষণীয় করে তোলা যায় তার জন্য ডিজাইনার’কে প্রচুর পরিশ্রম করতে হয়।

ওয়েব ডিজাইনার সবচেয়ে কঠিন কাজটিই করে থাকে। সাইটের ডিজাইন আকর্ষণীয় ও চোখ ধাধানো হতে হবে তা না হলে, ডিজাইনার সম্পূর্ণ ভাবে ব্যর্থ। একটি সাইটের উদ্দেশ্যই হচ্ছে ইউজারকে একটি নতুন এক্সপেরিয়েন্স দেওয়া। এক্ষেত্রে ওয়েব ডিজাইনার সবচেয়ে বড় ভূমিকা পালন করে থাকে ৷

ওয়েব ডিজাইনারের দায়িত্ব ও কর্মপদ্ধতি:


ওয়েব ডিজাইনারকে গ্রাফিক ডিজাইনে অনেক দক্ষ হতে হয় ৷
ইউজার এক্সপেরিয়েন্স এর দিকে ডিজাইনারকে বেশ সজাগ থাকতে হয়, সাইটের লেআউট, বাটন, ইমেজ ও অন্যান্য ফরমেট গুলো সাইটকে আলাদা বৈশিষ্ট্য প্রদান করে।ওয়েব ডিজাইনারকে লেটেস্ট ডিজাইন ট্রেন্ড অনুযায়ী নিজেকে আপ-টু-ডেট রাখতে হয়।
ওয়েব ডিজাইনারের ব্র্যান্ডিং, কালার প্যালেট সহ আরো জটিল বিষয়ে কাজ করতে হয় , তাই এইসব বিষয়ে পূর্ণাঙ্গ জ্ঞান রাখতে হবে।


ওয়েব ডেভেলপমেন্ট


ওয়েব ডেভেলপার – ডিজাইনকে একটি লাইভ ওয়েবসাইটে রুপান্তর করেন। ওয়েব ডেভেলপার একটি ওয়েব ডিজাইন কে আরো মডিফাই করে ফাংশনাল ওয়েবসাইটে তৈরি করে ৷ ওয়েব ডেভেলপারকে দুইটি ক্যাটাগরীতে ভাগ করা হয় :

•ফ্রন্ট-এন্ড ডেভেলপার

• ব্যাক-এন্ড ডেভেলপার।

ফ্রন্ট এন্ড ডেভেলপার


ফ্রন্ট-এন্ড ডেভেলপার মূলত ৩ টি প্রধান ল্যাংগুয়েজ নিয়ে কাজ করে থাকে – HTML , CSS ও JavaScript. একজন ডেভেলপার এই ল্যাংগুয়েজ গুলো দিয়ে যেকোনো ধরণের প্রফেশনাল ও মর্ডাণ ওয়েবসাইট তৈরী করতে পারে।


ব্যাক-এন্ড ডেভেলপার

ব্যাক-এন্ড ডেভেলপার সার্ভারের ডাটা এবং রিকোয়েস্ট গুলো কন্ট্রোল করে থাকে। ডাইনামিক ওয়েবসাইটের ব্যাক-এন্ডে অনেকগুলো সার্ভিসের প্রয়োজন পড়ে বা কাজ করে থাকে। আপনি নিশ্চয়ই গুগল ফর্ম পূরণ করেছেন? ওয়েবসাইটে কোনো ডেটা ইনপুট করার পর সেটা সেভ হওয়ার জন্য ডেটাবেজের প্রয়োজন পড়ে। ডেটাবেজ কানেকশনের মাধ্যমে সার্ভার নিজ থেকেই ডেটা গুলো সেভ করে রাখে এবং প্রয়োজন মতো ডেটার আউটপুট দেয়। ব্যাক-এন্ড ডেভেলপার সার্ভার সাইড ডেভেলপ করতে PHP, NodeJS, Python বা Ruby ল্যাংগুয়েজ ব্যবহার করে থাকে এবং ডাটাবেজ কুয়েরী লিখতে SQL বা NoSQL ইত্যাদি (MySQL) ল্যাংগুয়েজ ব্যবহার করে থাকে।

ফুল-স্ট্যাক ডেভেলপার


ফুল-স্ট্যাক ডেভেলপার কি করে?
উপরে ডেভেলপমেন্ট নিয়ে যা কিছু আলোচনা করা হয়েছে, তার সব কিছু নিয়ে যার পরিপূর্ণ জ্ঞান রয়েছে তিনিই ফুল-স্ট্যাক ডেভেলপার। তারমানে ফুল-স্ট্যাক ডেভেলপার হচ্ছেন এমন কেউ, যে কিনা একটি ওয়েবসাইট শুরু থেকে শেষ পর্যন্ত তৈরী করতে পারেন। সাধারণত ফুল-স্ট্যাক ডেভেলপারের ডিজাইন ও ইউজার এক্সপেরিয়েন্স নিয়ে বেসিক ধারণা থাকে। ফুল-স্ট্যাক ডেভেলপার হতে হলে আপনার সবগুলো ল্যাংগুয়েজে এক্সপার্ট হতে হবে ব্যাপারটা এমন নয়। একসাথে অনেক গুলো ল্যাংগুয়েজে এক্সপার্ট বা প্রফেশনাল হওয়া বিষয়টি খুব সহজ নয়।

More from our YouTube

© Wonder Web 2020

Use of css “!important “

CSS quick tricks

Sometimes an attribute in CSS has to have multiple identical attributes so that any one attribute can be used later. But the problem is that you have to use any one of these same attributes . CSS “!important” has come to solve this problem.

It’s like this

Another example

More in our YouTube channel. Subscribe now!

Design 3D by only css

© Wonder Web 2020

HTML 5 Basic example

Here are a basic HTML 5 example without CSS .

<!DOCTYPE html>
<html>
<head>
<title> Basic HTML Layout Example </title>
</head>
<body>
<header>
<nav>
<h1> Learn HTML </h1>
<p style=”float: right”>
<a href=”#”> Home </a> |
<a href=”#”> About </a> |
<a href=”#”> Contact Us </a> |
<a href=”#”> Terms of Services </a> |
<a href=”#”> Privacy Policy </a>
</p>
</nav>
</header>
<br />
<hr />
<main>
<h1 align=”center”> Lorem Ipsum </h1>
<img src=”images/example.jpg” style=”float:left” width=”300px” height=”300px” />
<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed aliquam nulla. Etiam ac dolor vel erat pulvinar elementum quis vitae orci. Aliquam erat volutpat. Aenean semper commodo est, non vestibulum mi eleifend vel. Aenean enim est, gravida quis eleifend sit amet, feugiat ut est. Aenean felis ex, commodo sed sapien vitae, interdum tristique massa.

</p>
<p>

Vivamus pellentesque augue nulla, ac vehicula nunc rutrum vitae. Fusce in erat eu nulla hendrerit sagittis. Sed maximus erat bibendum, consequat urna vel, mattis justo. Maecenas eu justo in dui mattis pretium placerat id odio. Donec non eleifend tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel tempus augue. Ut vitae lorem risus. Praesent ut tortor orci. Mauris mattis mi nec nisi laoreet, sed rutrum tellus facilisis. Vivamus venenatis quis nulla vitae ullamcorper.

</p>
<p>

Ut fringilla vestibulum diam, in bibendum eros euismod eu. Nulla vestibulum, ex in sagittis volutpat, orci purus bibendum ligula, pellentesque sollicitudin ipsum augue a leo. Mauris dictum rutrum ante, ac cursus elit venenatis vel. Ut quis sodales dui.

</p>
</main>
<footer>
<h2> © Copyright Wonder Web 2020 | All Rights Reserved </h2>
</footer>
</body>
</html>


©️ Copyright Wonder Web 2020 . All rights reserved.

HTML text formats

HTML এর বিভিন্ন বাক্যকে অথবা শব্দকে Bold , italic, underline ইত্যাদি স্টাইল করার জন্য কিছু ট্যাগ ব্যবহার করা হয় ৷ নিম্নে সকল ট্যাগ এবং ট্যাগ এর ভেতর তার বর্ণনা দেয়া আছে ৷

Output

Sub and Sup

Wonder Web developer Lab

© Wonder Web 2020

HTML 1st step in Bangla

প্রোগ্রামিং করার প্রথম স্টেপ হলো এইচটিএমএল ৷ আর এই এইচটিএমএল এর প্রথম স্টেপ নিয়েই আমাদের আজকের আলোচনা ৷


এইচটিএমএল এর শুরুতে আমাদের tag সম্পর্কে ধারণা থাকতে হবে ৷ নিজে একটি ছবির মাধ্যমে এইচটিএমএল ট্যাগ সম্পর্কে বোঝানোর চেষ্টা করছি ৷

এইচটিএমএল ট্যাগ দিয়ে এলিমেন্ট তৈরি করা হয় ৷ এলিমেন্ট এর একটি start tag এবং একটি end tag থাকে ৷ এই দুইটির মাঝখানেই লেখা হয় মেইন কন্টেন্ট ৷

Doctype

এইচটিএমএল ফাইল টি ভালোভাবে রান করার জন্য আমাদের ব্রাউজার কে বোঝাতে হবে যে এটি কি ধরনের ফাইল ৷ তার জন্য এইচটিএমএলে সবার আগে একদম শুরুতে লিখতে হবে <! doctype html> .

<html>

এটি একটি এইচটিএমএল ট্যাগ ৷ সব ধরনের এইচটিএমএল ফাইল এ Doctype এর পরে <html> এইচটিএমএল এলিমেন্ট থাকে ৷ এটি নিম্নরূপ

Body and Head

এইচটিএমএল ও সিএসএস ডিজাইন এবং জাভাস্ক্রিপ্ট ফাংশন এড করার জন্য ট্যাগ ইউজ করা হয় ৷ এই head ভিতরে টাইটেল সিএসএস মেটা সহ আরো অনেক কিছু থাকে ৷ এসব বিষয়ে আপনারা পরবর্তীতে গভীরভাবে এইচটিএমএল শিখলে জানতে পারবেন ৷ হেড এর পরে আমাদের <body> tag ইউজ করতে হয় ৷ এই body এলিমেন্ট এর ভিতরে এইচটিএমএল এর সম্পূর্ণ কনটেন্ট রাখতে হবে ৷ নিম্নে তা পরিষ্কার ভাবে দেখানো হলো ৷

<!doctype html>
<html>
<head>
<title>Hi</title>
</head>
<body>
<p>Wonder Web</p>
</body>
</html>