دسته بندی نوشته :

شبکه های اجتماعی نوشته : کلوب | هم میهن | گوگل | فیسبوک
موقعیت کنونی شما : صفحه نخست » کد اولین عکس مطلب به عنوان تصویر شاخص

کد اولین عکس مطلب به عنوان تصویر شاخص

همیشه برای بعضی مدیران وردپرس این مشکل وجود داشته که با توجه به انتشار نوشته های تازه بصورت پشت سر هم، مثل سایت های خبری و … فرصت برای ایجاد یک عکس به عنوان تصویر شاخص وجود نداشته است.

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

 

شروع آموزش :

1 . به پوشه یا Folder پوسته فعال سایت یا بلاگ وردپرس تان بروید و فایل زیر را بیابید؛ اگر فایل را پیدا نکردید، یک فایل با همین نام ایجاد کنید.

functions.php

خط 1 : نام فایل

 

2 . پس از اینکه فایل را پیدا یا ایجاد کردید باید کدهای زیر را کپی یا Copy و در فایل درج یا Paste کنید.

<?php 
function get_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Defines a default image
    $first_img = "/پوشه/no-img.jpg";
  }
  return $first_img;
} 
?>

خط 1 : شروع کدهای PHP
خط 11 : جایگزینی نام پوشه یا Folder عکس های پوسته وردپرس و ایجاد فایل عکس با نام no-img.jpg و آپلود کردن آن در پوشه یا Folder عکس های پوسته وردپرس برای نمایش زمانی که تصویری در کل محتوا نوشته شما موجود نمی باشد؛ تا ظاهر پوسته بهم نریزد.
خط 15 : پایان کدهای PHP

 

3 . برای این که در هر جایی دوست داشته باشید تصویر شاخص نمایش داده شود، می بایست کد زیر را در حلقه LOOP یا تکرارشونده درج کنید.

<?php echo get_image() ?>

خط 1 : کد نمایش تصویر شاخص در پوسته وردپرس

 

کار تمام شد؛ برای ایجاد STYLE هم می توانید از خاصیت IMG در CLASS, ID,… استفاده بکنید.

منابع اصلی نوشته

نوشته های مشابه با کد قرار گرفتن اولین تصویر نوشته به عنوان تصویر شاخص

Short URL of this page
Copyright page
© 2015 - | All rights reserved to the WordPress-CMS homepage
WordPress-CMS ADS