wptheme

اگر سری آموزش های طراحی قالب وردپرس را از اول دنبال نکرده اید به آدرس زیر بروید.

لیست آموزشهای قالب وردپرس

امروز میخواهیم به ساخت فایلهای مهم دیگه ای ادامه بدیم که البته روند کار بسیار آسان است.
ما وقتی روی لینکهای آرشیو سایت کلیک میکنیم به صفحه ای میریم با نام archive که میتونه با index متفاوت باشه (و معمولا هم هست!)
برای اینکه ما archive رو متفاوت از index داشته باشیم:

  • یک فایل archive.php میسازیم/
  • تمام محتوای index.php رو در archive.php کپی میکنیم/
  • فایل رو ذخیره میکنیم/
  • the_content رو پاک میکنیم و به جای اون مینویسیم the_excerpt /

()the_excerpt تابعی است که در صفحه ی آرشیو سایت تمام content یا محتوای مطلب رو نمیاره بلکه یک چکیده مطلب رو نشون میده، و تفاوت عمده ی صفحه ی index با آرشیو هم همینه!
نکته اینکه وقتی مطلب جدیدی در وردپرس مینویسید در زیر محل نوشتن مطلب یک قسمت چکیده هست که همون excerpt ماست.

این کار علاوه بر اینکه از نظر بازدیدکننده مناسب است و خواننده میتونه یک نگاه اجمالی به آرشیو و نوشته ها بندازه از نظر موتورهای جستجو هم مناسبه و به بالا رفتن رنک ( امتیاز سایت ) کمک میکند.

خوب این از این!

یک صفحه ی دیگه ای که وجود داره صفحه ی موضوعات سایت است!

مثلا در این وبلاگ شما میخواهید هرچه راجع به وردپرس هست رو بخونین! برای اینکار میرین به سایدبار و در قسمت موضوعات روی وردپرس کلیک میکنید!

با اینکار اگه ما صفحه ای برای موضوعات نساخته باشیم وردپرس از استایل archive.php استفاده میکنه.

اگه میخواهید که صفحه ی موضوعات متفاوت باشه از صفحه ی آرشیو یک فایل category.php بسازید و مثل قبل تمام محتوای archive.php رو کپی کنید و اگه میخاهید تغییری ایجاد کنید، خوب بکنید!

مورد دیگه جستجو است.

شما اگه الان در سایت ساخته شده ی خودتون کلمه ای رو سرچ کنید وردپرس نوشته هایی که اون کلمه در آنها موجود هست رو به صورت کامل میاره یعنی کل content رو میاره(چون از صفحه ی index.php استفاده میکنه) اگه ما بخواهیم که اینطور نباشه و نوشته های جمع و جور تری داشته باشیم باید کارهای زیر رو انجام بدیم:

  • تمام محتوای archive.php رو در فایلی با نام search.php کپی میکنیم/
  • فایل رو ذخیره میکنیم!/

حالا میریم سراغ دو فایل دیگه!

فایل page که صفحات وبلاگ یا همون برگه هاست و ما میتونیم صفحات مختلفی بسازیم مثلا صفحه ی ارتباط با من یا درباره ی من! که معمولا مثل وبلاگ نیستند و بدون تغییرند.

و فایل دیگه single.php است که مربوط به زمانی است که شما روی یک مطلب کلیک میکنید و در این صفحه میتونید فقط یک مطلب رو بخونید و در ضمن میتونید نظرتون رو هم اینجا وارد کنید.

این دو فایل رو میسازیم و محتویات فایل index رو در این دو کپی میکنیم و فایلها رو ذخیره میکنیم.

برای متفاوت کردن Page با index وارد page.php میشیم و در زیر تابع the_content کد زیر رو مینویسیم:

<?php link_pages(‘<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>
<?php edit_post_link(‘Edit’, ‘<p>’, ‘</p>’); ?>

و بعد postmetadata رو هم کامل پاک میکنیم تا در نهایت داشته باشیم:

<div class=”entry”>
<?PHP the_content();?>
<?php link_pages(‘<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>
<?php edit_post_link(‘Edit’, ‘<p>’, ‘</p>’); ?>
</div>

در نهایت میریم سراغ navigation و div مربوط به اون رو کامل پاک میکنیم چون نیازی بهش نیست اصلا!!یعنی اصلا وجود خارجی نداره!

link_pages برای زمانیه که صفحه ی ما محتوای بسیار زیادی و بلندی داشته باشه ما برای اینکه یک برگه رو به چند قسمت کوچکتر تقسیم کنیم باید موقع نوشتن صفحه در قسمت html editor یا ویرایش html کد زیر رو وارد کنیم:

<!–nextpage–>

مثلا یک برگه میسازیم به نام about و راجع به خودمون مینویسیم و هر موقع حس کردیم زیادی نوشتیم! به ادیتور html میریم و این کد را وارد میکنیم، به همین راحتی!

nextpage

بعد از اینکه page.php رو سیو کردیم میریم سراغ single.php که قبلا اشاره کردم چه موقعی استفاده میشه.

دقیقا مثل کاری که با page.php کردیم میریم و زیر the_content کد زیر رو وارد میکنیم:

<?php link_pages(‘<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>

شاید نمیدونستید اما حتی پستهای وبلاگ رو هم مثل برگه ها میتوان به قسمت های کوچکتری تقسیم کرد! و این کد برای این نوشته شد!

کار دیگه اینه که لینک نظر دهی رو باید پاک کنیم چون میخواهیم در زیر پست قسمت comment یا نظردهی رو قرار بدیم و نیازی به لینک نیست دیگر!

میریم به postmetadata و کد زیر رو پاک میکنیم:

<br /><?php comments_popup_link(‘No Comments &#187;’, ‘1 Comment &#187;’, ‘% Comments &#187;’); ?>

br رو هم پاک کردیم چون یک خط خالی ایجاد میکنه برای همه ی بیننده ها به جز نویسنده که edit براش نمایش داده میشه! پس کار خوبی نیست وجود داشتنش!!

وقتی خواننده وارد یک single page میشه و یک مطلب رو میخونه دیگه لینک به صفحات مختلف معنا نداره و باید لینکی به نوشته ی قبلی و نوشته ی بعدی داده بشه پس میریم به navigation و کد زیر رو جای posts_nav_link مینویسیم:

<?PHP posts_nav_link(); ?>

<?php previous_post_link ( ‘ &laquo; %link ‘ ) ?> <? php next_post_link ( ‘ %link &raquo ; ‘ ) ?>

خط اولی رو پاک کردیم و دومی رو نوشتیم جاش!

معلوم هم هست که چه کردیم! اون کدهای عجیب غریب هم که قبلا گفتم کدهای مخفی html هستن.

ذخیره کنین فایل رو و روی عنوان یکی از نوشته های سایت کلیک کنید تا تغییرات رو ببینید.

سبز باشید!

بای

درباره این نویسنده

مطالب مشابه

آموزش طراحی قالب وردپرس #۱۵(فارسی سازی)

آموزش شماره پانزده از سری آموزشهای طراحی قالب وردپرس،
آموزش افزودن امکان ترجمه به قالب و فارسی سازی تم به صورت کامل+آموزش css در زمینه ی راست چین کردن نوشته ها

37 Responses to آموزش طراحی قالب وردپرس #۱۳(تقسیم بندی فایلها۲)

  1. ali گفت:

    سیاوش ولیدیتور.validator می تونه error هارو برطرف کنه؟

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۳ام, ۱۳۸۸ ۱۱:۳۹ ب.ظ:

    نه عزیز فقط نشون میده کجا اشکال داری تا خودت برطرفش کنی!

    [پاسخ]

  2. ali گفت:

    یه سوال دیگه! من ۹۰ خط کد بیشتر ندارم چه جوری ارور تو خطه۱۳۵ و۱۳۷و… گرفته میشه!؟ببخشید سوالام ربطی به این پست نداره d:

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۱۲ ق.ظ:

    شما ?? خط کد نوشتی اما وقتی مرورگر اونها رو پردازش میکنه خیلی بیشتر از این حرفها میشه! وارد صفحه ی سایت که میشی برو و سورس رو نگاه کن ببین چند خط شده!

    [پاسخ]

  3. ناصر گفت:

    با سلام خدمت شما آفا سیاوش از اینکه این همه زحمت میکشی ممنون ببین من یه مشکلی توی نصب ورد پرس با لوکال هاست دارم گفتم بیام به تو بگم شاید حل شد!من قبلا ورد پرس رو روی هاست اصلی نصب کردم و هیچ مشکلی نداشتم راهنمای نصبش رو هم از وردپرس فارسی تهیه کردم خیلی هم آسون بود ولی ومپ بازی در میاره من همونطور که تو راهنما هست اسم wp-config-sample.php
    تغیر دادم به wp-config با ارور زیر مواجه شدم که اینم عکسشه
    http://p30fix-temp.persiangig.ir/image/untitled%201.JPG
    بعد من رفتم نام فایل رو به همون نام قبلی(wp-config-sample.php) تغیر دادم و بعد مثل راهنمای تو رفتم جولو که سر آخر سر و کله این ارور پیدا شد که اینم عکسشه
    http://p30fix-temp.persiangig.ir/image/untitled%202.jpg
    بعدش هم بهت بکم من ومپ رو از همون لینکی که تو سایت گذاشتی دانلود کردم البته من ومپ ۱٫۶٫۴ رو هم دارم ویندوز من هم سرویس پک ۳ هستش اینا رو میگم شاید ایراد از اینا باشه که می دونم نیست اکه به من کمک کنی دستت رو می بوسم!
    http://p30fix-temp.persiangig.ir/image/untitled%203.jpg

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۳ام, ۱۳۸۸ ۱۱:۴۶ ب.ظ:

    سلام ناصر جان، خواهش میکنم!
    ببین عزیز من اون آموزش رو ندیدم اما از این عکسهایی که فرستادی به نظر میاد که اطلاعات رو یا اصلا وارد نکردی یا اشتباه وارد کردی!
    شما اول باید یک دیتابیس بسازی که حتما ساختی! بعد میری توی wp_config و اسم دیتابیس رو درجای خودش وارد میکنی و بعد user name رو root قرار میدی و در password چیزی نمینویسی به همین راحتی، آموزش من هم بخون اگه نشد call me ;)

    [پاسخ]

  4. آرش گفت:

    سلام
    ممنون میشم اگر با هم همکاری کنیم
    ما از آموزش های شمما می تونیم استفاده کنیم؟

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۳ام, ۱۳۸۸ ۱۱:۴۷ ب.ظ:

    سلام علیکم یعنی علیک سلام!
    چه همکاری :D؟
    چه استفاده ای؟
    هر کاری میخوای بکن برادر فقط به منم بگو چه کردی!

    [پاسخ]

  5. آرش گفت:

    هیچی می خواستم از مطلب هات استفاده کنم
    البته با ذکر منبع

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۰۱ ق.ظ:

    استفاده کن آقا!
    کپی رایت نداره که!
    اینجا همه چی آزاده!
    موفق باشی!
    سایتت هم خیلی خوشگله فقط فک کنم یه کم سنگینه! شایدم مشکل از گیرنده است!

    [پاسخ]

    آرش پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۰۷ ق.ظ:

    سلام
    کجاش سنگینه بدبخت
    خوشحالم خوشت اومد
    لینک کنیم هم دیگرو؟

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۱۱ ق.ظ:

    من که خیلی طول کشید بلندش کنم!
    لینک چیه:d؟ خوردنیه؟
    من تا حالا همونطور که میبینی نکردم این کارو! راستش میترسم!

    آرش پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۱۴ ق.ظ:

    :دی
    مهربون کاری نداره که …
    میری تو وردپرس .. پیوندها و منو اد می کنی تا …
    اذیت نکن آخر شبی

    سياوش کشميري پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۴۶ ق.ظ:

    :)) از این نمیترسم که!
    از این میترسم که سایتم تبدیل به لینکدونی شه و شلوغ پلوغ! یعنی میترسم اولی رو که لینک کنم روم نشه به بقیه بگم لینکشون رو نمیزارم! الان میتونم بگم که اصلا فعلا قصد اینکار رو ندارم :D

    آرش پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱۲:۵۸ ق.ظ:

    باشه
    ولی برای همکاران باید استثنا قائل شد
    به حرفت گوش می کنم
    هرچور که صلاح میدونی

    سياوش کشميري پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱:۲۴ ق.ظ:

    راست میگی آقا! الان لینک میکنم!

    آرش پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۱:۳۳ ق.ظ:

    ممنون

  6. ناصر گفت:

    ببین همو نطور که خودت می دونی توی ورد پرس یه فایلی هست به نامه wp-config-sample.php که باید به wp-config تغیر بدی من اینکار رو کردم ولی با ارور زیرمواجه شدم
    http://p30fix-temp.persiangig.ir/image/untitled%201.JPG
    بعدش من رفتم نام فایل wp-config-sample.php که به wp-config تغیر داده بودم به همون حالت اولش برکردوندم یعنی این(wp-config-sample.php) بعد رفتم جولو که یوزر و… ازم خواست منهم درست اونطور که نوشتی پیشرفتم که سر آخر این اررو پیدا شد
    http://p30fix-temp.persiangig.ir/image/untitled%202.jpg
    که میگه باید فایل wp-config-sample.php تغیر بدم به wp-config که من این کار رو کردم ولی بازام این اررور بی محل سرو کلش پیدا شد
    http://p30fix-temp.persiangig.ir/image/untitled%201.JPG
    آفا من موندم چیکار کنم من بهت پیشنهاد میکنم تو خودت اینکارو بکنی ببینی چی میشه البته منظورم تو کامپیوتر خودت هستش

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۴ام, ۱۳۸۸ ۳:۱۲ ب.ظ:

    خودم که اینکار رو کردم ۱۰ بار!
    شما برو تو PHPmyadmin بعد یک پایگاه داده یا database با اسم wordpress بساز بعدفایل داخل wp-config.zip که همون wp-config.php هست رو کپی کن به جای فایل خودت نتیجه اش رو بگو
    http://files.myopera.com/tenet/comments/wp-config.zip

    [پاسخ]

  7. ناصر گفت:

    سلام آفا سیاوش چطوری خوبی آقا دستت در نکنه حل شد راستی من یه سوال ازت داشتم اکه وقت کردی یه سر برو به این سایت من می خوام پست های سایتم مثل این سایت بشه اکه تو میدونی چه جوری میشه که می دونم حتما می دونی لطفا به من هم بگو
    http://www.shop.iranget.com
    http://www.shophaa.com

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۶ام, ۱۳۸۸ ۱۱:۰۵ ب.ظ:

    سلام،مرسی خوبم!خواهش میکنم!
    اگه منظورت اینه که مثلا ۲ تا پست کنار هم باشن! باید width مربوط به div پست ها رو مثلا نصف کنی و بهش float بدی (اگه آموزش ها رو دنبال کرده باشی حتما میتونی انجام بدی) اگه نشد بگو بیشتر توضیح بدم

    [پاسخ]

  8. روزبه گفت:

    دوباره سلام
    آقا یه درخواستی دارم ازت. اونم اینه که ویلاگ ما رو هم لینک کنی تا بشه ۲ تا لینک تو لینکدونیت. منم لینکت کردم. اگرم نخواستی لینک کنی اشکال نداره

    http://medriss.com
    مجله اینترنتی مدریس

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۹ام, ۱۳۸۸ ۱۰:۳۰ ب.ظ:

    چشم!
    فکر کنم آلوده شدم دیگه :D

    [پاسخ]

    روزبه پاسخ در تاريخ تیر ۹ام, ۱۳۸۸ ۱۱:۰۳ ب.ظ:

    بالاخره یه موقعی هر کسی آلوده میشه !

    [پاسخ]

  9. بهادر گفت:

    با سلام
    شما که آلوده شده بیا آلودهی من هم بشو :)
    http://www.7even7.co.cc
    من شما را لینک کردم.
    مواد(لینک) خواستی بگو برات اضافه کنیم :))

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۱۰ام, ۱۳۸۸ ۳:۵۲ ب.ظ:

    خدایا توبه!
    من چرا اینکارو کردم؟! :((
    خدا شاهده نمیخواستم اینجوری شه:D
    انسان جایز ol حطاست دیگه!

    [پاسخ]

  10. بهادر گفت:

    دستت درد نکنه
    می گن وقتی آدم را می برن دم در جهنم میگه توبه می گن دیگه دیر شده بفرما ۲تا هیزم آتیش در خدمت باشیم. :)
    :) :) :) :) :) :) :) :) :) :) :) :) :) :) :)

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۱۰ام, ۱۳۸۸ ۱۱:۳۴ ب.ظ:

    خواهش میکنم ولی این یعنی چی:d؟ من میرم جهنم؟:D

    [پاسخ]

  11. بهادر گفت:

    نه بابا منظور من توبه از اضافه کردن لینک بود.
    سفارش می کنم شما را ببرن بهشت ۲ تا هوری با چنتا فوری چای در خدمت شما بزارن. :)
    شوخی کردم :)

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۱۱ام, ۱۳۸۸ ۱:۰۳ ق.ظ:

    خوب شد گفتی شوخی کردی :D

    [پاسخ]

  12. احمدرضا گفت:

    سلام من چگونه میتوانم با ادیتور یک صفحه html بسازم .میشه راهنمایی کنید ؟

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ بهمن ۱۹ام, ۱۳۸۸ ۱۱:۴۹ ق.ظ:

    تو داشبورد وردپرس در قسمتی که میخواین برگه ی جدید رو بنویسین یا ادیت کنین، در بالای ادیتور یه قسمت داره به اسم “ویرایش html ” که کد html نوشته ی شما رو نشون میده، منظورم همین قسمت بود عزیز دل برادر

    [پاسخ]

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>