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

سلام

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

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

شما ممکنه اسن صفحه رو سیو کنید یا به هر صورت بخوایین offline بخونید این درس رو پس قبل از دیسکانکت شدن این فایل رو دانلود کنید که باهاش کار داریم:

post-meta-data (2813 دانلود ها)

ما ساخت هدر رو تموم کردیم و رسیدیم به عنوان و محتوای پست!

امروز میخواهیم گزینه های مربوط به هر پست مثل دکمه ی نظر خواهی، تاریخ، موضوع پست و … رو در یر هر پست بیاریم

به همه ی اینها معمولا postmeta یا post meta data میگن.

میشه تقریبا “اطلاعات مربوط به پست” ترجمه اش کرد!

اون فایل که دانلود کردین رو تمامن کپی کنید و زیر the_content قرار بدین.

باید حداقل ۷۰ ، ۸۰ درصدش رو بفهمین ، به هر حال کمی توضیح میدم ولی قبلش یک چیزی در مورد php:

ما در زبان php یک تابع داریم (که در php هست!یعنی ما نمیسازیمش!) به نام echo که کارش اینه که متنی که جلوش میزاریم رو عینن و دقیقا و کاملا و… به صورت خروجی میده، مثلن:

<?PHP echo(‘salam aleykom va rahmatollah!!!’) ?>

خوب فکر نمیکنم php چیزی که ما نوشتیم رو بفهمه!!یعنی مهم نیست ما جلوی echo چیز معنی داری بنویسیم یا نه اون کار خودش رو میکنه!

خروجی:

salam aleykom va rahmatollah!!!

اوکی؟!

خوب حالا ما در وردپرس تابعی داریم به این صورت: e_

تا اینجا بدونین که این تابع همین کار رو انجام میده! یعنی چیزی که جلوش مینویسیم رو عینن خروجی میده!

یعنی اینکه ما مثل آدم میتونیم بنویسیم:

Field under:

به جای اینکه اون رو به صورت یک تابع php بنویسیم البته بعدن میفهمیم چرا این کار رو کردیم!

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

&#58;

از این واضح تر بلد نیستم بگم!

حالا مشکل ۲ خطمون در post meta data حل شد! یعنی خط اول و سوم کلمات Field under و By رو به خروجی میدن!

the_catgory تابعی است که موضوع یا موضوعات پست رو به ما میده و (‘ ,’) در جلوش یعنی اگر مثلا مطلب ما به ۳ موضوع مربوط بشه، موضوعات رو با ۲ عدد , از هم جدا میکنه و ما میتونیم مثلا به جاش – بزاریم:

موضوع۱,موضوع۲,موضوع۳

این هم حل شد!

the_author هم تابعی است که نویسنده ی مطلب رو نشون میده، یعنی اگر شما بیش از یک نویسنده در سایت داشته باشید این نشون میده چیو کی نوشته!

comments_popup_link هم از اسمش معلومه یعنی لینکی رو میده که کاربران با کلیک بر روی اون میتونن نظر خودشون رو در رابطه با مطلب بنویسن!

از اونجایی که مردان و زنان انگلیسی زبان یک s برای جمع بستن دارن!! برای همین وقتی ۱ نظر داده شده باید نوشته بشه ۱comment برای همین no comments و ۱comment و n comment رو به صورتی که میبینید از هم جدا کردن تا در هر صورتی که هست درست نمایش داده بشه! در ضمن اون % تعداد نظرات داده شده رو نشون میده،(البته نیازی به حفظ کردن نیست در این قسمت،مهم اینه که بفهمیم چه کردیم!)

مورد دیگه در مورد pop up!

pop up همون صفحه ایست که وقتی میریم توی سایت مزخرف(نمیدونم املاش چه جوریه!) میبینیم که یک صفحه دیگه هم باز میشه از اون مزخرفتر! که معمولا تبلیغاتیه! البته قبلا خیلی بیشتر بود این مسائل اما الان با pop up blocker ها جلوی این صفحه ها توسط مرورگر های جدید گرفته میشه!

به هر حال همیشه اینطور نیست و pop up کاربرد هم داره! مثلا اگه ما popup comment رو در قسمت مدیریت فعال کنیم بازدید کننده های سایت با کلیک بر روی این لینک یک صفحه جدید(به صورت popUp) میبینن که میتونن نظرشون رو بدن و اگه غیر فعال باشه به صفحه ی اصلی مطلب میرن که زیرش هم میتونن نظر بدن!

edit_post_link هم دکمه ی edit رو میزاره برای کسی که مطلب رو نوشته و یا مدیر کل سایت که اگه خواستن متن رو تغیر بدن (زیاد مهم نیست البته!) آرگومان اول هم که edit باشه کلمه ای است که این لینک نشون میده و میتونه هر چیزی باشه! مثلا tashih یا هر چیزی که دوست دارین/داریم/دارند/داشتیم و … آرگومان دوم هم نوشته یا علامتی است که کلمه ی اول (در اینجا edit) رو از نوشته های قبل جدا میکنه.یعنی قبل کلمه edit میاد و آرگومان سوم بعد از کلمه edit میاد، به کد زیر و خروجی اون توجه کنید لطفن:

کد:

<?php edit_post_link(‘Tashih’, ‘*’, ‘#’); ?>

خروجی:

*Tashih#

حالا میل خودتونه که میخواهید چه کنید!

کارمون رو ذخیره میکنیم و میریم ببینیم سایت در چه وضعیتی به سر میبره!

زیر پست من به صورت زیر شده:

Filed under: دسته‌بندی نشده با admin

No Comments » | Edit

البته من لینک هارو غیر فعال کردم ! شما با کلیک بر روی موضوع باید به صفحه ای ارجاع داده بشین که تمام مطالب با اون موضوع رو نشون میده و با کلیک بر روی comments به صفحه ای که فقط در اون یک مطلب وجود داره و اون هم مطلبی است که در بالای این post meta وجود داره!

در مورد تگ <P> هم بگم که از کلمه paragraph به معنی پاراگراف خودمون یا همون بند هست،یعنی بینی این تگ هر چه باشد در یک پاراگراف قرار میگیره.

کلاس هم که در درس قبل گفتیم چیه.یعنی گفتم چیه!

امروز کار خاصی نکردیم!

فقط یه چیز دیگه هم هست! مثلا ما میخواهیم یک چیزی رو کم کنیم از این کد یا یه چیزی اضافه کنیم!

مانعی نداره اما حواستون باشه چیکار میکنید!

مثلا من میخوام بعد از اینکه نوشته شد : by admin تاریخ پست هم اضافه کنم

برای اینکار از تابع the_time استفاده میکنم!

به همین راحتی که قبل از </br > کد زیر رو میزارم:

<?php _e(‘on’);?><?php the_time(‘F jS, Y’);?>

بعدا بهتون میگم به چه راحتی میشه کد ها و توابع وردپرس رو یادگرفت و یا حتی یاد نگرفت اما استفاده کرد!

اگه قول بدین تنبل نمیشید درس تمومه!

فقط یه مطلب دیگه!

اگه در مورد کدهای مخفی html مثل همون دو نقطه و غیره مرجعی خواستین به لینک زیر سری بزنید:

html-character-entities-cheat

کاراکتر های مخفی در فرمت png (1068 دانلود ها)

کاراکتر های مخفی فرمت pdf (1170 دانلود ها)

اگه نفهمیدین چیزی رو حتما دوباره بخونین چون باید میفهمیدین! یعنی حواستون پرت بوده است!!

سو…

همین دیگه

از خط عابر عبور کنید!

بابای

‏17 دیدگاه برای ”آموزش طراحی قالب وردپرس #۵پ(ابزارهای متن)

  1. آقا اجازه ما نفهمیدیم این زیر دی کانتنت که میگید دقیقا کجاس!؟
    میشه کامل و همراه تصویر یا نوشته بگید دقیقا کجا!؟

    1. در درسهای قبلی توضیح داده شده که تابع the_content رو کجا باید فراخوانی کنیم، شما در کدتون باید این تابع رو پیدا کنید و در زیرش کد این درس رو کپی کنید.

  2. شرمنده! منظورم رو واضح نگفتم.
    منظورم این بود که زیرthe_content میشه همون سطر پایین این تابع و خارج از عبارت؟!

      1. سلام
        ببخشید من این برنامه را نداشتم و همه را همین جوری با توضیخاتی که دادین جلورفتم ولی الان ریختم تو سایت ببینم چی شده اصلا اجرا نمیشد و در ضمن در مورد قرار دادن این توابعی که در این پست گفتین اگه میشه قشنگ تر بگین که هرکدام را باید کجا گذاشت و اینکه نتیجه را به صورت یک کد کامل زیر نمونه ای که گذاشتین بذارین
        باتشکر
        استاد عزیز

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

  3. سلام، یک- از انرژی مثبت و نحوه آموزشت سپاسگذارم، دو- در آموزش قبلی در آخرین کد endif و endwhile رو جا انداختی به نظرم. یعنی باید این طور میبود فکر کنم:

    <a href="">

  4. با سلام و تشکر از زحمات شما.
    لینکی که در بالا برای post-meta-data قرار دادین یا درست کار نمی کنه یا فیلتر شده. لطفا لینک مستقیم بدین.
    مجددا از زحمات و آموزش شما تشکر می کنم.

  5. من در این آموزش و آموزش هایی که قبلا مطالعه کردم در هنگام اضافه کردن بعضی کدها به مشکلاتی بر می خورم.یعنی اون جایی که شما فرمودین :
    “مثلا من میخوام بعد از اینکه نوشته شد : by admin تاریخ پست هم اضافه کنم

    برای اینکار از تابع the_time استفاده میکنم!

    به همین راحتی که قبل از کد زیر رو میزارم:”

    من این کد رو اضافه کردم و به این مشکل برخوردم:

    Parse error: parse error in C:\Program Files\xampp\htdocs\wordpress\wp-content\themes\Amoozesh\index.php on line 46

    این فقط یه نمونه از این مشکلاته!

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

    لطفا اگه می شه منو راهنمایی کنید.

  6. خیلی خوب آموزش میدی من که تا حالا حال کردم

    درباره دوزبانه کردن وردپرس و عوض کردن wp-admin برای login کردن اگر آموزش بدین ممنون می شم .

    باتشکر اوبالیت صیاد

پاسخ دادن به محمود لغو پاسخ

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