/ آموزش نمایش اولین تصویر پست به صورت بند انگشتی ویژه کد نویسان در وردپرس (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
نمایش نتایج: از 1 به 6 از 6

موضوع: آموزش نمایش اولین تصویر پست به صورت بند انگشتی ویژه کد نویسان در وردپرس (اختصاصی ویکی وی بی)

  1. #1
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir

    آموزش نمایش اولین تصویر پست به صورت بند انگشتی ویژه کد نویسان در وردپرس (اختصاصی ویکی وی بی)

    درود.
    خیلی وقتا شده که خواستید تصاویر پست رو به صورت بند انگشتی مثلا 180 در 180 نمایش بدید ! خب راهی که می تونه به ذهنتون برسه 2 تا هست یا اینکه از زمینه دلخواه استفاده کنید و فرصا یک متا بنویسید برای زمینه دلخواه به اسم Image و فدری که پست می زاری آدرس عکسش رو با عنوان Image توی پست ارسال بکنه ...

    خب این یک راهش بود ! مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    راه بعدی هم استفاده از تصویر شاخص هست که فانکشن خاص خودشو داره ...

    اما هر دو راه حل بالا باید یک کار اضافه بکنه پست گذار ! و ممکنه براش سخت باشه ! (حالا هرچقدرم که میزان انجامش کوتاه باشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی)

    راه حلی که بنده پیشنهاد می کنم به کد نویسان محترم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی استفاده از فانکشنی ساده هست ! مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    که به طور خودکار اولین تصویر در یک نوشته رو فراخانی می کنه و با یک کد شما می تونید از اون در قالب استفاده کنید !

    برای انجام اینکار کد زیر را به انتهای فانکشن ها اضافه کنید :

    کد:
    <?php
    function catch_that_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];
     return $first_img;
    }
    ?>
    حالا برای نمایش اولین تصویر در قالب از این کد استفاده کنید :

    کد HTML:
    <a href="<?php the_permalink() ?>"><img src="<?php echo catch_that_image(); ?>" width="180"  height="180" alt="<?php the_title(); ?>" /></a>
    که بنده لینک دارشم کردم و طول و عرض و alt براش تعریف کردم

    توجه داشته باشید کد نمایش در قالب رو باید در یک حلقه بزارید تا به نمایش در بیاد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    همچنین می تونید درصورتی که تصویر موجود نبود در یک پست ، یک تصویر پیشفرض قرار دهید ، برای اینکار با یک شرط ساده اعتبار سنجی میشه مقدار ! و اگر خالی بود لینک تصویر می زاریم ! مثال :
    کد PHP:
    if(empty($first_img)){$first_img 'http://upspeed.ir/uploads/up979181431710749_Untitled-1.png';} 
    یعنی از این کد باید استفاده کنیم :
    کد:
    <?php
    function catch_that_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)){$first_img = 'http://upspeed.ir/uploads/up979181431710749_Untitled-1.png';}
     return $first_img;
    }
    ?>
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    ویرایش توسط CodeSaz : 08-22-2015 در ساعت 12:34 PM
    Coming Soon New Project ■

  2. نوين وردپرس تبلیغات شما

  3. #2
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    حالا برای نمایش اولین تصویر در قالب از این کد استفاده کنید :
    متوجه نشدم
    کد بالایی رو ب فانکشن اضافه کردم
    الان این کد رو به کجا اضافه کنم میخام اولین تصویر هر مطلب
    هم در صفحه اصلی باشه هم در ادامه مطلب
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #3
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    خب هرجایی که می خواید نمایش بده رو این کد رو بزارید دیگه :
    کد PHP:
    <a href="<?php the_permalink() ?>"><img src="<?php echo catch_that_image(); ?>" width="180"  height="180" alt="<?php the_title(); ?>" /></a>
    باید یه مقداری کد نویسی بلد باشید تا بتونید جای درست بزارید ...

    کاربر زیر پست CodeSaz را پسندیده است:


    Coming Soon New Project ■

  5. #4
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    الان از یک استایل وردپرس استفاده میکنم که تصویر بندانگشتی براش به این صورت در .style.cssتعریف شده
    کد HTML:
    #cover-image-thumb {
    background: url("images/cover-image.png") no-repeat scroll 0 0 transparent;     height: 260px;     margin-left: 435px;     margin-top: 30px;     position: absolute;     width: 190px;
    }
    چطوری کد شما رو جایگزینش کنممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    کدنویسی زیاد وارد نیستم
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  6. #5
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    نه این سی اس اسه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    توی تاپیک هم گفتم ویژه کد نویسان ، هر قالبی یه جوریه ! باید بررسی بشه ، کد قرار داده بشه جای بگیره قشنگ ... کار می بره !
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست CodeSaz را پسندیده است:


    Coming Soon New Project ■

  7. #6
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    استفاده از تصویر پیشفرض در این آموزش ، به پست اول اضافه شد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست CodeSaz را پسندیده است:


    Coming Soon New Project ■

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی