ورڈ پریس کو اردو سانچے میں ڈھالنا
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
ورڈ پریس کو اردو سانچے میں ڈھالنا
ورڈپریس تھیم بنانے سے پہلے ہم ورڈپریس کے سانچہ کی فائلوں کو جانچتے ہیں، ورڈپریس سانچہ کی فائلوں کے کچھ نام ایسے ہیں،جن کو ورڈپریس بچپن سے جانتا ہے، اِن کو ہم ڈیفالٹ فائل کہتے ہیں ۔لیکن ضروری نہیں کہ آپ صرف انہی فائلوں کا استعمال کریں،آپ تمام سانچوں کی فائلوں کا اپنی پسند کا نام رکھ سکتے ہیں، لیکن ان کو بلانے کا طریقہ علیحدہ ہے ۔ ہم یہاں ورڈپریس کی جانی پہچانی فائلوں کے نام ہی استعمال کریں گے، اور ایک آدھ فائل ایسی رکھیں گے جس کو ورڈپریس نہ پہنچانتا ہو، تاکہ یہ دیکھ سکیں کہ ایسی فائل کو ورڈپریس میں کس طرح بلایا جائے گا ۔
مندرجہ ذیل فائلیں ورڈپریس کی ڈیفالٹ فائل نام ہیں، اگر آپ چاہیں تو سانچہ کی ڈرائکٹری میں اس نام کی فائلیں بنا لیں ۔
style.css
index.php
header.php
sidebar.php
footer.php
single.php
page.php
comments.php
archive.php
search.php
اس کے علاوہ ہم مندرجہ ذیل نام کی فائلیں بھی بنا لیں گے، جن کو ورڈپریس نہیں پہنچانتا، لیکن ہم دیکھیں گے کہ ایسی فائلوں کو کس طرح استعمال کیا جائے گا ۔
404.php
searchform.php
سٹائل والی فائل ہمارے پاس پہلے سے ہی سانچہ میں موجود ہو گی، یہ صحفہ کے سٹائل ظاہر کرتی ہے ۔ اس فائل میں ہمیں ورڈپریس کے لئے تھوڑی سی تبدیلی کرنا ہو گی ۔
انڈیکس والی فائل مرکزی صحفہ کو دکھانے کے کام آتی ہے۔
ہیڈر والی فائل صحفہ کا اوپر والا حصہ دکھاتی ہے، یہ ضروری نہیں ہے،آپ صحفہ کے نچلے حصہ کو بھی ہیڈر کا نام دے سکتے ہیں ۔
سائیڈبار کی فائل میں صحفہ کا دایاں یا بایاں حصہ دکھایا جاتا ہے ۔
فُٹر والی فائل میں صحفہ کے نچلے حصہ کا سانچہ ہوتا ہے ۔
جب آپ صحفہ پر کوئی ایک تحریر پڑھتے ہیں تب سنگل والی فائل کا استعمال ہوتا ہے ۔
اگر آپ نے مختلف صحفہ جات ترتیب دیے ہیں تو پیج والی فائل ایسے صحفات جیسے تعارف اور رابطہ کا صحفہ دکھانے کے کام آتی ہے ۔
تبصرہ دکھانے کے لئے کمنٹس والی فائل کا استعمال کیا جاتا ہے،
پرانی تحریریں دیکھتے وقت آرکائیو فائل کا استعمال کیا جاتا ہے اسی طرح جب کوئی لفظ تلاش کیا جائے تو سرچ والی فائل کا سانچہ استعمال ہو گا۔
اسی طرح جب کوئی ایسے صحفہ یا تحریر پر جانے کی کوشش کرے جو موجود نہیں ہو تب چارسوچار والی فائل کو ہم استعمال کریں گے، اور تلاش والے خانہ کا سانچہ سرچ فارم والی فائل میں مقید کر دیں گے ۔
اب ہم ایک ایک کر کے ایک سادہ ایچ ٹی ایم ایل سانچہ کو استعمال کرتے اوپر بیان کی گئی تمام فائلیں ترتیب دیں گے۔ مثال کے لئے میں ایک بالکل سادہ ایچ ٹی ایم ایل فائل کا استعمال کروں گا،لیکن یہی طریقہ ہر سانچہ کے ساتھ استعمال ہوتا ہے ۔ آپ اپنے مطلوبہ سانچہ کی انڈیکس فائل کا بغور مطالعہ کریں، اور سمجھیں کہ ہیڈر کہاں سے شروع ہوتا ہے اور کہاں ختم ہوتا ہے ،مرکزی متن اور سائیڈ بار یا فٹر کو اپنے سانچہ میں تلاش کریں اور ذہن میں اس کی تصویری خاکہ تیار کرلیں.
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
اگر آپ کے پاس ایک عدد پسندیدہ سانچہ موجود ہے، تو اُس میں ایک انڈیکس نام کی فائل موجود ہو گی ۔ اب ہر ایک کی پسند علیحدہ ہوتی ہے تو مجھے اندازہ نہیں ہے کہ آپ کے پاس کونسا سانچہ ہے ۔ سمجھانے کے مقصد کے لئے یہاں میں ایک بہت ہی سادہ سی قسم کی ایک انڈیکس فائل تیار کریں گے، اور اُس کے مطابق ورڈپریس تھیم تیار کریں گے ۔آپ کے پاس یہ فائل کچھ اور ترتیب میں ہو سکتی ہے لیکن تھیم بنانے کا طریقہ پھر بھی وہی ہے ۔صرف آپ کو سلیکٹرز کا دھیان رکھنا ہے کہ کونسا سلیکٹر صحفہ میں کس چیز کو ظاہر کر رہا ہے ۔ ذیل میں میری تیار کردہ انڈیکس فائل ہے جسے ہم تھیم میں بدلیں گے ۔
Code: Select all
<!DOCTYPE
html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<title>creating wordpress theme</title>
<link rel=”stylesheet” href=”style.css” type=”text/css” />
</head>
<body>
<div id=”header”>
<div class=”logo”>This is logo of the site</div>
<div class=”navbar”>
<ul>
<li>First Page</li>
<li>2nd Page</li>
<li>3rd Page</li>
</ul>
<div class=”search”>
<form method=”get” action=”index.html”>
<input type=”text” class=”s” name=”s”/>
<input type=”submit” class=”button” value=”Go”/>
<form>
</div>
</div>
<div id=”page”>
<div id=”right”>
<h2 class=”post-title”>Title of the post</h2>
<p class=”entry”>Post Body</p>
<div class=”post-footer”><div class=”date”>Posted
on[date]</div><div class=”author”>Author</div><div
class=”comment-count”>Comments</div></div>
<div id=”sidebar”>
<h2>Latest posts</h2>
Post
1
Post
2
Post
3
<h2>Links</h2>
<ul>
<li><a href=#>A link</a></li>
<li><a href=#>2 link</a></li>
<li><a href=#>3 link</a></li>
<li><a href=#>4 link</a></li>
</ul>
</div>
<div id=”footer”>
This is footer of the page
</div>
</div>
</body>
</html>
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
یہاں سے ہم اپنا اصل کام یعنی سانچہ کو توڑنا اور ورڈپریس کے قابل بنانا شروع کریں گے ۔سانچہ کو تورٹے وقت سب سے اہم بات جس کا خیال آپ کو رکھنا ہو گا، وہ یہ ہے کہ جو سلیکٹر ٹیگ جیسے ڈِوو ٹیگ شروع ہوگا، اُس کو بند بھی لازمی کرنا ہے علاوہ ازیں کہیں کوئی ٹیگ دوبار نہیں آنا چاہیے۔ اس لئے انڈیکس سے کاپی کرتے وقت یہ بات ذہن میں رکھیں کہ آپ نے کہاں تک کا کوڈ کاپی کر کے نئی فائل میں پیسٹ کیا ہے ۔ایک چھوٹی سی غلطی پورا سانچہ تباہ کر کے رکھ سکتی ہے، اس لئے کوشش کریں کہ غلطی ہو ہی نہیں ۔
اب ہم اپنی انڈیکس فائل کو دیکھتے ہیں،صحفہ کے ہیڈ ٹیگ کے ختم ہونے تک سب کچھ ہم کاپی کریں گے، باڈی ٹیگ کے فوراً نیچے ہمیں ہیڈر نام کا سلیکٹر نظر آ رہا ہے جس کے اندر دو مختلف کلاسز ہیں ایک لوگو کی دوسری مینوبار نام کی اضافی طور پر سرچ نام کی ایک کلاس بھی موجود ہے، اس کے بعد یہ تمام سلیکٹرز ایک ایک کر کے بند ہو رہے ہیں ۔ فوراً بعد ہی پیج نام کا ایک سلیکٹر ہے،اس سلیکٹر کے درمیان میں پورا صحفہ یعنی پوسٹ اور سائیڈبار موجود ہیں ۔ ہم اس سلیکٹر تک سب کچھ کاپی کر کے اس ہیڈر فائل میں پیسٹ کر دیں گے ۔ ذیل میں دیکھیں.
Code: Select all
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<title>creating wordpress theme</title>
<link rel=”stylesheet” href=”style.css” type=”text/css” />
</head>
<body>
<div id=”header”>
<div class=”logo”>This is logo of the site</div>
<div class=”navbar”>
<ul>
<li>First Page</li>
<li>2nd Page</li>
<li>3rd Page</li>
</ul>
<div class=”search”>
<form method=”get” action=”index.html”>
<input type=”text” class=”s” name=”s”/>
<input type=”submit” class=”button” value=”Go”/>
<form>
</div>
</div>
<div id=”page”>
اب اگر ہم اس ہیڈر فائل کو یوں ہی رہنے دیں، تب بھی یہ ایک مکمل فائل ہے، لیکن بہتر یہی ہے کہ ہم اس میں ورڈپریس ٹیگز کا استعمال کریں ۔ورڈپریس میں استعمال ہونے والے ٹیگز کا مکمل مطالعہ آپ یہاں کر سکتے ہیں ۔
سب سے پہلے ہم مندرجہ ذیل سطر کو اس طرح ٹیگز سے بدل دیں گے.
Code: Select all
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’);?>” />
ہم جو بھی اینکوڈنگ صحفہ میں شامل کریں گے وہ خود یہاں سیٹ ہو جائے گی ۔
اس سطر کے بعد ہمیں ٹائٹل نام کا سلیکٹر نظر آ رہا ہے ،ہم یا تو خود یہاں صحفہ کا عنوان لکھ سکتے ہیں، یا پھر یہاں بھی ورڈپریس ٹیگز کا اضافہ کر کے ورڈپریس سے یہ کام لیں گے ۔ تو آپ ٹائٹل کو مندرجہ ذیل طریقہ سے بدل دیں ۔
Code: Select all
<title>creating wordpress theme</title>
<title><?php bloginfo(‘name’); ?>|<?php wp_title(); ?></title>
اس سطر کے بعد ہمیں سٹائل شیٹ کی سطر نظر آ رہی ہے جسے ہم ذیل کی طرح بدل دیں گے ۔
Code: Select all
<link rel=”stylesheet” href=”style.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” />
Code: Select all
<link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/style_name.css” type=”text/css” />
لئے ہم یہاں بھی ورڈ پریس ٹیگز کا استعمال کریں گے ۔
Code: Select all
<div class=”logo”>This is logo of the site</div>
<div class=”logo”><a href=”<?php get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></div>
اس کے نیچے ہمیں سرچ نام کا سلیکٹر نظر آ رہا ہے ہم یہاں ذیل کا پورا کوڈ کاپی کر کے سرچ فارم والی فائل میں کاپی کر یں گے.
Code: Select all
<div class=”search”>
<form method=”get” action=”index.html”>
<input type=”text” class=”s” name=”s”/>
<input type=”submit” class=”button” value=”Go”/>
<form>
</div>
Code: Select all
<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
Code: Select all
<?php include (TEMPLATEPATH . ‘/lahore.php’); ?>
Code: Select all
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_get_archives(‘type=monthly&format=link’); ?>
<?php wp_head(); ?>
<script language=”javascript” type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/UrduEditor.js”></script>
<script language=”JavaScript” type=”text/javascript”>
initUrduEditor();
</script>
یہ سب تبدیلیوں کے بعد ہیڈر فائل کی مندرجہ ذیل شکل ہمارے پاس موجود ہونا چاہیے ۔
Code: Select all
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<title><?php bloginfo(‘name’); ?>|<?php wp_title(); ?></title>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” />
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_get_archives(‘type=monthly&format=link’); ?>
<?php wp_head(); ?>
<script language=”javascript” type=”text/javascript”
src=”<?php bloginfo(‘template_directory’); ?>/js/UrduEditor.js”></script>
<script language=”JavaScript” type=”text/javascript”>
initUrduEditor();
</script>
</head>
<body>
<div id=”header”>
<div class=”logo”><a href=”<?php get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></div>
<div class=”navbar”>
<ul>
<li>FirstPage</li>
<li>2nd Page</li>
<li>3rd Page</li>
</ul>
<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
</div>
<div id=”page”>
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
اب ہم دوبارہ سے ایچ ٹی ایم ایل کی انڈیکس فائل کا جائزہ لیتے ہیں،انڈیکس فائل میں سب سے پہلے ہیڈر ہے، جہاں ہیڈر ختم ہوتا ہے وہاں فوراً نیچے پوسٹ شروع ہو جاتی ہے، جہاں پوسٹ ختم ہوتی ہے اُس کے نیچے سائیڈبار شروع ہو جاتی ہے اور سب سے نیچے ہیڈر ۔یعنی ہیڈر، پوسٹ،سائیڈبار، فُٹر ۔ مگر ضروری نہیں کہ ہر سانچہ میں یہ ترتیب ایسے ہی ہو، کچھ سانچوں میں ہیڈر کے فورا بعد سائیڈبار پہلے آتی ہے اور پوسٹ اُس کے بعد ہوتی ہے ۔ لیکن جو بھی ترتیب سانچہ میں ہے اُس کو یاد رکھنا بہت اہم ہے ۔
ترتیب کے حساب سے ہم پہلے پوسٹ والے سانچہ کو بنانا چاہیے تھا، لیکن اُس کو ہم آخر کے لئے رہنے دیتے ہیں اور کیوں؟ یہ آپ کو بعد میں پتہ چلے گا۔ اب ہم انڈیکس فائل سے سائیڈ بار کا کوڈ کاپی کر کے سائیڈ بار والی فائل میں چسپاں کریں گے ۔ جو کہ مندرجہ ذیل ہے ۔
Code: Select all
<div id=”sidebar”>
<h2>Latest posts</h2>
Post 1
Post 2
Post 3
<h2>Links</h2>
<ul>
<li><a href=#>A link</a></li>
<li><a href=#>2 link</a></li>
<li><a href=#>3 link</a></li>
<li><a href=#>4 link</a></li>
</ul>
</div>
چسپاں کیا تھا اُسے یہاں منتقل کر دیں ۔
Code: Select all
<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
چلیں ہم تعارف سے شروع کرتے ہیں ۔
Code: Select all
<h2>بارے من</h2>
<p><?php the_author_description(); ?></p>
Code: Select all
<h2>تازہ تحریریں</h2>
<ul>
<li><?php get_archives(‘postbypost’, ’10′); ?></li>
</ul>
Code: Select all
<h2>موضوعات</h2>
<ul>
<li><?php wp_list_cats(); ?></li>
</ul>
Code: Select all
<h2>ساتھی بلاگر</h2>
<?php wp_list_bookmarks(); ?>
Code: Select all
<?php wp_loginout(); ?>
یہ سب تبدیلیاں کرنے کے بعد ہماری سائیڈبار کچھ اس طرح نظر آنا چاہیے ہے ۔
Code: Select all
<div id=”sidebar”>
<h2>بارے من</h2>
<p><?php the_author_description(); ?></p>
<h2>تازہ تحریریں</h2>
<ul>
<li><?php get_archives(‘postbypost’, ’10′); ?></li>
</ul>
<h2>موضوعات</h2>
<ul>
<li><?php wp_list_cats(); ?></li>
</ul>
<h2>ساتھی بلاگر</h2>
<?php wp_list_bookmarks(); ?>
<?php wp_loginout(); ?>
</div>
Code: Select all
<div id=”footer”>
This is footer of the page
</div>
</div>
</body>
</html>
Code: Select all
<div id=”footer”>
<p>تمام جملہ حقوق بحق <strong><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></strong> محفوظ ہیں ۔ یہ سانچہ <a href=”http://www.urdujahan.com/blog/”>جہانزیب </a> نے ورڈپریس تھیم اور اردو میں ڈھالا ہے</p>
</div>
</div>
<?php wp_footer(); ?>
</body>
</html>
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
انڈیکس فائل بلاگ کے مرکزی صحفہ کو دکھاتی ہے، جب بھی کوئی صارف آپ کے بلاگ کا پتہ لکھتا ہے تو جو صحفہ بنتا ہے وہ اسی فائل کی مدد سے ترتیب پاتا ہے ۔ ہمارے سانچہ میں سب سے اوپر ہیڈر پھر پوسٹ، اس کے بعد سائیڈبار اور سب سے آخر میں فٹر تھا۔ ہم اسی ترتیب سے انڈیکس فائل کو ترتیب دیں گے، لیکن یہاں بجائے ہم ٹیگز دوبارہ سے لکھیں، ورڈپریس تھیم کے ٹیگز کی مدد سے پہلے بنائی گئی فائلوں کو صرف ایک ٹیگ کی مدد سے یہاں ظاہر کر دیں گے ۔ سب سے پہلے ہیڈر کو
بلانے کے لئے ذیل کا ٹیگ استعمال ہوتا ہے ۔
Code: Select all
<?php get_header(); ?>
Code: Select all
<div id=”right”>
<h2 class=”post-title”>Title of the post</h2>
<p class=”entry”>Post Body</p>
<div class=”post-footer”><div class=”date”>Posted on[date]</div><div class=”author”>Author</div><div class=”comment-count”>Comments</div></div>
</div>
Code: Select all
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
some text
<?php endwhile; else: ?>
more text
<?php endif; ?>
Code: Select all
<div id=”right”>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
اس حصہ میں ٹیگز استعمال کر کے ہم اسے کچھ اس طرح بنا لیں گے ۔
Code: Select all
<h2 id=”post-<?php the_ID(); ?>” class=”post-title”><a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></a></h2>
عنوان کے بعد ہمارے پاس تحریر کا متن والا حصہ ہے، اسے ہم مندرجہ ذیل طریقے سے دکھاتے ہیں ۔
Code: Select all
<p class=”entry”><?php the_content(”); ?></p>
Code: Select all
<div class=”post-footer”><div class=”date”><?php the_time(‘l,j F Y’) ?></div><div class=”author”><?php the_author_link(); ?></div><div class=”comment-count”><?php comments_popup_link(‘پہلا تبصرہ کریں’, ‘ایک تبصرہ’, ‘% تبصرے’); ?><?php edit_post_link(‘| ترمیم’, ”, ‘ | ‘); ?></div></div>
Code: Select all
<?php endwhile; ?>
Code: Select all
<div style=”float: right;”><?php previous_posts_link(‘پچھلا صحفہ’) ?></div>
<div style=”float: left;”><?php next_posts_link(‘اگلا صحفہ’) ?></div>
Code: Select all
<?php else : ?>
<?php include (TEMPLATEPATH . ‘/404.php’); ?>
<?php endif; ?>
Code: Select all
</div>
Code: Select all
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Code: Select all
<?php get_header(); ?>
<div id=”right”>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h2 id=”post-<?php the_ID(); ?>” class=”post-title”><a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></a></h2>
<p class=”entry”><?php the_content(”); ?></p>
<div class=”post-footer”><div class=”date”><?php the_time(‘l,j F Y’) ?></div><div class=”author”><?php the_author_link(); ?></div><div class=”comment-count”><?php comments_popup_link(‘پہلا تبصرہ کریں’, ‘ایک تبصرہ’, ‘% تبصرے’); ?><?php edit_post_link(‘| ترمیم’, ”, ‘ | ‘); ?></div></div>
<div style=”float: right;”><?php previous_posts_link(‘پچھلا صحفہ’) ?></div>
<div style=”float: left;”><?php next_posts_link(‘اگلا صحفہ’) ?></div>
<?php endwhile; ?>
<!–
<?php trackback_rdf(); ?>
–>
<?php else : ?>
<?php include (TEMPLATEPATH . ‘/404.php’); ?>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
اب اس انڈیکس فائل کو کاپی کر کے آپ سرچ، آرکائیو،سنگل اور پیج کے نام سے بنی فائلوں میں پیسٹ کر کے انہیں مخفوظ کر لیں ۔
ہمارا تھیم اٹھانویں فی صد تیار ہے، اس میں ایک تبصرے شامل کرنے ہیں، دوسرا چھوٹی چھوٹی کچھ اور تبدیلیاں کرنا ہیں ۔لیکن اب اصل کام صرف تبصروں کا ہی رہ گیا ہے ۔
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
جب کوئی صارف آپ کے بلاگ پر کچھ تلاش کرتا ہے تو تلاش کے نتائج دکھانے کے لئے سرچ والا سانچہ استعمال ہوتا ہے ۔ اسی طرح جب کوئی مخفوظات دیکھنا چاہے یا کسی زمرہ میں تحریریں دیکھنا چاہے تو اس مقصد کے لئے آرکائیو والا سانچہ استعمال ہو گا ۔ ہم نے ابھی انڈیکس فائل کو سرچ اور آرکائیو کی فائل میں کاپی پیسٹ کیا تھا، ہمیں اُس میں صرف ایک تبدیلی کرنا ہے ، جو مندرجہ ذیل ہے ۔
Code: Select all
<p class=”entry”><?php the_content(”); ?></p>
Code: Select all
<p class=”entry”><?php the_excerpt(”); ?></p>
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
جب آپ کسی بلاگ پر کسی تحریر کے عنوان پر کلک کرتے ہیں، تو سب سے اہم تبدیلی جو نظر آتی ہے کہ صرف ایک وہی تحریر اور اس پر ہونے والے تبصرہ جات نظر آنے لگتے ہیں، یہی کچھ حال پیج والے سانچہ کا ہے ۔ ہم انڈیکس فائل میں تبصرہ جات دکھانے والے ٹیگ کا استعمال کر کے تبصرہ دکھانے کا انتظام کریں گے، اور فائل کو ذیل کی طرح بنا لیں گے ۔
Code: Select all
<?php get_header(); ?>
<div id=”right”>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h2 id=”post-<?php the_ID(); ?>” class=”post-title”><a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></a></h2>
<p class=”entry”><?php the_content(”); ?></p>
<div class=”post-footer”><div class=”date”><?php the_time(‘l,j F Y’) ?></div><div class=”author”><?php the_author_link(); ?></div><div class=”comment-count”><?php comments_popup_link(‘پہلا تبصرہ کریں’, ‘ایک تبصرہ’, ‘% تبصرے’); ?><?php edit_post_link(‘| ترمیم’, ”, ‘ | ‘); ?></div></div>
<div style=”float: right;”><?php next_post_link(); ?></div>
<div style=”float: left;”><?php previous_post_link(); ?></div>
<?php endwhile; ?>
<!–
<?php trackback_rdf(); ?>
–>
<?php else : ?>
<?php include (TEMPLATEPATH . ‘/404.php’); ?>
<?php endif; ?>
<!– comments start here –>
<div id=’comment-box’>
<?php comments_template(); ?>
</div>
اس سانچہ کا استعمال تب کیا جاتا ہے، جب صارف کسی ایسے صحفہ یا تحریر پر جانے کی کوشش کرے جو موجود نہیں ہو ۔ اسکو ذیل کی طرح لکھا جا سکتا ہے ۔
Code: Select all
<?php get_header(); ?>
<div id=”right”>
<h2 class=”post-title”>صحفہ نا موجود</h2>
<p class=”entry”>آپ کا تلاش کردہ مضمون یا صحفہ موجود نہیں ہے </p>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
اگر کوئی مجھ سے پوچھے کہ ورڈپریس تھیم ٹمپلیٹ میں کونسا ٹمپلیٹ سب سے مشکل ہے، تو میرا جواب ہو گا تبصروں کا سانچہ ۔ اسی لئے میں نے اس سانچہ کو سب سے آخر میں بنانے کا فیصلہ کیا ہے ۔ تبصروں کے سانچہ کے لئے ہم ورڈپریس کے ڈیفالٹ تھیم کا سانچہ استعمال کریں گے ۔یہاں دو باتیں کہنا چاہوں گا، جب آپ کسی بنے بنائے سانچہ کو ورڈپریس تھیم میں ڈھالنے کی کوشش کریں گے تو زیادہ تر سانچوں میں تبصروں کا سٹائل نہیں بنایا گیا ہو گا، لیکن پھر بھی بہت سے تھیم ایسے ہوتے ہیں جن میں پہلے پیراگراف کا سٹائل دوسرے پیراگراف سے مختلف ہوتا ہے۔ ایسی صورت میں آپ پہلے سٹائل کو پوسٹ کا سٹائل اور دوسرے کو تبصروں کا سٹائل بنا سکتے ہیں ۔
ایک اور صورت یہ بھی ہے کہ پوسٹ اور تبصروں کا سٹائل ایک ہی رکھا جائے، لیکن سب سے بہتر یہی ہے کہ نئے سرے سے تبصروں کا سٹائل بنا لیا جائے ۔ ورڈ پریس کے ڈیفالٹ تھیم میں تبصروں کا سانچہ مندرجہ ذیل ہے ۔
Code: Select all
<?php if ( !empty($post->post_password) && $_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) : ?>
<p><?php _e(‘Enter your password to view comments.’); ?></p>
<?php return; endif; ?>
<h2 id=”comments”><?php comments_number(__(‘No Comments’), __(’1 Comment’), __(‘% Comments’)); ?>
<?php if ( comments_open() ) : ?>
<a href=”#postcomment” title=”<?php _e(“Leave a comment”); ?>”>»</a>
<?php endif; ?>
</h2>
<?php if ( $comments ) : ?>
<ol id=”commentlist”>
<?php foreach ($comments as $comment) : ?>
<li id=”comment-<?php comment_ID() ?>”>
<?php comment_text() ?>
<p><cite><?php comment_type(__(‘Comment’), __(‘Trackback’), __(‘Pingback’)); ?> <?php _e(‘by’); ?> <?php comment_author_link() ?> — <?php comment_date() ?> @ <a href=”#comment-<?php comment_ID() ?>”><?php comment_time() ?></a></cite> <?php edit_comment_link(__(“Edit This”), ‘ |’); ?></p>
</li>
<?php endforeach; ?>
</ol>
<?php else : // If there are no comments yet ?>
<p><?php _e(‘No comments yet.’); ?></p>
<?php endif; ?>
<p><?php comments_rss_link(__(‘<abbr title=”Really Simple Syndication”>RSS</abbr> feed for comments on this post.’)); ?>
<?php if ( pings_open() ) : ?>
<a href=”<?php trackback_url() ?>” rel=”trackback”><?php _e(‘TrackBack <abbr title=”Universal Resource Locator”>URL</abbr>’); ?></a>
<?php endif; ?>
</p>
<?php if ( comments_open() ) : ?>
<h2 id=”postcomment”><?php _e(‘Leave a comment’); ?></h2>
<?php if ( get_option(‘comment_registration’) && !$user_ID ) : ?>
<p><?php printf(__(‘You must be <a href=”%s”>logged in</a> to post a comment.’), get_option(‘siteurl’).”/wp-login.php?redirect_to=”.urlencode(get_permalink()));?></p>
<?php else : ?>
<form action=”<?php echo get_option(‘siteurl’); ?>/wp-comments-post.php” method=”post” id=”commentform”>
<?php if ( $user_ID ) : ?>
<p><?php printf(__(‘Logged in as %s.’), ‘<a href=”‘.get_option(‘siteurl’).’/wp-admin/profile.php”>’.$user_identity.’</a>’); ?> <a href=”<?php echo get_option(‘siteurl’); ?>/wp-login.php?action=logout” title=”<?php _e(‘Log out of this account’) ?>”><?php _e(‘Logout »’); ?></a></p>
<?php else : ?>
<p><input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” size=”22″ tabindex=”1″ />
<label for=”author”><small><?php _e(‘Name’); ?> <?php if ($req) _e(‘(required)’); ?></small></label></p>
<p><input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”22″ tabindex=”2″ />
<label for=”email”><small><?php _e(‘Mail (will not be published)’);?> <?php if ($req) _e(‘(required)’); ?></small></label></p>
<p><input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”22″ tabindex=”3″ />
<label for=”url”><small><?php _e(‘Website’); ?></small></label></p>
<?php endif; ?>
<!–<p><small><strong>XHTML:</strong> <?php printf(__(‘You can use these tags: %s’), allowed_tags()); ?></small></p>–>
<p><textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″></textarea></p>
<p><input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”<?php echo attribute_escape(__(‘Submit Comment’)); ?>” />
<input type=”hidden” name=”comment_post_ID” value=”<?php echo $id; ?>” />
</p>
<?php do_action(‘comment_form’, $post->ID); ?>
</form>
<?php endif; // If registration required and not logged in ?>
<?php else : // Comments are closed ?>
<p><?php _e(‘Sorry, the comment form is closed at this time.’); ?></p>
<?php endif; ?>
Code: Select all
<h2 id=”comments”><?php comments_number(__(‘No Comments’), __(’1 Comment’), __(‘% Comments’)); ?>
Code: Select all
<h2 id=”comments”><?php comments_number(__(‘پہلا تبصرہ کریں’), __(‘ایک تبصرہ’), __(‘% تبصرے’)); ?>
Code: Select all
<a href=”#postcomment” title=”<?php _e(“Leave a comment”); ?>”>»</a>
Code: Select all
<a href=”#postcomment” title=”<?php _e(“تبصرہ کریں”); ?>”>»</a>
Code: Select all
<p><cite><?php comment_type(__(‘Comment’), __(‘Trackback’), __(‘Pingback’)); ?> <?php _e(‘by’); ?> <?php comment_author_link() ?> — <?php comment_date() ?> @ <a href=”#comment-<?php comment_ID() ?>”><?php comment_time() ?></a></cite> <?php edit_comment_link(__(“Edit This”), ‘ |’); ?></p>
Code: Select all
<p><cite><?php comment_type(__(‘Comment’), __(‘Trackback’), __(‘Pingback’)); ?> <?php _e(‘از’); ?> <?php comment_author_link() ?> — <?php comment_date() ?> مؤرخہ <a href=”#comment-<?php comment_ID() ?>”><?php comment_time() ?></a></cite> <?php edit_comment_link(__(“ترمیم کریں”), ‘ |’); ?></p>
Code: Select all
<?php if ( $comments ) : ?>
<ol id=”commentlist”>
<?php foreach ($comments as $comment) : ?>
<li id=”comment-<?php comment_ID() ?>”>
<?php comment_text() ?>
<p><cite><?php comment_type(__(‘Comment’), __(‘Trackback’), __(‘Pingback’)); ?> <?php _e(‘by’); ?> <?php comment_author_link() ?> — <?php comment_date() ?> @ <a href=”#comment-<?php comment_ID() ?>”><?php comment_time() ?></a></cite> <?php edit_comment_link(__(“Edit This”), ‘ |’); ?></p>
</li>
<?php endforeach; ?>
</ol>
Code: Select all
<?php if ( $comments ) : ?>
Code: Select all
<?php endforeach; ?>
Code: Select all
commentlist
<ol>
<p>
<li>
<cite>
Code: Select all
#commentlist{ width: 100%;}
#commentlist ol{ list-style-type: none; margin: 0; padding: 0;}
#commentlist ol li{margin: 10px; text-align: right;}
#commentlist ol li p{font-size: 0.75em;}
#commentlist ol li cite{font-weight: bold;}
ایسا کرنے کے بعد ہمارا سانچہ مکمل ہے ۔ اگر آپ اردو کے لئے سانچہ بنا رہے ہیں تو آپ کو اس میں اردو پیڈ نصب کرنا ہوگا، جو کہ اتنا مشکل کام نہیں ہے ۔
ایسا کرنے کے لئے آپ jsنام کا ایک فولڈر سانچہ کے فولڈر کے اندر بنائیں اور اردو محفل سے اردو پیڈ کو ا س کے اندر ڈاؤن لوڈ کر لیں ۔ پھر جہاں جہاں آپ کو اردو پیڈ کا استعمال کرنا ہو، اُس ایریا کے نیچے ذیل والی سطر کا اضافہ کر لیں ۔
Code: Select all
<script language=”JavaScript” type=”text/javascript”>
makeUrduEditor(“s”, 12);
</script>
Code: Select all
onfocus=”setEditor(this)”
ہماری فائل فی الحال کچھ یوں ہے ۔
Code: Select all
<div class=”search”>
<form method=”get” action=”">
<input type=”text” name=”s” id=”s” value=”search”/>
<input type=”submit” class=”button” value=”Go” />
<form>
</div>
Code: Select all
<div class=”search”>
<form method=”get” action=”<?php bloginfo(‘home’); ?>/”>
<input type=”text” name=”s” id=”s” value=”search” onfocus=”setEditor(this)” />
<script language=”JavaScript” type=”text/javascript”>
makeUrduEditor(“s”, 12);
</script>
<input type=”submit” class=”button” value=”Go” />
<form>
</div>
بشکریہ: جہاں زیب اشرف
ماخذ: اردو جہاں بلاگ
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
- چاند بابو
- منتظم اعلٰی
- Posts: 22224
- Joined: Mon Feb 25, 2008 3:46 pm
- جنس:: مرد
- Location: بوریوالا
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
باقی لوگوں کے تو بالوں میں کچھ نا کچھ اٹک گیا ہو گا۔
لیکن آپ کے تو بال ہی اوپر سے کچھ بعد شروع ہوتے ہیں۔
تو اوپر سے ہی گزرنا تھا۔
محبتوں میں جو احسان ہو ، تمھارا ہو
میں اپنے حصے کے سُکھ جس کے نام کر ڈالوں
کوئی تو ہو جو مجھے اس طرح کا پیارا ہو
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
بہت محنت سے تیار کیا گیا ٹیوٹوریل ہے اور میرے خیال میں واحد ٹیوٹوریل ہے جس میں اتنی باریکی سے جائزہ لیا گیا ہے. ایک بات نوٹ کی ہوگی سب نے کہ سی ایس ایس کا استعمال . سی ایس ایس بہت دلچسپ چیز ہے جو کہ ایچ ٹی ایم ایل کے ساتھ کام کرتی ہے. میں اگرچہ اس کا ماہر تو نہیں لیکن کسی نہ کسی حد تک اسے جانتا ہوں اور مزے کی بات یہ کہ ابھی تھوڑی دیر پہلے اس کی پریکٹس بھی کررہا تھا.
علی عامر بھائی آپ کا بہت شکریہ
اور سب سے زیادہ ہم جہاں زیب اشرف صاحب کے شکر گزار ہیں.
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
اردو ورڈ پریس کے طلباء کے لئے یہ ٹیوٹوریل بہت کارآمد ثابت ہو گا.
-
- معاون خاص
- Posts: 5391
- Joined: Fri Mar 12, 2010 11:09 am
- جنس:: مرد
- Location: الشعيبہ - المملكةالعربيةالسعوديه
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
اپنے تجربات سے آگاہی فرمایئے. تا کہ ہمیںاستفادہ حاصل ہو ...
- چاند بابو
- منتظم اعلٰی
- Posts: 22224
- Joined: Mon Feb 25, 2008 3:46 pm
- جنس:: مرد
- Location: بوریوالا
- Contact:
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
ہاں اگر کیا تو اس کا حل ضرور لکھوں گا۔
محبتوں میں جو احسان ہو ، تمھارا ہو
میں اپنے حصے کے سُکھ جس کے نام کر ڈالوں
کوئی تو ہو جو مجھے اس طرح کا پیارا ہو
Re: ورڈ پریس کو اردو سانچے میں ڈھالنا
اُچا تیرا نام اے ربَ اُچی تیری ذات