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

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

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

امروز میخواهیم به ساخت فایلهای مهم دیگه ای ادامه بدیم که البته روند کار بسیار آسان است.
ما وقتی روی لینکهای آرشیو سایت کلیک میکنیم به صفحه ای میریم با نام 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. يه سوال ديگه! من 90 خط کد بيشتر ندارم چه جوري ارور تو خطه135 و137و… گرفته ميشه!؟ببخشيد سوالام ربطي به اين پست نداره 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
    بعدش هم بهت بکم من ومپ رو از همون لينکي که تو سايت گذاشتي دانلود کردم البته من ومپ 1.6.4 رو هم دارم ويندوز من هم سرويس پک 3 هستش اينا رو ميگم شايد ايراد از اينا باشه که مي دونم نيست اکه به من کمک کني دستت رو مي بوسم!
    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. سلام،مرسي خوبم!خواهش ميکنم!
      اگه منظورت اينه که مثلا 2 تا پست کنار هم باشن! بايد width مربوط به div پست ها رو مثلا نصف کني و بهش float بدي (اگه آموزش ها رو دنبال کرده باشي حتما ميتوني انجام بدي) اگه نشد بگو بيشتر توضيح بدم

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

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

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

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

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

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

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

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

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