اضافه کردن عکس بندانگشتی به پست‌ها در وردپرس با استفاده از “زمینه‌های دل‌خواه”

فکر کنم قبل از اینکه بریم سر اصل مطلب باید بدونید که اصلا این “ زمینه‌های دل‌خواه” چی هستن، اینجا گناهکار یه چیزایی درموردش نوشتن.

ایجاد زمینه‌ی دل‌خواه
برای اینکار باید در پنل مدیریت وردپرس بروی “افزودن نوشته” کلیک کنیم. یه کم پایین که بیاید فرم “ زمینه‌های دل‌خواه ” رو پیدا می‌کنید.

حالا کافیه تو کادر “نام” اسم زمینه مثلا “thumb” و در کادر “مقدار” آدرس (URL) عکس مورد نظر رو بذاریم و “افزودن زمینه‌ی دل‌خواه” رو بزنیم.

چسباندن عکس به پست

خوب، حالا ما یه زمینه‌ی دل‌خواه به اسم thumb داریم و نیازی به افزودن آن، هر دفعه که خواستم یه عکس به پست بچسبونیم نداریم، برای اینکار کافیه که از منو آبشاری موجود در کادر زمینه‌های دل‌خواه، اون رو انتخاب کرده و مقدارشو با آدرس عکس بندانگشتی پر کنیم.

برای اینکه این عکس‌ها در صفحه برای هر پست نمایش داده بشن باید فایل “index.php” قالب مورد نظر رو ویرایش کنیم. فایل رو با ادیتور دل‌خواه خودتون باز کنید. حالا این خط‌ها رو پیدا کنید:

<?php while (have_posts() : the_post(); ?>

<?php endwhile; ?>

هر کدی که بین این خط‌ها قرار بگیره برای هر پست که به نمایش در میاد اجرا میشه، فرض کنید شما مقدار پست‌های صفحه‌ی اصلی رو به ۸ تا محدود کرده باشین، این کد ۸ بار اجرا خواهد شد. خط پایین رو باید مابین این دو خط هر جا که خواستیم قرار بدیم…

<img src=”<?php echo get_post_meta($post->ID, “thumb”, true);?>” style=”float:right;margin:3px;background-color:#f6f6f6;padding:3px;border:1px solid #ccc;” />

من اون رو قبل از کد محتوای پست قرار می‌دهم.


رو این عکس کلیک هم میشه کرد…

و این هم نتیجه کار…

اگر می‌خواهید این عکس در ادامه‌ی مطلب هم نشون داده بشه کافیه کد بالا رو به همین صورت در فایل “single.php” هم قرار بدید.

این نوشته در طراحی وب, وب مستر ارسال و , , , برچسب شده است. افزودن پیوند یکتا به علاقه‌مندی‌ها.

2 Responses to اضافه کردن عکس بندانگشتی به پست‌ها در وردپرس با استفاده از “زمینه‌های دل‌خواه”

  1. joker می‌گوید:

    کد کار نمیکنه مرد

  2. عارف می‌گوید:

    لطفاً با دقت بیشتری کد را امتحان کنید…

پاسخ دهید

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

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