<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>اردو جہاں بلاگ &#187; ایچ ٹی ایم ایل</title>
	<atom:link href="http://www.urdujahan.com/blog/topics/html-lessons/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.urdujahan.com/blog</link>
	<description>جہانزیب اشرف</description>
	<lastBuildDate>Sat, 21 Aug 2010 09:24:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>جدت ۔</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2009/update/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2009/update/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 17:24:58 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[میری زندگی]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=369</guid>
		<description><![CDATA[بلاگ کے پرانے قارئین کو بلاگ اب نئی شکل میں نظر آ رہا ہے ۔ بنیادی طور پر یہ وہی سانچہ ہے جو میں پہلے استعمال کر رہا تھا، لیکن اُسے بہتر بنایا گیا ہے، ظاہری شکل کو اِس سانچہ کے مطابق ڈھالا گیا ہے، جو کہ مبلغ دو سو ڈالر میں دستیاب تھا ۔ [...]]]></description>
			<content:encoded><![CDATA[<p>بلاگ کے پرانے قارئین کو بلاگ اب نئی شکل میں نظر آ رہا ہے ۔ بنیادی طور پر یہ وہی سانچہ ہے جو میں پہلے استعمال کر رہا تھا، لیکن اُسے بہتر بنایا گیا ہے، ظاہری شکل کو <a href="http://www.revolutiontheme.com/music/category/blog" target="_blank">اِس سانچہ</a> کے مطابق ڈھالا گیا ہے، جو کہ مبلغ دو سو ڈالر میں دستیاب تھا ۔ اِس میں کافی حد تک کامیاب رہا ہوں اور بعض جگہ میرے خیال میں یہ اصل سانچہ سے بھی بہتر ہے ۔ چوری تو ہے لیکن سینہ زوری نہیں، کیونکہ ورڈپریس میں یہ تھیم ایک  آغاز سے خود ترتیب دیا ہے، اور اسے مکمل کرنے میں تقریباً تین ماہ لگے ہیں ۔ پہلے مکمل کرنے کے بعد انٹرنیٹ ایکسپلورر میں درست نظر نہیں آرہا تھا، جس کی وجہ سے سب کام دوبارہ سے کرنا پڑا ۔<br />
ظاہری تبدیلیوں کے علاوہ  بہت سی تبدیلیاں ایسی ہیں جو کہ قاری سے مخفی ہیں اِس بارے میں اس ہفتہ کے اختتام پر تفصیل سے لکھنے کا اردہ ہے، سب سے پہلے تو ورڈپریس کا جدید ورژن بلاگ پر استعمال کیا جارہا ہے، پھر پہلی دفعہ سانچہ میں ایچ ٹی ایم ایل کو پی ایچ پی ٹیگز میں لپیٹ کر بنایا گیا ہے ۔ سب سے اہم تبدیلی جس کی وجہ سے سانچہ تبدیل کرنا پڑا وہ بلاگ کو سرچ انجن میں بہتر نتائج دینے کے لئے اس میں جدت ہے، ایک وقت ایسا بھی تھا جب گوگل پر اردو بلاگ تلاش کرنے سے میرا بلاگ پہلے تین چار نتائج میں ظاہر ہوتا تھا، جو اب کہیں پچھلے صفحات میں کھو گیا ہے، وجہ یہ تھی کہ پہلے سانچہ کو انٹرنیٹ ایکسپلورر اور فائر فاکس دونوں میں درست دکھانے کے لئے بلاگ کے اصل متن کو اخیر میں رکھا گیا تھا، جبکہ اس سانچہ میں اصل متن بلاگ کا سورس دیکھنے پر سب سے پہلے نظر آئے گا ۔ پھر پچھلے سانچہ میں ہیڈنگ ٹیگز کا استعمال نہیں کیا جارہا تھا، جیسے بلاگ کا عنوان اور تحاریر کے عنوانات کو ہیڈنگز ٹیگز لگانے کی بجائے صرف سی ایس ایس کے استعمال سے چھوٹا بڑا دکھایا جا رہا تھا، جبکہ اس سانچہ میں عنوانات کے لئے ہیڈنگز ٹیگز کا استعمال کیا جا رہا ہے، جس کی وجہ سے گوگل اور سرچ انجن ہیڈنگز کو زیادہ اہمیت دیں گے ۔ پہلے جب فیض احمد فیض تلاش کرتے تھے تو سب سے پہلا ربط میرے بلاگ کا کھلتا تھا، جو کہ پچھلے سانچہ میں ہیڈنگز کا استعمال نہ کرنے کی وجہ سے گم ہو چکا تھا، امید ہے اِن تبدیلیوں سے بلاگ کے تلاش میں نتائج بہتر ہو جائیں گے ۔<br />
پھر بلاگ میں دیسی کے ساتھ بدیشی تڑکہ لگایا ہے، پچھلی دو تحاریر میں نے اپنی انگریزی میں خامیاں دکھانے کے لئے نہیں لکھی ، بلکہ بدیشی زبان کو آزمانے کے لئے لکھی ہیں، اس میں فی الحال ایک خامی باقی ہے کہ انگریزی تحاریر کے ساتھ تبصرہ کا خانہ بھی صرف انگریزی میں ہونا چاہیے، اپنے لوکل ہوسٹ پر تو میں اسے کامیابی سے آزما چکا ہوں، وقت ملنے پر اگلے ہفتہ اسے یہاں بھی چڑھا دوں گا ۔ انگریزی حصہ میں کیا لکھنا ہے؟ اِس کا فیصلہ وقت کرے گا ۔<br />
اِن تبدیلیوں کے علاوہ بلاگ میں اور بھی تبدیلیاں کرنے کا اردہ ہے، جو وقت کے ساتھ ساتھ ظاہر ہوں گی ۔آپ کو سانچہ کیسا لگا؟ اِس میں کیا کیا خامیاں موجود ہیں، آراء کا انتظار رہے گا ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2009/update/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>اردو ٹیک بلاگز اور نستعلیق ۔</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/alvi-nastaleeq-posts/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/alvi-nastaleeq-posts/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 16:20:03 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[اردو]]></category>
		<category><![CDATA[علوی نستعلیق]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=294</guid>
		<description><![CDATA[اگر آپ کا بلاگ اردو ٹیک پر پر موجود ہے، اور دستیاب سانچوں میں (فی الحال) نستعلیق خط کی عدم دستیابی کی وجہ سے   دوسرا خط جو سانچہ میں استعمال ہو رہا ہو کو ہی استعمال کرنے پر مجبور ہیں تو نیچے بیان کردہ طریقہ سے کم از کم آپ اپنی تحریروں کو نستعلیق خط [...]]]></description>
			<content:encoded><![CDATA[<p>اگر آپ کا بلاگ اردو ٹیک پر پر موجود ہے، اور دستیاب سانچوں میں (فی الحال) نستعلیق خط کی عدم دستیابی کی وجہ سے   دوسرا خط جو سانچہ میں استعمال ہو رہا ہو کو ہی استعمال کرنے پر مجبور ہیں تو نیچے بیان کردہ طریقہ سے کم از کم آپ اپنی تحریروں کو نستعلیق خط میں دکھا سکتے ہیں ۔</p>
<p>سب سے پہلے جب آپ write منتخب کرتے ہیں تو ذیل کا دریچہ آپ کے پاس کھلے گا، یہاں تصویر کے مطابق HTML کو منتخب کریں ۔</p>
<p><a href="http://www.urdujahan.com/blog/wp-content/uploads/2008/12/nastaleeq-posts.png"><img class="post" title="nastaleeq-posts" src="http://www.urdujahan.com/blog/wp-content/uploads/2008/12/nastaleeq-posts.png" alt="نستعلیق تحاریر" /></a></p>
<p>اور مندرجہ ذیل کوڈ کا اضافہ کر لیں ۔</p>
<pre class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; overflow: auto; width: auto; height: auto; text-align: left;" dir="ltr">&lt;div style="font-family: "Alvi Nastaleeq", "Alvi Nastaleeq v1.0.0", tahoma;"&gt;
&lt;/div&gt;</pre>
<p>ان دو کوڈ کی سطروں کے درمیان اپنی تحریر لکھ کر آپ اسے کسی بھی سانچہ میں علوی نستعلیق میں دکھا سکتے ہیں ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/alvi-nastaleeq-posts/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>تبصرے</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/wordpress-comments-php/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/wordpress-comments-php/#comments</comments>
		<pubDate>Thu, 01 May 2008 14:00:50 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=260</guid>
		<description><![CDATA[اگر کوئی مجھ سے پوچھے کہ ورڈپریس تھیم ٹمپلیٹ میں کونسا ٹمپلیٹ سب سے مشکل ہے، تو میرا جواب ہو گا تبصروں کا سانچہ ۔ اسی لئے میں نے اس سانچہ کو سب سے آخر میں بنانے کا فیصلہ کیا ہے ۔ تبصروں کے سانچہ کے لئے ہم ورڈپریس کے ڈیفالٹ تھیم کا سانچہ استعمال [...]]]></description>
			<content:encoded><![CDATA[<p>اگر کوئی مجھ سے پوچھے کہ ورڈپریس تھیم ٹمپلیٹ میں کونسا ٹمپلیٹ سب سے مشکل ہے، تو میرا جواب ہو گا تبصروں کا سانچہ ۔ اسی لئے میں نے اس سانچہ کو سب سے آخر میں بنانے کا فیصلہ کیا ہے ۔ تبصروں کے سانچہ کے لئے ہم ورڈپریس کے ڈیفالٹ تھیم کا سانچہ استعمال کریں گے ۔یہاں دو باتیں کہنا چاہوں گا، جب آپ کسی بنے بنائے سانچہ کو ورڈپریس تھیم میں ڈھالنے کی کوشش کریں گے تو زیادہ تر سانچوں میں تبصروں کا سٹائل نہیں بنایا گیا ہو گا، لیکن پھر بھی بہت سے تھیم ایسے ہوتے ہیں جن میں پہلے پیراگراف کا سٹائل دوسرے پیراگراف سے مختلف ہوتا ہے۔ ایسی صورت میں آپ پہلے سٹائل کو پوسٹ  کا سٹائل اور دوسرے کو تبصروں کا سٹائل بنا سکتے ہیں ۔<br />
ایک اور صورت یہ بھی ہے کہ پوسٹ اور تبصروں کا سٹائل ایک ہی رکھا جائے، لیکن سب سے بہتر یہی ہے کہ نئے سرے سے تبصروں کا سٹائل بنا لیا جائے ۔ ورڈ پریس کے ڈیفالٹ تھیم میں تبصروں کا سانچہ مندرجہ ذیل  ہے ۔ <span id="more-260"></span></p>
<div class="code">
&lt;?php if ( !empty($post-&gt;post_password) &amp;&amp; $_COOKIE['wp-postpass_' . COOKIEHASH] != $post-&gt;post_password) : ?&gt;<br />
&lt;p&gt;&lt;?php _e(&#8216;Enter your password to view comments.&#8217;); ?&gt;&lt;/p&gt;<br />
&lt;?php return; endif; ?&gt;</p>
<p>&lt;h2 id=&#8221;comments&#8221;&gt;&lt;?php comments_number(__(&#8216;No Comments&#8217;), __(&#8217;1 Comment&#8217;), __(&#8216;% Comments&#8217;)); ?&gt;<br />
&lt;?php if ( comments_open() ) : ?&gt;<br />
&lt;a href=&#8221;#postcomment&#8221; title=&#8221;&lt;?php _e(&#8220;Leave a comment&#8221;); ?&gt;&#8221;&gt;&amp;raquo;&lt;/a&gt;<br />
&lt;?php endif; ?&gt;<br />
&lt;/h2&gt;</p>
<p>&lt;?php if ( $comments ) : ?&gt;<br />
&lt;ol id=&#8221;commentlist&#8221;&gt;</p>
<p>&lt;?php foreach ($comments as $comment) : ?&gt;<br />
&lt;li id=&#8221;comment-&lt;?php comment_ID() ?&gt;&#8221;&gt;<br />
&lt;?php comment_text() ?&gt;<br />
&lt;p&gt;&lt;cite&gt;&lt;?php comment_type(__(&#8216;Comment&#8217;), __(&#8216;Trackback&#8217;), __(&#8216;Pingback&#8217;)); ?&gt; &lt;?php _e(&#8216;by&#8217;); ?&gt; &lt;?php comment_author_link() ?&gt; &amp;#8212; &lt;?php comment_date() ?&gt; @ &lt;a href=&#8221;#comment-&lt;?php comment_ID() ?&gt;&#8221;&gt;&lt;?php comment_time() ?&gt;&lt;/a&gt;&lt;/cite&gt; &lt;?php edit_comment_link(__(&#8220;Edit This&#8221;), &#8216; |&#8217;); ?&gt;&lt;/p&gt;<br />
&lt;/li&gt;</p>
<p>&lt;?php endforeach; ?&gt;</p>
<p>&lt;/ol&gt;</p>
<p>&lt;?php else : // If there are no comments yet ?&gt;<br />
&lt;p&gt;&lt;?php _e(&#8216;No comments yet.&#8217;); ?&gt;&lt;/p&gt;<br />
&lt;?php endif; ?&gt;</p>
<p>&lt;p&gt;&lt;?php comments_rss_link(__(&#8216;&lt;abbr title=&#8221;Really Simple Syndication&#8221;&gt;RSS&lt;/abbr&gt; feed for comments on this post.&#8217;)); ?&gt;<br />
&lt;?php if ( pings_open() ) : ?&gt;<br />
&lt;a href=&#8221;&lt;?php trackback_url() ?&gt;&#8221; rel=&#8221;trackback&#8221;&gt;&lt;?php _e(&#8216;TrackBack &lt;abbr title=&#8221;Universal Resource Locator&#8221;&gt;URL&lt;/abbr&gt;&#8217;); ?&gt;&lt;/a&gt;<br />
&lt;?php endif; ?&gt;<br />
&lt;/p&gt;</p>
<p>&lt;?php if ( comments_open() ) : ?&gt;<br />
&lt;h2 id=&#8221;postcomment&#8221;&gt;&lt;?php _e(&#8216;Leave a comment&#8217;); ?&gt;&lt;/h2&gt;</p>
<p>&lt;?php if ( get_option(&#8216;comment_registration&#8217;) &amp;&amp; !$user_ID ) : ?&gt;<br />
&lt;p&gt;&lt;?php printf(__(&#8216;You must be &lt;a href=&#8221;%s&#8221;&gt;logged in&lt;/a&gt; to post a comment.&#8217;), get_option(&#8216;siteurl&#8217;).&#8221;/wp-login.php?redirect_to=&#8221;.urlencode(get_permalink()));?&gt;&lt;/p&gt;<br />
&lt;?php else : ?&gt;</p>
<p>&lt;form action=&#8221;&lt;?php echo get_option(&#8216;siteurl&#8217;); ?&gt;/wp-comments-post.php&#8221; method=&#8221;post&#8221; id=&#8221;commentform&#8221;&gt;</p>
<p>&lt;?php if ( $user_ID ) : ?&gt;</p>
<p>&lt;p&gt;&lt;?php printf(__(&#8216;Logged in as %s.&#8217;), &#8216;&lt;a href=&#8221;&#8216;.get_option(&#8216;siteurl&#8217;).&#8217;/wp-admin/profile.php&#8221;&gt;&#8217;.$user_identity.&#8217;&lt;/a&gt;&#8217;); ?&gt; &lt;a href=&#8221;&lt;?php echo get_option(&#8216;siteurl&#8217;); ?&gt;/wp-login.php?action=logout&#8221; title=&#8221;&lt;?php _e(&#8216;Log out of this account&#8217;) ?&gt;&#8221;&gt;&lt;?php _e(&#8216;Logout &amp;raquo;&#8217;); ?&gt;&lt;/a&gt;&lt;/p&gt;</p>
<p>&lt;?php else : ?&gt;</p>
<p>&lt;p&gt;&lt;input type=&#8221;text&#8221; name=&#8221;author&#8221; id=&#8221;author&#8221; value=&#8221;&lt;?php echo $comment_author; ?&gt;&#8221; size=&#8221;22&#8243; tabindex=&#8221;1&#8243; /&gt;<br />
&lt;label for=&#8221;author&#8221;&gt;&lt;small&gt;&lt;?php _e(&#8216;Name&#8217;); ?&gt; &lt;?php if ($req) _e(&#8216;(required)&#8217;); ?&gt;&lt;/small&gt;&lt;/label&gt;&lt;/p&gt;</p>
<p>&lt;p&gt;&lt;input type=&#8221;text&#8221; name=&#8221;email&#8221; id=&#8221;email&#8221; value=&#8221;&lt;?php echo $comment_author_email; ?&gt;&#8221; size=&#8221;22&#8243; tabindex=&#8221;2&#8243; /&gt;<br />
&lt;label for=&#8221;email&#8221;&gt;&lt;small&gt;&lt;?php _e(&#8216;Mail (will not be published)&#8217;);?&gt; &lt;?php if ($req) _e(&#8216;(required)&#8217;); ?&gt;&lt;/small&gt;&lt;/label&gt;&lt;/p&gt;</p>
<p>&lt;p&gt;&lt;input type=&#8221;text&#8221; name=&#8221;url&#8221; id=&#8221;url&#8221; value=&#8221;&lt;?php echo $comment_author_url; ?&gt;&#8221; size=&#8221;22&#8243; tabindex=&#8221;3&#8243; /&gt;<br />
&lt;label for=&#8221;url&#8221;&gt;&lt;small&gt;&lt;?php _e(&#8216;Website&#8217;); ?&gt;&lt;/small&gt;&lt;/label&gt;&lt;/p&gt;</p>
<p>&lt;?php endif; ?&gt;</p>
<p>&lt;!&#8211;&lt;p&gt;&lt;small&gt;&lt;strong&gt;XHTML:&lt;/strong&gt; &lt;?php printf(__(&#8216;You can use these tags: %s&#8217;), allowed_tags()); ?&gt;&lt;/small&gt;&lt;/p&gt;&#8211;&gt;</p>
<p>&lt;p&gt;&lt;textarea name=&#8221;comment&#8221; id=&#8221;comment&#8221; cols=&#8221;100%&#8221; rows=&#8221;10&#8243; tabindex=&#8221;4&#8243;&gt;&lt;/textarea&gt;&lt;/p&gt;</p>
<p>&lt;p&gt;&lt;input name=&#8221;submit&#8221; type=&#8221;submit&#8221; id=&#8221;submit&#8221; tabindex=&#8221;5&#8243; value=&#8221;&lt;?php echo attribute_escape(__(&#8216;Submit Comment&#8217;)); ?&gt;&#8221; /&gt;<br />
&lt;input type=&#8221;hidden&#8221; name=&#8221;comment_post_ID&#8221; value=&#8221;&lt;?php echo $id; ?&gt;&#8221; /&gt;<br />
&lt;/p&gt;<br />
&lt;?php do_action(&#8216;comment_form&#8217;, $post-&gt;ID); ?&gt;</p>
<p>&lt;/form&gt;</p>
<p>&lt;?php endif; // If registration required and not logged in ?&gt;</p>
<p>&lt;?php else : // Comments are closed ?&gt;<br />
&lt;p&gt;&lt;?php _e(&#8216;Sorry, the comment form is closed at this time.&#8217;); ?&gt;&lt;/p&gt;<br />
&lt;?php endif; ?&gt;
</p></div>
<p>اس فائل کو آپ کمنٹس پی ایچ پی میں کاپی پیسٹ کر لیں، اگر آپ اردو کے لئے تھیم بنا رہے ہیں تو یہاں کچھ حصوں کو ہمیں اردو میں ڈھالنا ہوگا ۔ مثلاً ذیل کی سطر</p>
<div class="code">&lt;h2 id=&#8221;comments&#8221;&gt;&lt;?php comments_number(__(&#8216;No Comments&#8217;), __(&#8217;1 Comment&#8217;), __(&#8216;% Comments&#8217;)); ?&gt;</div>
<p>کو بدل کر</p>
<div class="code">&lt;h2 id=&#8221;comments&#8221;&gt;&lt;?php comments_number(__(&#8216;پہلا تبصرہ کریں&#8217;), __(&#8216;ایک تبصرہ&#8217;), __(&#8216;% تبصرے&#8217;)); ?&gt;</div>
<p>اسی طرح جہاں جہاں ٹیگز کے علاوہ انگریزی کا استعمال ہوا اُن سب کو اردو سے بدل دیں ۔</p>
<div class="code">&lt;a href=&#8221;#postcomment&#8221; title=&#8221;&lt;?php _e(&#8220;Leave a comment&#8221;); ?&gt;&#8221;&gt;&amp;raquo;&lt;/a&gt;</div>
<p>کو بدل کر</p>
<div class="code">&lt;a href=&#8221;#postcomment&#8221; title=&#8221;&lt;?php _e(&#8220;تبصرہ کریں&#8221;); ?&gt;&#8221;&gt;&amp;raquo;&lt;/a&gt;</div>
<p>اسی طرح</p>
<div class="code">&lt;p&gt;&lt;cite&gt;&lt;?php comment_type(__(&#8216;Comment&#8217;), __(&#8216;Trackback&#8217;), __(&#8216;Pingback&#8217;)); ?&gt; &lt;?php _e(&#8216;by&#8217;); ?&gt; &lt;?php comment_author_link() ?&gt; &amp;#8212; &lt;?php comment_date() ?&gt; @ &lt;a href=&#8221;#comment-&lt;?php comment_ID() ?&gt;&#8221;&gt;&lt;?php comment_time() ?&gt;&lt;/a&gt;&lt;/cite&gt; &lt;?php edit_comment_link(__(&#8220;Edit This&#8221;), &#8216; |&#8217;); ?&gt;&lt;/p&gt;</div>
<p>کو بدل کر</p>
<div class="code">&lt;p&gt;&lt;cite&gt;&lt;?php comment_type(__(&#8216;Comment&#8217;), __(&#8216;Trackback&#8217;), __(&#8216;Pingback&#8217;)); ?&gt; &lt;?php _e(&#8216;از&#8217;); ?&gt; &lt;?php comment_author_link() ?&gt; &amp;#8212; &lt;?php comment_date() ?&gt; مؤرخہ &lt;a href=&#8221;#comment-&lt;?php comment_ID() ?&gt;&#8221;&gt;&lt;?php comment_time() ?&gt;&lt;/a&gt;&lt;/cite&gt; &lt;?php edit_comment_link(__(&#8220;ترمیم کریں&#8221;), &#8216; |&#8217;); ?&gt;&lt;/p&gt;</div>
<p>ایسے ہی فارم میں جہاں جہاں انگریزی کا استعمال ہوا ہے اُسے اردو سے بدل سکتے ہیں، لیکن یہاں ہمارا مقصد یہ نہیں ہے بلکہ تبصروں کو سٹائل کرنا اصل مقصد ہے ۔ اوپر والے کوڈ میں مندرجہ ذیل حصہ تبصرہ دکھاتا ہے ۔</p>
<div class="code">&lt;?php if ( $comments ) : ?&gt;<br />
&lt;ol id=&#8221;commentlist&#8221;&gt;</p>
<p>&lt;?php foreach ($comments as $comment) : ?&gt;<br />
&lt;li id=&#8221;comment-&lt;?php comment_ID() ?&gt;&#8221;&gt;<br />
&lt;?php comment_text() ?&gt;<br />
&lt;p&gt;&lt;cite&gt;&lt;?php comment_type(__(&#8216;Comment&#8217;), __(&#8216;Trackback&#8217;), __(&#8216;Pingback&#8217;)); ?&gt; &lt;?php _e(&#8216;by&#8217;); ?&gt; &lt;?php comment_author_link() ?&gt; &amp;#8212; &lt;?php comment_date() ?&gt; @ &lt;a href=&#8221;#comment-&lt;?php comment_ID() ?&gt;&#8221;&gt;&lt;?php comment_time() ?&gt;&lt;/a&gt;&lt;/cite&gt; &lt;?php edit_comment_link(__(&#8220;Edit This&#8221;), &#8216; |&#8217;); ?&gt;&lt;/p&gt;<br />
&lt;/li&gt;</p>
<p>&lt;?php endforeach; ?&gt;</p>
<p>&lt;/ol&gt;
</p></div>
<p>ورڈ پریس کے تھیم کو اگر آپ اردوا رہے ہیں تب بھی</p>
<div class="code">&lt;?php if ( $comments ) : ?&gt;</div>
<p>سے شروع کر کے</p>
<div class="code">&lt;?php endforeach; ?&gt;</div>
<p>کے درمیان تبصرہ ہوتا ہے ۔ اب ہم کمنٹس کے تمام سلیکٹرز کو دیکھیں گے جو مندرجہ ذیل ہیں ۔</p>
<div class="code">commentlist<br />
&lt;ol&gt;<br />
&lt;p&gt;<br />
&lt;li&gt;<br />
&lt;cite&gt;</div>
<p>ان تمام سلیکٹرز کے بیچ میں تبصروں سے متعلق سارا متن موجود ہے، پورا کمنٹ کمنٹ لسٹ کے اندر سمایا ہے جو کہ ایک آرڈرڈ لسٹ ہے، اور تبصرہ کا متن لسٹ آئٹم کی صورت میں ہے ۔ اب آپ اپنے سانچہ کی سی ایس ایس فائل میں پوسٹ کا سٹائل دیکھ کر اس کے مطابق اوپر والے چاروں سلیکٹرز کا سٹائل بنا لیں، مثلاً</p>
<div class="code">#commentlist{ width: 100%;}<br />
#commentlist ol{ list-style-type: none; margin: 0; padding: 0;}<br />
#commentlist ol li{margin: 10px; text-align: right;}<br />
#commentlist ol li p{font-size: 0.75em;}<br />
#commentlist ol li cite{font-weight: bold;}</div>
<p>اس طرح سٹائل ترتیب دینے کے بعد اُسے آپ سٹائل سی ایس ایس والی فائل میں مخفوظ کر لیں ۔<br />
ایسا کرنے کے بعد ہمارا سانچہ مکمل ہے ۔ اگر آپ اردو کے لئے سانچہ بنا رہے ہیں تو آپ کو اس میں اردو پیڈ نصب کرنا ہوگا، جو کہ اتنا مشکل کام نہیں ہے ۔<br />
ایسا کرنے کے لئے آپ <strong>js</strong>نام کا ایک فولڈر سانچہ کے فولڈر کے اندر بنائیں اور اردو محفل سے اردو پیڈ کو ا س کے اندر ڈاؤن لوڈ کر لیں ۔ پھر جہاں جہاں آپ کو اردو پیڈ کا استعمال کرنا ہو، اُس ایریا کے نیچے ذیل والی سطر کا اضافہ کر لیں ۔</p>
<div class="code">&lt;script language=&#8221;JavaScript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
makeUrduEditor(&#8220;s&#8221;, 12);<br />
&lt;/script&gt;</div>
<p>اس کے علاوہ جس ایریا میں آپ اردو ایدیٹر کا استعمال چاہتے ہیں وہاں ایک لائن کا اضافہ کرلیں</p>
<div class="code">onfocus=&#8221;setEditor(this)&#8221;</div>
<p>پورا سمجھنے کے لئے ہم اپنے سرچ پی ایچ پی فائل میں ایڈیٹر کا اضافہ کرتے ہیں ۔<br />
ہماری فائل فی الحال کچھ یوں ہے ۔</p>
<div class="code">
&lt;div class=&#8221;search&#8221;&gt;<br />
&lt;form method=&#8221;get&#8221;  action=&#8221;"&gt;<br />
&lt;input type=&#8221;text&#8221; name=&#8221;s&#8221; id=&#8221;s&#8221; value=&#8221;search&#8221;/&gt;<br />
&lt;input type=&#8221;submit&#8221; class=&#8221;button&#8221; value=&#8221;Go&#8221; /&gt;<br />
&lt;form&gt;<br />
&lt;/div&gt;</div>
<p>اردو ایڈیٹر کے بعد اس کی شکل ایسی بن جائے گی ۔</p>
<div class="code">&lt;div class=&#8221;search&#8221;&gt;<br />
&lt;form method=&#8221;get&#8221;  action=&#8221;&lt;?php bloginfo(&#8216;home&#8217;); ?&gt;/&#8221;&gt;<br />
&lt;input type=&#8221;text&#8221; name=&#8221;s&#8221; id=&#8221;s&#8221; value=&#8221;search&#8221; onfocus=&#8221;setEditor(this)&#8221; /&gt;<br />
&lt;script language=&#8221;JavaScript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
makeUrduEditor(&#8220;s&#8221;, 12);<br />
&lt;/script&gt;<br />
&lt;input type=&#8221;submit&#8221; class=&#8221;button&#8221; value=&#8221;Go&#8221; /&gt;<br />
&lt;form&gt;<br />
&lt;/div&gt;</div>
<p>مبارک ہو ہمارے پاس ایک مکمل ورڈپریس تھیم اب موجود ہے ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/wordpress-comments-php/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>سنگل / پیج</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/single-page-404-php/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/single-page-404-php/#comments</comments>
		<pubDate>Tue, 29 Apr 2008 17:00:52 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=259</guid>
		<description><![CDATA[جب آپ کسی بلاگ پر کسی تحریر کے عنوان پر کلک کرتے ہیں، تو سب سے اہم تبدیلی جو نظر آتی ہے کہ صرف ایک وہی تحریر اور اس پر ہونے والے تبصرہ جات نظر آنے لگتے ہیں، یہی کچھ حال پیج والے سانچہ کا ہے ۔ ہم انڈیکس فائل میں تبصرہ جات دکھانے والے [...]]]></description>
			<content:encoded><![CDATA[<p>جب آپ کسی بلاگ پر کسی تحریر کے عنوان پر کلک کرتے ہیں، تو سب سے اہم تبدیلی جو نظر آتی ہے کہ صرف ایک وہی تحریر اور اس پر ہونے والے تبصرہ جات نظر آنے لگتے ہیں، یہی کچھ حال پیج والے سانچہ کا ہے ۔ ہم انڈیکس فائل میں تبصرہ جات دکھانے والے ٹیگ کا استعمال کر کے تبصرہ دکھانے کا انتظام کریں گے، اور فائل کو ذیل کی طرح بنا لیں گے ۔</p>
<div class="code">&lt;?php get_header(); ?&gt;<br />
&lt;div id=&#8221;right&#8221;&gt;<br />
&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;<br />
&lt;h2 id=&#8221;post-&lt;?php the_ID(); ?&gt;&#8221; class=&#8221;post-title&#8221;&gt;&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221; rel=&#8221;bookmark&#8221; title=&#8221;&lt;?php the_title(); ?&gt;&#8221;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;<br />
&lt;p class=&#8221;entry&#8221;&gt;&lt;?php the_content(&#8221;); ?&gt;&lt;/p&gt;<br />
&lt;div class=&#8221;post-footer&#8221;&gt;&lt;div class=&#8221;date&#8221;&gt;&lt;?php the_time(&#8216;l,j F Y&#8217;) ?&gt;&lt;/div&gt;&lt;div class=&#8221;author&#8221;&gt;&lt;?php the_author_link(); ?&gt;&lt;/div&gt;&lt;div class=&#8221;comment-count&#8221;&gt;&lt;?php comments_popup_link(&#8216;پہلا تبصرہ کریں&#8217;, &#8216;ایک تبصرہ&#8217;, &#8216;% تبصرے&#8217;); ?&gt;&lt;?php edit_post_link(&#8216;| ترمیم&#8217;, &#8221;, &#8216; | &#8216;); ?&gt;&lt;/div&gt;&lt;/div&gt;<br />
&lt;div style=&#8221;float: right;&#8221;&gt;&lt;?php next_post_link(); ?&gt;&lt;/div&gt;<br />
&lt;div style=&#8221;float: left;&#8221;&gt;&lt;?php previous_post_link(); ?&gt;&lt;/div&gt;<br />
&lt;?php endwhile; ?&gt;<br />
&lt;!&#8211;<br />
&lt;?php trackback_rdf(); ?&gt;<br />
&#8211;&gt;<br />
&lt;?php else : ?&gt;<br />
&lt;?php include (TEMPLATEPATH . &#8216;/404.php&#8217;); ?&gt;<br />
&lt;?php endif; ?&gt;</p>
<p>&lt;!&#8211; comments start here &#8211;&gt;<br />
&lt;div id=&#8217;comment-box&#8217;&gt;</p>
<p>&lt;?php comments_template(); ?&gt;</p>
<p>&lt;/div&gt;</p>
</div>
<p><span id="more-259"></span><br />
<strong>404.php</strong></p>
<p>اس سانچہ کا استعمال تب کیا جاتا ہے، جب صارف کسی ایسے صحفہ یا تحریر پر جانے کی کوشش کرے جو موجود نہیں ہو ۔ اسکو ذیل کی طرح لکھا جا سکتا ہے ۔</p>
<div class="code">&lt;?php get_header(); ?&gt;<br />
&lt;div id=&#8221;right&#8221;&gt;<br />
&lt;h2 class=&#8221;post-title&#8221;&gt;صحفہ نا موجود&lt;/h2&gt;<br />
&lt;p class=&#8221;entry&#8221;&gt;آپ کا تلاش کردہ مضمون یا صحفہ موجود نہیں ہے &lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;?php get_sidebar(); ?&gt;<br />
&lt;?php get_footer(); ?&gt;</div>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/single-page-404-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>سرچ/آرکائیو</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/search-archive-php/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/search-archive-php/#comments</comments>
		<pubDate>Tue, 29 Apr 2008 14:00:33 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=258</guid>
		<description><![CDATA[جب کوئی صارف آپ کے بلاگ پر کچھ تلاش کرتا ہے تو تلاش کے نتائج دکھانے کے لئے سرچ والا سانچہ استعمال ہوتا ہے ۔ اسی طرح جب کوئی مخفوظات دیکھنا چاہے یا کسی زمرہ میں تحریریں دیکھنا چاہے تو اس مقصد کے لئے آرکائیو والا سانچہ استعمال ہو گا ۔ ہم نے ابھی انڈیکس [...]]]></description>
			<content:encoded><![CDATA[<p>جب کوئی صارف آپ کے بلاگ پر کچھ تلاش کرتا ہے تو تلاش کے نتائج دکھانے کے لئے سرچ والا سانچہ استعمال ہوتا ہے ۔ اسی طرح جب کوئی مخفوظات دیکھنا چاہے یا کسی زمرہ میں تحریریں دیکھنا چاہے تو اس مقصد کے لئے آرکائیو والا سانچہ استعمال ہو گا ۔ ہم نے ابھی انڈیکس فائل کو سرچ اور آرکائیو کی فائل میں کاپی پیسٹ کیا تھا، ہمیں اُس میں صرف ایک تبدیلی کرنا ہے ، جو مندرجہ ذیل ہے ۔</p>
<div class="code">&lt;p class=&#8221;entry&#8221;&gt;&lt;?php the_content(&#8221;); ?&gt;&lt;/p&gt;</div>
<p>کی بجائے ہم ذیل کا استعمال کریں گے ۔</p>
<div class="code">&lt;p class=&#8221;entry&#8221;&gt;&lt;?php the_excerpt(&#8221;); ?&gt;&lt;/p&gt;</div>
<p>انڈیکس والے صحفہ میں مکمل تحریر نظر آ رہی تھی، لیکن ٹیگز کو بالا طریقہ سے بدلنے کے بعد سرچ اور آرکائیو میں تحریر اختصار کے ساتھ نظر آئے گی ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/search-archive-php/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ورڈپریس انڈیکس</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/wordpress-index-php/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/wordpress-index-php/#comments</comments>
		<pubDate>Mon, 28 Apr 2008 14:00:30 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=257</guid>
		<description><![CDATA[انڈیکس فائل بلاگ کے مرکزی صحفہ کو دکھاتی ہے، جب بھی کوئی صارف آپ کے بلاگ کا پتہ لکھتا ہے تو جو صحفہ بنتا ہے وہ اسی فائل کی مدد سے ترتیب پاتا ہے ۔ ہمارے سانچہ میں سب سے اوپر ہیڈر پھر پوسٹ، اس کے بعد سائیڈبار اور سب سے آخر میں فٹر تھا۔ [...]]]></description>
			<content:encoded><![CDATA[<p>انڈیکس فائل بلاگ کے مرکزی صحفہ کو دکھاتی ہے، جب بھی کوئی صارف آپ کے بلاگ کا پتہ لکھتا ہے تو جو صحفہ بنتا ہے وہ اسی فائل کی مدد سے ترتیب پاتا ہے ۔ ہمارے سانچہ میں سب سے اوپر ہیڈر پھر پوسٹ، اس کے بعد سائیڈبار اور سب سے آخر میں فٹر تھا۔ ہم اسی ترتیب سے انڈیکس فائل کو ترتیب دیں گے، لیکن یہاں بجائے ہم ٹیگز دوبارہ سے لکھیں، ورڈپریس تھیم کے ٹیگز کی مدد سے پہلے بنائی گئی فائلوں کو صرف ایک ٹیگ کی مدد سے یہاں ظاہر کر دیں گے ۔ سب سے پہلے ہیڈر کو<br />
بلانے کے لئے ذیل کا ٹیگ استعمال ہوتا ہے ۔</p>
<div class="code">&lt;?php get_header(); ?&gt;</div>
<p>اوپر والا ٹیگ لکھنے سے ہمارا بنایا ہوا ہیڈر کا پورا سانچہ یہاں ظاہر ہو جائے گا۔ اس کے بعد پوسٹ والا حصہ آتا ہے جِسے ہم نے پہلے مکمل نہیں کیا تھا ۔ یہ کام اب ہم یہاں کریں گے ۔ ایچ ٹی ایم ایل کی انڈیکس فائل کھول کر اُس میں پوسٹ کو ظاہر کرنے والا حصہ ہم یہاں چسپاں کر لیتے ہیں جو مندرجہ ذیل ہے ۔ <span id="more-257"></span></p>
<div class="code">&lt;div id=&#8221;right&#8221;&gt;<br />
&lt;h2 class=&#8221;post-title&#8221;&gt;Title of the post&lt;/h2&gt;<br />
&lt;p class=&#8221;entry&#8221;&gt;Post Body&lt;/p&gt;<br />
&lt;div class=&#8221;post-footer&#8221;&gt;&lt;div class=&#8221;date&#8221;&gt;Posted on[date]&lt;/div&gt;&lt;div class=&#8221;author&#8221;&gt;Author&lt;/div&gt;&lt;div class=&#8221;comment-count&#8221;&gt;Comments&lt;/div&gt;&lt;/div&gt;<br />
&lt;/div&gt;</div>
<p>یہاں ہم کو ورڈپریس کے پوسٹ کے لئے مخصوص ٹیگز کا استعمال کرنا ہو گا ۔پوسٹ اور کمنٹس چونکہ بڑھتے رہتے ہیں، اس لئے ورڈپریس نے ایک خاص کوڈ بنایا ہے جِسے لُووپ کا نام دیا گیا ہے، پوسٹ اور کمنٹس کے ٹیگز ہمیشہ لُووب کے اندر موجود ہونا چاہیے، نہیں تو ورڈپریس صرف نئی تحریر کے علاوہ کچھ نہیں دکھائے گا۔ ورڈپریس لُووپ مندرجہ ذیل ہے ۔</p>
<div class="code">&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;<br />
some text<br />
&lt;?php endwhile; else: ?&gt;<br />
more text<br />
&lt;?php endif; ?&gt;</div>
<p>پہلی دو سطروں کے درمیان ہماری پوسٹ آئے گی، اور آخری دو کے درمیان جب کوئی پوسٹ موجود نہیں ہو تو پھر کیا دکھایا جائے،کوئی فلم ڈال سکتے ہیں یہاں تاکہ لوگوں کو غصہ نہیں آئے ۔ یہ یاد رہے کہ پوسٹ کے مخصوص تمام ٹیگز اس لووپ کے اندر ہونا ضروری ہے، نہیں تو پوسٹ ٹیگز صحیح طریقہ سے کام نہیں کریں گے ۔ ہم اپنے اوپر والے کوڈ میں سلیکٹر رائٹ کے فورا بعد ہی لووپ کی پہلی سطر لکھ لیتے ہیں ۔</p>
<div class="code">&lt;div id=&#8221;right&#8221;&gt;<br />
&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;</div>
<p>اس کے بعد ہمارے پاس پوسٹ کے عنوان والا حصہ ہے ۔<br />
اس حصہ میں ٹیگز استعمال کر کے ہم اسے کچھ اس طرح بنا لیں گے ۔</p>
<div class="code">&lt;h2 id=&#8221;post-&lt;?php the_ID(); ?&gt;&#8221; class=&#8221;post-title&#8221;&gt;&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221; rel=&#8221;bookmark&#8221; title=&#8221;&lt;?php the_title(); ?&gt;&#8221;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;</div>
<p>اوپر والی سطر میں آئی ڈی سے ہم پوسٹ کی شناخت دکھاتے ہیں، اس کے بعد پوسٹ کا مستقل پتہ کو ایک ربط کی صورت میں ظاہر کر رہے ہیں، کہ جب کوئی عنوان پر کلک کرے تب براؤزر اُسے اکیلی اُسی تحریر پر لے جائے ۔<br />
عنوان کے بعد ہمارے پاس تحریر کا متن والا حصہ ہے، اسے ہم مندرجہ ذیل طریقے سے دکھاتے ہیں ۔</p>
<div class="code">&lt;p class=&#8221;entry&#8221;&gt;&lt;?php the_content(&#8221;); ?&gt;&lt;/p&gt;</div>
<p>متن کے بعد ہمارے پاس تحریر کا فٹر ہے، جہاں ہم دکھا سکتے ہیں کہ مصنف کون ہے،تحریر کب لکھی گئی اور اس پر تبصرے وغیرہ کا ربط ۔ ہم اپنی انڈیکس فائل میں ان سب ٹیگز کا اضافہ کر لیں گے ۔</p>
<div class="code">&lt;div class=&#8221;post-footer&#8221;&gt;&lt;div class=&#8221;date&#8221;&gt;&lt;?php the_time(&#8216;l,j F Y&#8217;) ?&gt;&lt;/div&gt;&lt;div class=&#8221;author&#8221;&gt;&lt;?php the_author_link(); ?&gt;&lt;/div&gt;&lt;div class=&#8221;comment-count&#8221;&gt;&lt;?php comments_popup_link(&#8216;پہلا تبصرہ کریں&#8217;, &#8216;ایک تبصرہ&#8217;, &#8216;% تبصرے&#8217;); ?&gt;&lt;?php edit_post_link(&#8216;| ترمیم&#8217;, &#8221;, &#8216; | &#8216;); ?&gt;&lt;/div&gt;&lt;/div&gt;</div>
<p>اس کے بعد ہماری پوسٹ والا حصہ ختم ہو گیا ہے اور یہاں ہم لووپ کو بند کرنا شروع کریں گے ۔</p>
<div class="code">&lt;?php endwhile; ?&gt;</div>
<p>ساتھ ہی ہم اس ٹیگ کے بعد پچھلی تحریروں کا ربط بھی دیں گے تا کہ اگر کوئی پہلے صحفہ پر موجود تحریروں سے پچھلی تحریریں پڑھنا چاہے تو وہاں تک جانے میں اُسے آسانی ہو ۔ ایسا کرنے کے لئے ہم مندرجہ ذیل سطروں کا اضافہ کریں گے ۔</p>
<div class="code">&lt;div style=&#8221;float: right;&#8221;&gt;&lt;?php previous_posts_link(&#8216;پچھلا صحفہ&#8217;) ?&gt;&lt;/div&gt;<br />
&lt;div style=&#8221;float: left;&#8221;&gt;&lt;?php next_posts_link(&#8216;اگلا صحفہ&#8217;) ?&gt;&lt;/div&gt;</div>
<p>ان سطور کے بعد ہم مندرجہ ذیل ٹیگز کا استعمال کریں گے ۔</p>
<div class="code">&lt;?php else : ?&gt;<br />
&lt;?php include (TEMPLATEPATH . &#8216;/404.php&#8217;); ?&gt;<br />
&lt;?php endif; ?&gt;</div>
<p>یہاں پر ہماری تحریر ختم ہو گئی ہے، اور لووپ بھی ختم ہو گیا ہے ۔ اس کے بعد ہم سلیکٹر رائٹ کو بند کر دیں گے ۔</p>
<div class="code">&lt;/div&gt;</div>
<p>تحریر کے بعد ترتیب میں سائیڈ بار اور پھر فٹر آتا ہے، اِن کو ہم مندرجہ ذیل طریقہ سے بلاتے ہیں ۔</p>
<div class="code">&lt;?php get_sidebar(); ?&gt;<br />
&lt;?php get_footer(); ?&gt;</div>
<p>مکمل ہونے کے بعد ہماری انڈیکس فائل کی شکل کچھ یوں نظر آئے گی ۔</p>
<div class="code">&lt;?php get_header(); ?&gt;<br />
&lt;div id=&#8221;right&#8221;&gt;<br />
&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;<br />
&lt;h2 id=&#8221;post-&lt;?php the_ID(); ?&gt;&#8221; class=&#8221;post-title&#8221;&gt;&lt;a href=&#8221;&lt;?php the_permalink(); ?&gt;&#8221; rel=&#8221;bookmark&#8221; title=&#8221;&lt;?php the_title(); ?&gt;&#8221;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;<br />
&lt;p class=&#8221;entry&#8221;&gt;&lt;?php the_content(&#8221;); ?&gt;&lt;/p&gt;<br />
&lt;div class=&#8221;post-footer&#8221;&gt;&lt;div class=&#8221;date&#8221;&gt;&lt;?php the_time(&#8216;l,j F Y&#8217;) ?&gt;&lt;/div&gt;&lt;div class=&#8221;author&#8221;&gt;&lt;?php the_author_link(); ?&gt;&lt;/div&gt;&lt;div class=&#8221;comment-count&#8221;&gt;&lt;?php comments_popup_link(&#8216;پہلا تبصرہ کریں&#8217;, &#8216;ایک تبصرہ&#8217;, &#8216;% تبصرے&#8217;); ?&gt;&lt;?php edit_post_link(&#8216;| ترمیم&#8217;, &#8221;, &#8216; | &#8216;); ?&gt;&lt;/div&gt;&lt;/div&gt;</p>
<p>&lt;div style=&#8221;float: right;&#8221;&gt;&lt;?php previous_posts_link(&#8216;پچھلا صحفہ&#8217;) ?&gt;&lt;/div&gt;<br />
&lt;div style=&#8221;float: left;&#8221;&gt;&lt;?php next_posts_link(&#8216;اگلا صحفہ&#8217;) ?&gt;&lt;/div&gt;<br />
&lt;?php endwhile; ?&gt;<br />
&lt;!&#8211;<br />
&lt;?php trackback_rdf(); ?&gt;<br />
&#8211;&gt;<br />
&lt;?php else : ?&gt;<br />
&lt;?php include (TEMPLATEPATH . &#8216;/404.php&#8217;); ?&gt;<br />
&lt;?php endif; ?&gt;<br />
&lt;/div&gt;<br />
&lt;?php get_sidebar(); ?&gt;<br />
&lt;?php get_footer(); ?&gt;</p></div>
<p>آپ کو جو مکمل سانچہ ایچ ٹی ایم ایل میں تھا، مکمل بور پر ورڈپریس کے مطابق ڈھل چکا ہے ۔ اوپر والے کوڈ کو آسان اردو میں ہم یوں بیان کر سکتے ہیں، کہ ہیڈر کا سانچہ دکھاؤ اس کے بعد اگر پوسٹ موجود ہیں تو سب سے پہلے پوسٹ کا عنوان دکھاؤ پھر پوسٹ کا متن پھر مصنف کا نام اور تاریخ اور تبصرے ۔ اس کے بعد پچھلے صحفہ کا ربط دکھایا جائے، لیکن اگر پوسٹ موجود نہیں ہے تو تب چارسوچار والی فائل دکھاؤ</p>
<p>اب اس انڈیکس فائل کو کاپی کر کے آپ سرچ، آرکائیو،سنگل اور پیج کے نام سے بنی فائلوں میں پیسٹ کر کے انہیں مخفوظ کر لیں ۔</p>
<p>ہمارا تھیم اٹھانویں فی صد تیار ہے، اس میں ایک تبصرے شامل کرنے ہیں، دوسرا چھوٹی چھوٹی کچھ اور تبدیلیاں کرنا ہیں ۔لیکن اب اصل کام صرف تبصروں کا ہی رہ گیا ہے ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/wordpress-index-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>سائیڈ بار سانچہ ۔</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/sidebar-php-template/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/sidebar-php-template/#comments</comments>
		<pubDate>Sat, 26 Apr 2008 12:00:47 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=256</guid>
		<description><![CDATA[اب ہم دوبارہ سے ایچ ٹی ایم ایل کی انڈیکس فائل کا جائزہ لیتے ہیں،انڈیکس فائل میں سب سے پہلے ہیڈر ہے، جہاں ہیڈر ختم ہوتا ہے وہاں فوراً نیچے پوسٹ شروع ہو جاتی ہے، جہاں پوسٹ ختم ہوتی ہے اُس کے نیچے سائیڈبار شروع ہو جاتی ہے اور سب سے نیچے ہیڈر ۔یعنی ہیڈر، [...]]]></description>
			<content:encoded><![CDATA[<p>اب ہم دوبارہ سے ایچ ٹی ایم ایل کی انڈیکس فائل کا جائزہ لیتے ہیں،انڈیکس فائل میں سب سے پہلے ہیڈر ہے، جہاں ہیڈر ختم ہوتا ہے وہاں فوراً نیچے پوسٹ شروع ہو جاتی ہے، جہاں پوسٹ ختم ہوتی ہے اُس کے نیچے سائیڈبار شروع ہو جاتی ہے اور سب سے نیچے ہیڈر ۔یعنی ہیڈر، پوسٹ،سائیڈبار، فُٹر ۔ مگر ضروری نہیں کہ ہر سانچہ میں یہ ترتیب ایسے ہی ہو، کچھ سانچوں میں ہیڈر کے فورا بعد سائیڈبار پہلے آتی ہے اور پوسٹ اُس کے بعد ہوتی ہے ۔ لیکن جو بھی ترتیب سانچہ میں ہے اُس کو یاد رکھنا بہت اہم ہے ۔<br />
ترتیب کے حساب سے ہم پہلے پوسٹ والے سانچہ کو بنانا چاہیے تھا، لیکن اُس کو ہم آخر کے لئے رہنے دیتے ہیں اور کیوں؟ یہ آپ کو بعد میں پتہ چلے گا۔ اب ہم انڈیکس فائل سے سائیڈ بار کا کوڈ کاپی کر کے سائیڈ بار والی فائل میں چسپاں کریں گے ۔ جو کہ مندرجہ ذیل ہے ۔ <span id="more-256"></span></p>
<div class="code">
&lt;div id=&#8221;sidebar&#8221;&gt;<br />
&lt;h2&gt;Latest posts&lt;/h2&gt;<br />
Post 1<br />
Post 2<br />
Post 3</p>
<p>&lt;h2&gt;Links&lt;/h2&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=#&gt;A link&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=#&gt;2 link&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=#&gt;3 link&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=#&gt;4 link&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;
</p></div>
<p>زیادہ تر بلاگ میں سائیڈ بار میں تیزرفتار قسم کے روابط ہوتے ہیں، جیسے آپکی تازہ تحریریں،دوسری سائٹ کے یا بلاگ کے روابط، تبصرہ جات ۔مطلب کہنے کا یہ کہ ایسا جو کچھ بھی آپ دِکھانا چاہتے ہیں،سب یہاں گھسیڑ سکتے ہیں ۔لیکن ہم ورڈپریس کی ڈیفالٹ طریفہ کو ۔استعمال کرتے ہوئے تازہ تحریریں، آپ کی کیٹگری ، بلاگ کے روابط ہی یہاں رکھیں گےعلاوہ ازیں کئی سانچوں میں تلاش کا خانہ یہاں ہوتا ہے، اگر آپ کے سانچہ میں تلاش کا خانہ یہاں ہے تو ہیڈر میں ہم نے جو کوڈ سرچ فارم کا<br />
چسپاں کیا تھا اُسے یہاں منتقل کر دیں ۔</p>
<div class="code">
&lt;?php include (TEMPLATEPATH . &#8216;/searchform.php&#8217;); ?&gt;</div>
<p>ہماری سائیڈ بار میں ایچ ۲ سائیڈ بار کا عنوان دکھا رہا ہے، تمام عنوان اس سلیکٹر کے بیچ میں آئیں گے ۔<br />
چلیں ہم تعارف سے شروع کرتے ہیں ۔</p>
<div class="code">&lt;h2&gt;بارے من&lt;/h2&gt;<br />
&lt;p&gt;&lt;?php the_author_description(); ?&gt;&lt;/p&gt;</div>
<p>یہ ٹیگ بلاگ کے مصنف کی معلومات دکھاتا ہے، مطلب آپ کی معلومات ۔ اس کے نیچے ہم تازہ تحریریں کے عنوان سے ٹیگ کا اضافہ کریں گے ۔ ہم آپ کی تازہ دس تحریریں دکھائیں گے،</p>
<div class="code">&lt;h2&gt;تازہ تحریریں&lt;/h2&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;?php get_archives(&#8216;postbypost&#8217;, &#8217;10&#8242;); ?&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</div>
<p>اب ہم کیٹگری اور دوسرے بلاگ کے روابط ڈالیں گے ۔ تو سب سے اوپر ہم کٹگری رکھتے ہیں اور ذیل کا ٹیگ کیٹگری دکھانے کے کام آتا ہے، آپ اس طرح اسے بدل دیں گے ۔</p>
<div class="code">&lt;h2&gt;موضوعات&lt;/h2&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;?php wp_list_cats(); ?&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</div>
<p>اور سب سے آخر میں ہم دوسرے بلاگ کے روابط ڈالیں گے، اس کے لئے مندرجہ ذیل تبدیلیاں کرنا ہوں گی ۔</p>
<div class="code">&lt;h2&gt;ساتھی بلاگر&lt;/h2&gt;<br />
&lt;?php wp_list_bookmarks(); ?&gt;</div>
<p>سب سے نیچے آپ اس ٹیگ کا استعمال بھی کر سکتے ہیں،</p>
<div class="code">&lt;?php wp_loginout(); ?&gt;</div>
<p>یہ سب کرنے کے بعد ہماری سائیڈ بار مکمل ہو چکی ہے، لیکن ہم اس کے ساتھ بنے بنائے ویجیٹ استعمال نہیں کر سکتے ہیں،میں یہاں اس تفصیل میں نہیں جاؤں گا کہ تھیم کو ویجیٹ ریڈی کس طرح بنایا جاتا ہے، تفصیلات کے لئے آپ <a href="http://automattic.com/code/widgets/themes/" target="_blank">یہاں</a> سے مدد حاصل کر سکتے ہیںکیونکہ ویجیٹ ریڈی تھیم تیار کرنے کے لئے سی ایس ایس کے حساب سے وہاں کوڈ میں تبدیلی کرنا ہو گی، جو کہ ہر تھیم کے لئے علیحدہ ہے ۔<br />
یہ سب تبدیلیاں کرنے کے بعد ہماری سائیڈبار کچھ اس طرح نظر آنا چاہیے ہے ۔</p>
<div class="code">&lt;div id=&#8221;sidebar&#8221;&gt;<br />
&lt;h2&gt;بارے من&lt;/h2&gt;<br />
&lt;p&gt;&lt;?php the_author_description(); ?&gt;&lt;/p&gt;</p>
<p>&lt;h2&gt;تازہ تحریریں&lt;/h2&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;?php get_archives(&#8216;postbypost&#8217;, &#8217;10&#8242;); ?&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</p>
<p>&lt;h2&gt;موضوعات&lt;/h2&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;?php wp_list_cats(); ?&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</p>
<p>&lt;h2&gt;ساتھی بلاگر&lt;/h2&gt;<br />
&lt;?php wp_list_bookmarks(); ?&gt;</p>
<p>&lt;?php wp_loginout(); ?&gt;<br />
&lt;/div&gt;
</p></div>
<p>اب ہم ساتھ ہی فٹر والی فائل دیکھ لیتے ہیں، کیونکہ فٹر میں یہاں ہمیں کچھ زیادہ نہیں کرنا بلکہ ایک ٹیگ کا اضافہ کرنا ہے، ہمارے پاس اس وقت جو فٹر موجود ہے وہ کچھ ایسا ہے ۔</p>
<div class="code">&lt;div id=&#8221;footer&#8221;&gt;<br />
This is footer of the page<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</div>
<p>باڈی سلیکٹر جہاں بند ہو رہا ہے اُس سے پہلے ایک اضافی ڈِوو کا سلیکٹر بھی بند ہو رہا ہے یہ اصل میں سب سے اوپر ہیڈر فائل میں جو پیج نام کا سلیکٹر شروع ہوا تھا، یہاں بند ہو گیا ہے، مطلب یہ کوزہ ہے جس میں پورا دریا بند ہے ۔ اب بالا فٹر کو ذیل سے بدل کر مخفوظ کر لیں ۔</p>
<div class="code">&lt;div id=&#8221;footer&#8221;&gt;<br />
&lt;p&gt;تمام جملہ حقوق بحق &lt;strong&gt;&lt;a href=&#8221;&lt;?php echo get_option(&#8216;home&#8217;); ?&gt;/&#8221;&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/a&gt;&lt;/strong&gt; محفوظ ہیں ۔ یہ سانچہ &lt;a href=&#8221;http://www.urdujahan.com/blog/&#8221;&gt;جہانزیب &lt;/a&gt; نے ورڈپریس تھیم اور اردو میں ڈھالا ہے&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;?php wp_footer(); ?&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</div>
<p>یہاں اصل اہمیت &lt;?php wp_footer(); ?&gt; کی ہے، باقی آپ جو مرضی لکھنا چاہیں لکھ سکتے ہیں ۔<br />
اب ہمارے پاس ہیڈر،سائیڈبار،فُٹر اور سرچ فارم کی فائلیں تیار ہو چکی ہیں، اگلے مرحلہ میں ہم انڈیکس فائل تیار کریں گے ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/sidebar-php-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ہیڈر فائل کی تیاری</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/making-header-php-file/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/making-header-php-file/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 12:00:19 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=255</guid>
		<description><![CDATA[یہاں سے ہم اپنا اصل کام یعنی سانچہ کو توڑنا اور ورڈپریس کے قابل بنانا شروع کریں گے ۔سانچہ کو تورٹے وقت سب سے اہم بات جس کا خیال آپ کو رکھنا ہو گا، وہ یہ ہے کہ جو سلیکٹر ٹیگ جیسے ڈِوو ٹیگ شروع ہوگا، اُس کو بند بھی لازمی کرنا ہے علاوہ ازیں [...]]]></description>
			<content:encoded><![CDATA[<p>یہاں سے ہم اپنا اصل کام یعنی سانچہ کو توڑنا اور ورڈپریس کے قابل بنانا شروع کریں گے ۔سانچہ کو تورٹے وقت سب سے اہم بات جس کا خیال آپ کو رکھنا ہو گا، وہ یہ ہے کہ جو سلیکٹر ٹیگ جیسے ڈِوو ٹیگ شروع ہوگا، اُس کو بند بھی لازمی کرنا ہے علاوہ ازیں کہیں کوئی ٹیگ دوبار نہیں آنا چاہیے۔ اس لئے انڈیکس سے کاپی کرتے وقت یہ بات ذہن میں رکھیں کہ آپ نے کہاں تک کا کوڈ کاپی کر کے نئی فائل میں پیسٹ کیا ہے ۔ایک چھوٹی سی غلطی پورا سانچہ تباہ کر کے رکھ سکتی ہے، اس لئے کوشش کریں کہ غلطی ہو ہی نہیں ۔<br />
اب ہم اپنی انڈیکس فائل کو دیکھتے ہیں،صحفہ کے ہیڈ ٹیگ کے ختم ہونے تک سب کچھ ہم کاپی کریں گے، باڈی ٹیگ کے فوراً نیچے ہمیں ہیڈر نام کا سلیکٹر نظر آ رہا ہے جس کے اندر دو مختلف کلاسز ہیں ایک لوگو کی دوسری مینوبار نام کی اضافی طور پر سرچ نام کی ایک کلاس بھی موجود ہے، اس کے بعد یہ تمام سلیکٹرز ایک ایک کر کے بند ہو رہے ہیں ۔ فوراً بعد ہی پیج نام کا ایک سلیکٹر ہے،اس سلیکٹر کے درمیان میں پورا صحفہ یعنی پوسٹ اور سائیڈبار موجود ہیں ۔ ہم اس سلیکٹر تک سب کچھ کاپی کر کے اس ہیڈر فائل میں پیسٹ کر دیں گے ۔ ذیل میں دیکھیں <span id="more-255"></span></p>
<div class="code">
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=UTF-8&#8243; /&gt;<br />
&lt;title&gt;creating wordpress theme&lt;/title&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;style.css&#8221; type=&#8221;text/css&#8221; /&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;header&#8221;&gt;<br />
&lt;div class=&#8221;logo&#8221;&gt;This is logo of the site&lt;/div&gt;<br />
&lt;div class=&#8221;navbar&#8221;&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;First Page&lt;/li&gt;<br />
&lt;li&gt;2nd Page&lt;/li&gt;<br />
&lt;li&gt;3rd Page&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;div class=&#8221;search&#8221;&gt;<br />
&lt;form method=&#8221;get&#8221; action=&#8221;index.html&#8221;&gt;<br />
&lt;input type=&#8221;text&#8221; class=&#8221;s&#8221; name=&#8221;s&#8221;/&gt;<br />
&lt;input type=&#8221;submit&#8221; class=&#8221;button&#8221; value=&#8221;Go&#8221;/&gt;<br />
&lt;form&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;div id=&#8221;page&#8221;&gt;
</div>
<p>یہاں ایک بات آپ نے نوٹ کی ہو گی، میں نے اوپر کہا تھا کہ جو سلیکٹر شروع ہو گا اُسے لازمی بند کرنا ہے، لیکن اوپر پیسٹ کردہ مثال میں پیج نام کا سلیکٹر شروع تو ہوا ہے لیکن ہم نے اسے بند نہیں کیا ۔ اگر ایچ ٹی ایم ایل کی انڈیکس فائل کو دیکھیں تو یہ سلیکٹر سب سے آخر میں بند ہو رہا ہے ۔ ہم بھی اس سلیکٹر کو آخر میں ہی بند کریں گے ۔<br />
اب اگر ہم اس ہیڈر فائل کو یوں ہی رہنے دیں، تب بھی یہ ایک مکمل فائل ہے، لیکن بہتر یہی ہے کہ ہم اس میں ورڈپریس ٹیگز کا استعمال کریں ۔ورڈپریس میں استعمال ہونے والے ٹیگز کا مکمل مطالعہ آپ یہاں کر سکتے ہیں ۔<br />
سب سے پہلے ہم مندرجہ ذیل سطر کو اس طرح ٹیگز سے بدل دیں گے</p>
<div class="code">
&lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=UTF-8&#8243; /&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;&lt;?php bloginfo(&#8216;html_type&#8217;); ?&gt;; charset=&lt;?php bloginfo(&#8216;charset&#8217;);?&gt;&#8221; /&gt;
</div>
<p>اوپر کی دونوں سطروں میں کوئی فرق نہیں ہے، نیچے والی سطر میں ہمارے پاس یہ اختیار حاصل ہو گیا ہے کہ ورڈپریس کنٹرول پینل سے<br />
ہم جو بھی اینکوڈنگ صحفہ میں شامل کریں گے وہ خود یہاں سیٹ ہو جائے گی ۔<br />
اس سطر کے بعد ہمیں ٹائٹل نام کا سلیکٹر نظر آ رہا ہے ،ہم یا تو خود یہاں صحفہ کا عنوان لکھ سکتے ہیں، یا پھر یہاں بھی ورڈپریس ٹیگز کا اضافہ کر کے ورڈپریس سے یہ کام لیں گے ۔ تو آپ ٹائٹل کو مندرجہ ذیل طریقہ سے بدل دیں ۔</p>
<div class="code">
&lt;title&gt;creating wordpress theme&lt;/title&gt;<br />
&lt;title&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;|&lt;?php wp_title(); ?&gt;&lt;/title&gt;
</div>
<p>ایسا کرنے کے بعد ہم بلاگ کے ڈیش بورڈ میں جو بھی نام رکھیں گے، وہ خود یہاں ظاہر ہو جائے گا ۔<br />
اس سطر کے بعد ہمیں سٹائل شیٹ کی سطر نظر آ رہی ہے جسے ہم ذیل کی طرح بدل دیں گے ۔</p>
<div class="code">
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;style.css&#8221; type=&#8221;text/css&#8221; /&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;&lt;?php bloginfo(&#8216;stylesheet_url&#8217;); ?&gt;&#8221; type=&#8221;text/css&#8221; /&gt;
</div>
<p>یہ اوپر والی سطر اسی صورت میں کام کرے گی جب آپ کی سٹائل شیٹ کا نام سٹائل ڈاٹ سی ایس ایس ہو گا، لیکن ایسا بھی ہو سکتا ہے کہ جس سانچہ کو آپ ڈھال رہے ہیں اُس میں سٹائل شیٹ کا نام کچھ اور ہو، یا سانچہ میں ایک سے زیادہ سٹائل شیٹ کا استعمال ہو رہا ہو، ایسی صورت میں سٹائل شیٹ کو ورڈپریس میں بلانے کے لئے مندرجہ ذیل طریقہ استعمال کیا جائے گا ۔</p>
<div class="code">
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;&lt;?php bloginfo(&#8216;template_directory&#8217;); ?&gt;/style_name.css&#8221; type=&#8221;text/css&#8221; /&gt;
</div>
<p>اب ہم اس کے نیچے آتے ہیں تو باڈی سلیکٹر کے بعد ہیڈر سلیکٹر اور وہاں لوگو سلیکٹر کی کلاس ہے، اس ہم یوں بھی رہنے دیں تو مضائقہ نہیں ہے، لیکن ہم چاہتے ہیں کہ جب ہم ڈیش بورڈ میں بلاگ کا نام بدلیں تو یہاں بھی بدلا جائے، ایسا کرنے کے<br />
لئے ہم یہاں بھی ورڈ پریس ٹیگز کا استعمال کریں گے ۔</p>
<div class="code">
&lt;div class=&#8221;logo&#8221;&gt;This is logo of the site&lt;/div&gt;<br />
&lt;div class=&#8221;logo&#8221;&gt;&lt;a href=&#8221;&lt;?php get_option(&#8216;home&#8217;); ?&gt;/&#8221;&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/a&gt;&lt;/div&gt;
</div>
<p>اس سلیکٹر کے نیچے منیوبار نام کا سلیکٹر ہے، یہاں آپ اپنے بلاگ کا مرکزی صحفہ سے دوسرے صحفات تک جانے کے روابط ڈال سکتے ہیں ۔اگر آپ منیو کا استعمال نہیں کرنا چاہتے تو اسے مٹا سکتے ہیں ۔ یہاں کسی ٹیگ کے اضافہ کی ضرورت نہیں ہے ۔<br />
 اس کے نیچے ہمیں سرچ نام کا سلیکٹر نظر آ رہا ہے ہم یہاں ذیل کا پورا کوڈ کاپی کر کے سرچ فارم والی فائل میں کاپی کر یں گے</p>
<div class="code">
&lt;div class=&#8221;search&#8221;&gt;<br />
&lt;form method=&#8221;get&#8221; action=&#8221;index.html&#8221;&gt;<br />
&lt;input type=&#8221;text&#8221; class=&#8221;s&#8221; name=&#8221;s&#8221;/&gt;<br />
&lt;input type=&#8221;submit&#8221; class=&#8221;button&#8221; value=&#8221;Go&#8221;/&gt;<br />
&lt;form&gt;<br />
&lt;/div&gt;
</div>
<p>اس فائل کو ہم بعد میں دیکھیں گے، اور جہاں یہ کوڈ موجود تھا وہاں ورڈپریس کے مندرجہ ذیل ٹیگ کا استعمال کریں گے ۔</p>
<div class="code">
&lt;?php include (TEMPLATEPATH . &#8216;/searchform.php&#8217;); ?&gt;
</div>
<p>یہ ٹیگ یہ ظاہر کر رہا ہے کہ یہاں پر سرچ فارم والا سانچہ آنا ہے، اور میں نے اوپر کہا تھا کہ جب کسی فائل کا نام ورڈپریس کے مقرر کردہ معیار کے مطابق نہ ہو تو اسے بلانے کا طریقہ علیحدہ ہے ۔ اوپر والا ٹیگ ایسی تمام فائلوں کو بلانے کے کام آتا ہے ۔ جیسے آپ نے اگر ایک فائل لاہور نام کی بنائی ہو تو اُس کو یوں بلایا جائے گا ۔</p>
<div class="code">
&lt;?php include (TEMPLATEPATH . &#8216;/lahore.php&#8217;); ?&gt;
</div>
<p>اس کے بعد ہم باڈی سلیکٹر سے اوپر جہاں ہیڈ سلیکٹر ختم ہو رہا ہے، اُس کے ختم ہونے سے پہلے مندرجہ ذیل ٹیگز کا اضافہ کرنا ہے ۔</p>
<div class="code">
&lt;link rel=&#8221;alternate&#8221; type=&#8221;application/rss+xml&#8221; title=&#8221;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt; RSS Feed&#8221; href=&#8221;&lt;?php bloginfo(&#8216;rss2_url&#8217;); ?&gt;&#8221; /&gt;<br />
&lt;link rel=&#8221;pingback&#8221; href=&#8221;&lt;?php bloginfo(&#8216;pingback_url&#8217;); ?&gt;&#8221; /&gt;<br />
&lt;?php wp_get_archives(&#8216;type=monthly&amp;format=link&#8217;); ?&gt;<br />
&lt;?php wp_head(); ?&gt;<br />
&lt;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;  src=&#8221;&lt;?php bloginfo(&#8216;template_directory&#8217;); ?&gt;/js/UrduEditor.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script language=&#8221;JavaScript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
initUrduEditor();<br />
&lt;/script&gt;
</div>
<p>پہلی سطر بتاتی ہے کہ بلاگ کا فیڈ کہاں ہے، دوسری سطر تحریروں کے مستقل روابط بتاتی ہے، تیسری سطر بلاگ کی مخفوظات کی تحریریں دکھاتی ہے، ان کو ہم نے ہیڈر میں اس لئے رکھا ہے کہ جب سرچ انجن کا کرالر آئے تو اسے پتہ ہو کہ کہاں کہاں منہ مارنا ہے، اور آپ کی تحریروں کو اپنے انڈیکس میں شامل کر لے ۔اُس کے بعد ہمارا اپنا اردو ایڈیٹر کا سکرپٹ ہے ۔ اس ہم بعد میں دیکھیں گے ۔ یہ لیجیے ہمارا  ہیڈر  مکمل ہے ۔<br />
یہ سب تبدیلیوں کے بعد ہیڈر فائل کی مندرجہ ذیل شکل ہمارے پاس موجود ہونا چاہیے ۔</p>
<div class="code">
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;&lt;?php bloginfo(&#8216;html_type&#8217;); ?&gt;; charset=&lt;?php bloginfo(&#8216;charset&#8217;); ?&gt;&#8221; /&gt;<br />
&lt;title&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;|&lt;?php wp_title(); ?&gt;&lt;/title&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;&lt;?php bloginfo(&#8216;stylesheet_url&#8217;); ?&gt;&#8221; type=&#8221;text/css&#8221; /&gt;<br />
&lt;link rel=&#8221;alternate&#8221; type=&#8221;application/rss+xml&#8221; title=&#8221;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt; RSS Feed&#8221; href=&#8221;&lt;?php bloginfo(&#8216;rss2_url&#8217;); ?&gt;&#8221; /&gt;<br />
&lt;link rel=&#8221;pingback&#8221; href=&#8221;&lt;?php bloginfo(&#8216;pingback_url&#8217;); ?&gt;&#8221; /&gt;<br />
&lt;?php wp_get_archives(&#8216;type=monthly&amp;format=link&#8217;); ?&gt;<br />
&lt;?php wp_head(); ?&gt;<br />
&lt;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;<br />
src=&#8221;&lt;?php bloginfo(&#8216;template_directory&#8217;); ?&gt;/js/UrduEditor.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script language=&#8221;JavaScript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
initUrduEditor();<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;header&#8221;&gt;<br />
&lt;div class=&#8221;logo&#8221;&gt;&lt;a href=&#8221;&lt;?php get_option(&#8216;home&#8217;); ?&gt;/&#8221;&gt;&lt;?php bloginfo(&#8216;name&#8217;); ?&gt;&lt;/a&gt;&lt;/div&gt;<br />
&lt;div class=&#8221;navbar&#8221;&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;FirstPage&lt;/li&gt;<br />
&lt;li&gt;2nd Page&lt;/li&gt;<br />
&lt;li&gt;3rd Page&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;?php include (TEMPLATEPATH . &#8216;/searchform.php&#8217;); ?&gt;<br />
&lt;/div&gt;<br />
&lt;div id=&#8221;page&#8221;&gt;
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/making-header-php-file/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>انڈیکس فائل نمونہ</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/sample-index-html/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/sample-index-html/#comments</comments>
		<pubDate>Thu, 24 Apr 2008 12:00:41 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=254</guid>
		<description><![CDATA[اگر آپ کے پاس ایک عدد پسندیدہ سانچہ موجود ہے، تو اُس میں ایک انڈیکس نام کی فائل موجود ہو گی ۔ اب ہر ایک کی پسند علیحدہ ہوتی ہے تو مجھے اندازہ نہیں ہے کہ آپ کے پاس کونسا سانچہ ہے ۔ سمجھانے کے مقصد کے لئے یہاں میں ایک بہت ہی سادہ سی [...]]]></description>
			<content:encoded><![CDATA[<p>اگر آپ کے پاس ایک عدد پسندیدہ سانچہ موجود ہے، تو اُس میں ایک انڈیکس نام کی فائل موجود ہو گی ۔ اب ہر ایک کی پسند علیحدہ ہوتی ہے تو مجھے اندازہ نہیں ہے کہ آپ کے پاس کونسا سانچہ ہے ۔ سمجھانے کے مقصد کے لئے یہاں میں ایک بہت ہی سادہ سی قسم کی ایک انڈیکس فائل تیار کریں گے، اور اُس کے مطابق ورڈپریس تھیم تیار کریں گے ۔آپ کے پاس یہ فائل کچھ اور ترتیب میں ہو سکتی ہے لیکن تھیم بنانے کا طریقہ پھر بھی وہی ہے ۔صرف آپ کو سلیکٹرز کا دھیان رکھنا ہے کہ کونسا سلیکٹر صحفہ میں کس چیز کو ظاہر کر رہا ہے ۔ ذیل میں میری تیار کردہ انڈیکس فائل ہے جَسے ہم تھیم میں بدلیں گے ۔ <span id="more-254"></span></p>
<div class="code">
&lt;!DOCTYPE<br />
html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221;<br />
&#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;</p>
<p>&lt;html&gt;</p>
<p>&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=UTF-8&#8243; /&gt;<br />
&lt;title&gt;creating wordpress theme&lt;/title&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;style.css&#8221; type=&#8221;text/css&#8221; /&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;header&#8221;&gt;<br />
&lt;div class=&#8221;logo&#8221;&gt;This is logo of the site&lt;/div&gt;<br />
&lt;div class=&#8221;navbar&#8221;&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;First Page&lt;/li&gt;<br />
&lt;li&gt;2nd Page&lt;/li&gt;<br />
&lt;li&gt;3rd Page&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;div class=&#8221;search&#8221;&gt;<br />
&lt;form method=&#8221;get&#8221; action=&#8221;index.html&#8221;&gt;<br />
&lt;input type=&#8221;text&#8221; class=&#8221;s&#8221; name=&#8221;s&#8221;/&gt;<br />
&lt;input type=&#8221;submit&#8221; class=&#8221;button&#8221; value=&#8221;Go&#8221;/&gt;<br />
&lt;form&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;div id=&#8221;page&#8221;&gt;<br />
&lt;div id=&#8221;right&#8221;&gt;<br />
&lt;h2 class=&#8221;post-title&#8221;&gt;Title of the post&lt;/h2&gt;<br />
&lt;p class=&#8221;entry&#8221;&gt;Post Body&lt;/p&gt;<br />
&lt;div class=&#8221;post-footer&#8221;&gt;&lt;div class=&#8221;date&#8221;&gt;Posted<br />
on[date]&lt;/div&gt;&lt;div class=&#8221;author&#8221;&gt;Author&lt;/div&gt;&lt;div<br />
class=&#8221;comment-count&#8221;&gt;Comments&lt;/div&gt;&lt;/div&gt;<br />
&lt;div id=&#8221;sidebar&#8221;&gt;<br />
&lt;h2&gt;Latest posts&lt;/h2&gt;<br />
Post<br />
1<br />
Post<br />
2<br />
Post<br />
3<br />
&lt;h2&gt;Links&lt;/h2&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=#&gt;A link&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=#&gt;2 link&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=#&gt;3 link&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=#&gt;4 link&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;div id=&#8221;footer&#8221;&gt;<br />
This is footer of the page<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;
</p></div>
<p>یہ دنیا میں ایچ ٹی ایم ایل کی سب سے چھوٹی فائل ہے،لیکن ورڈ پریس کی انڈیکس فائل کا تو جواب ہی نہیں ۔ ایک دفعہ پھر یاد دہانی کے طور پر آپ اپنی انڈیکس فائل کا بغور جائزہ لیں کہ پوسٹ کا ٹائٹل کس کو بنانا ہے، وغیرہ وغیرہ ۔ یہ سب معلومات انڈیکس فائل کو براؤزر میں اور پھر اس کا کوڈ دیکھنے کے بعد با آسانی دیکھ سکتے ہیں ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/sample-index-html/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>سانچہ سے ورڈ پریس تھیم بنانا ۔</title>
		<link>http://www.urdujahan.com/blog/html-lessons/2008/template-to-wordpress-theme/</link>
		<comments>http://www.urdujahan.com/blog/html-lessons/2008/template-to-wordpress-theme/#comments</comments>
		<pubDate>Wed, 23 Apr 2008 12:30:00 +0000</pubDate>
		<dc:creator>جہانزیب</dc:creator>
				<category><![CDATA[ایچ ٹی ایم ایل]]></category>
		<category><![CDATA[ویب ڈیزائن]]></category>
		<category><![CDATA[ورڈپریس تھیم]]></category>

		<guid isPermaLink="false">http://www.urdujahan.com/blog/?p=253</guid>
		<description><![CDATA[ایک سانچہ کو اردو میں ڈھالنے کے لئے جو مراحل درپیش تھے وہ ہم پہلے سیکھ چکے ہیں،لیکن یہ بنایا گیا سانچہ ہم ایک صحفہ بنانے کے لئے تو استعمال کر سکتے ہیں، بلکہ اگر بہت سے صحفہ پر مبنی ویب سائٹ ہو تو اُس کا ہر صحفہ علیحدہ سے اُسی سانچہ کی مدد سے [...]]]></description>
			<content:encoded><![CDATA[<p>ایک سانچہ کو اردو میں ڈھالنے کے لئے جو مراحل درپیش تھے وہ ہم پہلے سیکھ چکے ہیں،لیکن یہ بنایا گیا سانچہ ہم ایک صحفہ بنانے کے لئے تو استعمال کر سکتے ہیں، بلکہ اگر بہت سے صحفہ پر مبنی ویب سائٹ ہو تو اُس کا ہر صحفہ علیحدہ سے اُسی سانچہ کی مدد سے بنا سکتے ہیں ۔ اس طرح ہر صحفہ علیحدہ سے بنانا بہت وقت لیتا ہے، اور ہم چاہتے ہیں کہ ہم صرف تحریر لکھیں اس بات کی فکر کئے بغیر کہ سانچہ بھی بنانا ہے ۔<br />
اس کام کو کرنے کے لئے بلاگ سافٹ وئیر جیسے <a href="http://www.wordpress.org/" target="_blank">ورڈپریس</a> اور <a href="http://www.blogger.com/" target="_blank">بلاگر</a> اور <a href="http://en.wikipedia.org/wiki/Content_management_system" target="_blank">کنٹٹمنٹ منیجمنٹ سسٹم</a> جیسے <a href="http://www.postnuke.com/" target="_blank">پوسٹ نیوک</a> اور <a href="http://www.joomla.org/" target="_blank">جملہ</a> اپنا اپنا تھیم سسٹم استعمال کرتے ہیں ۔ اوپر بیان کئے گئے تمام سافٹ وئیر کے لئے تھیم تیار کرنا، تھوڑی بہت ردوبدل کے بعد ایک ہی جیسا ہے ۔ جیسے بلاگر کے پرانے ورژن کا تھیم ہم صرف انڈیکس فائل میں بلاگر کے ٹیگز کا اضافہ کر کے استعمال کر سکتے ہیں، پوسٹ نیوک میں اسی انڈیکس فائل کو مختلف بلاک میں توڑ کر اور پھر پوسٹ نیوک کے ٹیگز کا استعمال کر کے تھیم بنا سکتے ہیں۔ لیکن یہاں ہمارا مقصد ورڈپریس تھیم تیار کرنا ہے ۔ ہم اپنی توجہ اسی پر مرکوز رکھیں گے ۔<br />
<a href="http://codex.wordpress.org/Theme_Development" target="_blank">ورڈپریس تھیم</a> کے لئے جو نظام استعمال کرتا ہے، اُس کو تفصیلاً <a href="http://codex.wordpress.org/Stepping_Into_Templates" target="_blank">یہاں بیان</a> کیا گیا ہے، ہم مختصراً اس کا جائزہ لیتے ہیں ۔ ورڈپریس تھیم بہت سے چھوٹے سانچوں کو ملا کر مکمل صحفہ کا سانچہ مکمل کرتا ہے، یہ چھوٹے سانچے آپس میں پزل کے ٹکڑوں کی طرح ایک دوسرے سے جڑتے جاتے ہیں،ہم کو صرف بدلی گئی انڈیکس فائل میں یہ ٹکڑے تیار کرنا ہیں، اُن میں ورڈپریس ٹیگز کا اضافہ کرنا ہے اور پھر بعد میں اُن کو دوبارہ سے ورڈپریس کے طریقہ سے جوڑنا ہے ۔<br />
ورڈپریس تھیم بنانے سے پہلے ہم ورڈپریس کے سانچہ کی فائلوں کو جانچتے ہیں، ورڈپریس سانچہ کی فائلوں کے کچھ نام ایسے ہیں،جن کو ورڈپریس بچپن سے جانتا ہے، اِن کو ہم ڈیفالٹ فائل کہتے ہیں ۔لیکن ضروری نہیں کہ آپ صرف انہی فائلوں کا استعمال کریں،آپ تمام سانچوں کی فائلوں کا اپنی پسند کا نام رکھ سکتے ہیں، لیکن ان کو بلانے کا طریقہ علیحدہ ہے ۔ ہم یہاں ورڈپریس کی جانی پہچانی فائلوں کے نام ہی استعمال کریں گے، اور ایک آدھ فائل ایسی رکھیں گے جس کو ورڈپریس نہ پہنچانتا ہو، تاکہ یہ دیکھ سکیں کہ ایسی فائل کو ورڈپریس میں کس طرح بلایا جائے گا ۔<span id="more-253"></span><br />
مندرجہ ذیل فائلیں ورڈپریس کی ڈیفالٹ فائل نام ہیں، اگر آپ چاہیں تو سانچہ کی ڈرائکٹری میں اس نام کی فائلیں بنا لیں ۔</p>
<p class="en">
<ul>
<li>style.css</li>
<li>index.php</li>
<li>header.php</li>
<li>sidebar.php</li>
<li>footer.php</li>
<li>single.php</li>
<li>page.php</li>
<li>comments.php</li>
<li>archive.php</li>
<li>search.php</li>
</ul>
<p>اس کے علاوہ ہم مندرجہ ذیل نام کی فائلیں بھی بنا لیں گے، جن کو ورڈپریس نہیں پہنچانتا، لیکن ہم دیکھیں گے کہ ایسی فائلوں کو کس طرح استعمال کیا جائے گا ۔</p>
<p class="en">
<ul>
<li>404.php</li>
<li>searchform.php</li>
</ul>
<p>سٹائل والی فائل ہمارے پاس پہلے سے ہی سانچہ میں موجود ہو گی، یہ صحفہ کے سٹائل ظاہر کرتی ہے ۔ اس فائل میں ہمیں ورڈپریس کے لئے تھوڑی سی تبدیلی کرنا ہو گی ۔<br />
انڈیکس والی فائل مرکزی صحفہ کو دکھانے کے کام آتی ہے۔<br />
ہیڈر والی فائل صحفہ کا اوپر والا حصہ دکھاتی ہے، یہ ضروری نہیں ہے،آپ صحفہ کے نچلے حصہ کو بھی ہیڈر کا نام دے سکتے ہیں ۔<br />
سائیڈبار کی فائل میں صحفہ کا دایاں یا بایاں حصہ دکھایا جاتا ہے ۔<br />
فُٹر والی فائل میں صحفہ کے نچلے حصہ کا سانچہ ہوتا ہے ۔<br />
جب آپ صحفہ پر کوئی ایک تحریر پڑھتے ہیں تب سنگل والی فائل کا استعمال ہوتا ہے ۔<br />
اگر آپ نے مختلف صحفہ جات ترتیب دیے ہیں تو پیج والی فائل ایسے صحفات جیسے تعارف اور رابطہ کا صحفہ دکھانے کے کام آتی ہے ۔<br />
تبصرہ دکھانے کے لئے کمنٹس والی فائل کا استعمال کیا جاتا ہے،<br />
پرانی تحریریں دیکھتے وقت آرکائیو فائل کا استعمال کیا جاتا ہے اسی طرح جب کوئی لفظ تلاش کیا جائے تو سرچ والی فائل کا سانچہ استعمال ہو گا۔<br />
اسی طرح جب کوئی ایسے صحفہ یا تحریر پر جانے کی کوشش کرے جو موجود نہیں ہو تب چارسوچار والی فائل کو ہم استعمال کریں گے، اور تلاش والے خانہ کا سانچہ سرچ فارم والی فائل میں مقید کر دیں گے ۔<br />
اب ہم ایک ایک کر کے ایک سادہ ایچ ٹی ایم ایل سانچہ کو استعمال کرتے اوپر بیان کی گئی تمام فائلیں ترتیب دیں گے۔ مثال کے لئے میں ایک بالکل سادہ ایچ ٹی ایم ایل فائل کا استعمال کروں گا،لیکن یہی طریقہ ہر سانچہ کے ساتھ استعمال ہوتا ہے ۔ آپ اپنے مطلوبہ سانچہ کی انڈیکس فائل کا بغور مطالعہ کریں، اور سمجھیں کہ ہیڈر کہاں سے شروع ہوتا ہے اور کہاں ختم ہوتا ہے ،مرکزی متن اور سائیڈ بار یا فٹر کو اپنے سانچہ میں تلاش کریں اور ذہن میں اس کی تصویری خاکہ تیار کرلیں ۔</p>
]]></content:encoded>
			<wfw:commentRss>http://www.urdujahan.com/blog/html-lessons/2008/template-to-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
