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

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

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

امروز میخواهیم به ساخت فایلهای مهم دیگه ای ادامه بدیم که البته روند کار بسیار آسان است.
ما وقتی روی لینکهای آرشیو سایت کلیک میکنیم به صفحه ای میریم با نام 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 هستن.

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

سبز باشید!

بای

‏38 دیدگاه برای ”آموزش طراحی قالب وردپرس #۱۳(تقسیم بندی فایلها۲)

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

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

  2. با سلام خدمت شما آفا سیاوش از اینکه این همه زحمت میکشی ممنون ببین من یه مشکلی توی نصب ورد پرس با لوکال هاست دارم گفتم بیام به تو بگم شاید حل شد!من قبلا ورد پرس رو روی هاست اصلی نصب کردم و هیچ مشکلی نداشتم راهنمای نصبش رو هم از وردپرس فارسی تهیه کردم خیلی هم آسون بود ولی ومپ بازی در میاره من همونطور که تو راهنما هست اسم 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

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

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

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

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

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

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

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

  3. ببین همو نطور که خودت می دونی توی ورد پرس یه فایلی هست به نامه 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
    آفا من موندم چیکار کنم من بهت پیشنهاد میکنم تو خودت اینکارو بکنی ببینی چی میشه البته منظورم تو کامپیوتر خودت هستش

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

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

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

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

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

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

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

  8. سلام من تا اینجا درسامو خوندم یعنی تا اخر این درس
    ولی هنوز نمی دونم چجوری از دریم ویور استفاده کنم
    راستی … ( حالا بعدا بهت می گم )

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

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

نشانی ایمیل شما منتشر نخواهد شد.