سائیڈ بار سانچہ ۔

Saturday,26 April 2008
از :  
زمرات : ایچ ٹی ایم ایل

اب ہم دوبارہ سے ایچ ٹی ایم ایل کی انڈیکس فائل کا جائزہ لیتے ہیں،انڈیکس فائل میں سب سے پہلے ہیڈر ہے، جہاں ہیڈر ختم ہوتا ہے وہاں فوراً نیچے پوسٹ شروع ہو جاتی ہے، جہاں پوسٹ ختم ہوتی ہے اُس کے نیچے سائیڈبار شروع ہو جاتی ہے اور سب سے نیچے ہیڈر ۔یعنی ہیڈر، پوسٹ،سائیڈبار، فُٹر ۔ مگر ضروری نہیں کہ ہر سانچہ میں یہ ترتیب ایسے ہی ہو، کچھ سانچوں میں ہیڈر کے فورا بعد سائیڈبار پہلے آتی ہے اور پوسٹ اُس کے بعد ہوتی ہے ۔ لیکن جو بھی ترتیب سانچہ میں ہے اُس کو یاد رکھنا بہت اہم ہے ۔
ترتیب کے حساب سے ہم پہلے پوسٹ والے سانچہ کو بنانا چاہیے تھا، لیکن اُس کو ہم آخر کے لئے رہنے دیتے ہیں اور کیوں؟ یہ آپ کو بعد میں پتہ چلے گا۔ اب ہم انڈیکس فائل سے سائیڈ بار کا کوڈ کاپی کر کے سائیڈ بار والی فائل میں چسپاں کریں گے ۔ جو کہ مندرجہ ذیل ہے ۔

<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>

زیادہ تر بلاگ میں سائیڈ بار میں تیزرفتار قسم کے روابط ہوتے ہیں، جیسے آپکی تازہ تحریریں،دوسری سائٹ کے یا بلاگ کے روابط، تبصرہ جات ۔مطلب کہنے کا یہ کہ ایسا جو کچھ بھی آپ دِکھانا چاہتے ہیں،سب یہاں گھسیڑ سکتے ہیں ۔لیکن ہم ورڈپریس کی ڈیفالٹ طریفہ کو ۔استعمال کرتے ہوئے تازہ تحریریں، آپ کی کیٹگری ، بلاگ کے روابط ہی یہاں رکھیں گےعلاوہ ازیں کئی سانچوں میں تلاش کا خانہ یہاں ہوتا ہے، اگر آپ کے سانچہ میں تلاش کا خانہ یہاں ہے تو ہیڈر میں ہم نے جو کوڈ سرچ فارم کا
چسپاں کیا تھا اُسے یہاں منتقل کر دیں ۔

<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>

ہماری سائیڈ بار میں ایچ ۲ سائیڈ بار کا عنوان دکھا رہا ہے، تمام عنوان اس سلیکٹر کے بیچ میں آئیں گے ۔
چلیں ہم تعارف سے شروع کرتے ہیں ۔

<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 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>

اب ہم ساتھ ہی فٹر والی فائل دیکھ لیتے ہیں، کیونکہ فٹر میں یہاں ہمیں کچھ زیادہ نہیں کرنا بلکہ ایک ٹیگ کا اضافہ کرنا ہے، ہمارے پاس اس وقت جو فٹر موجود ہے وہ کچھ ایسا ہے ۔

<div id=”footer”>
This is footer of the page
</div>
</div>
</body>
</html>

باڈی سلیکٹر جہاں بند ہو رہا ہے اُس سے پہلے ایک اضافی ڈِوو کا سلیکٹر بھی بند ہو رہا ہے یہ اصل میں سب سے اوپر ہیڈر فائل میں جو پیج نام کا سلیکٹر شروع ہوا تھا، یہاں بند ہو گیا ہے، مطلب یہ کوزہ ہے جس میں پورا دریا بند ہے ۔ اب بالا فٹر کو ذیل سے بدل کر مخفوظ کر لیں ۔

<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>

یہاں اصل اہمیت <?php wp_footer(); ?> کی ہے، باقی آپ جو مرضی لکھنا چاہیں لکھ سکتے ہیں ۔
اب ہمارے پاس ہیڈر،سائیڈبار،فُٹر اور سرچ فارم کی فائلیں تیار ہو چکی ہیں، اگلے مرحلہ میں ہم انڈیکس فائل تیار کریں گے ۔

تبصرہ کیجئے

اس بلاگ پر آپ کے تبصرہ کی حوصلہ افزائی کی جاتی ہے
اگر آپ اپنے تبصرہ کے ساتھ تصویر لگانا چاہتے ہیں، تو یہاں جا کر تصویر لگائیں ۔