رفتن به مطلب

خاصیت href اگر تصاویر باشد


پست های پیشنهاد شده

اگر از اسکریپتی استفاده کنم که خاصیت href آن تصویر است(بزرگنمایی تصویر) چطور باید این قسمت به وردپرس تبدیل شود؟

لینک به ارسال


<h4><?php the_title(); ?></h4>
<div class="work_links">
<div><a href="<?php bloginfo('template_url');?>/assets/images/mix/940/businessman.jpg" data-rel="prettyPhoto" class="misc_white_icons16 icon16_15" title="سایز بزرگ"></a></div>
<div><a href="<?php bloginfo('url');?>" class="misc_white_icons16 icon16_67" title="جزئیات پروژه"></a></div>
</div>

این کدی که داخل href هم گذاشتم هیچ عکسی رو نشون نمیده وبی کلا میخام آدرس عکس اینجا ندم از ورد پرس باشه

ویرایش شده توسط farnaz
لینک به ارسال


<h4><?php the_title(); ?></h4>
<div class="work_links">
<div><a href="<?php bloginfo('template_url');?>/assets/images/mix/940/businessman.jpg" data-rel="prettyPhoto" class="misc_white_icons16 icon16_15" title="سایز بزرگ"></a></div>
<div><a href="<?php bloginfo('url');?>" class="misc_white_icons16 icon16_67" title="جزئیات پروژه"></a></div>
</div>

ان عکسی که در href گذاشتم رو اصلا نشون نمیده آیا میشه وردپرس کرد این قسمت رو که اصلا عکسی از html نخونه. عکس اول رو تصویرشاخص گذاشتم

لینک به ارسال

الان توی این کد فقط لینک عکس وجود داره و خود عکس فراخوانی نمیشه ..

تست کنید :


<h4><?php the_title(); ?></h4>
<div class="work_links">
<div>
<a href="<?php bloginfo('template_url');?>/assets/images/mix/940/businessman.jpg" data-rel="prettyPhoto" class="misc_white_icons16 icon16_15" title="سایز بزرگ">
<img src="<?php bloginfo('template_url');?>/assets/images/mix/940/businessman.jpg" />
</a>
</div>
<div><a href="<?php bloginfo('url');?>" class="misc_white_icons16 icon16_67" title="جزئیات پروژه"></a></div>
</div>

میخواید از تصویر شاخص در این قسمت استفاده کنید ؟

لینک به ارسال

الان توی این کد فقط لینک عکس وجود داره و خود عکس فراخوانی نمیشه ..

میخواید از تصویر شاخص در این قسمت استفاده کنید ؟

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


<div class="a_work">
<div class="normal">
<a href="<?php the_permalink() ?>" class="grid_image">
<?php if(has_post_thumbnail()) {the_post_thumbnail();} else {echo '<img class="attachment-post-thumbnail" src="'.get_bloginfo("template_url").'/images/no-img.jpg" />';}?>
</a>

<div class="work_heading"><?php the_title(); ?></div>
</div>
<div class="hover">
<h4><?php the_title(); ?></h4>
<div class="work_links">
<div><a href="<?php bloginfo('template_url');?>/assets/images/mix/940/businessman.jpg" data-rel="prettyPhoto" class="misc_white_icons16 icon16_15" title="سایز بزرگ"></a></div>
<div><a href="<?php bloginfo('url');?>" class="misc_white_icons16 icon16_67" title="جزئیات پروژه"></a></div>
</div>
<div class="clearfix"></div>
<!-- social links -->
<div class="social_links">
<div class="share_text">اشتراک گذاری</div>
<div class="share_icons">
<a href="mailto:info@domain.com" class="social_colored mail tooltip_s" title="Mail"></a>
<a rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" target="_blank" class="social_colored twitter tooltip_s"></a>
<a rel="nofollow" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php echo urlencode(get_the_title($id)); ?>" target="_blank" class="social_colored facebook tooltip_s"></a>
</div>
</div>
<!-- social links end -->
</div>
</div>

لینک به ارسال

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

<div class="a_work">
<div class="normal">
<a href="<?php the_permalink() ?>" class="grid_image">
<?php if(has_post_thumbnail()) {the_post_thumbnail();} else {echo '<img class="attachment-post-thumbnail" src="'.get_bloginfo("template_url").'/images/no-img.jpg" />';}?>
</a>

<div class="work_heading"><?php the_title(); ?></div>
</div>
<div class="hover">
<h4><?php the_title(); ?></h4>
<div class="work_links">
<div><a href="<?php echo get_post_meta($post->ID, 'yourimage', $single = true); ?>" data-rel="prettyPhoto" class="misc_white_icons16 icon16_15" title="سایز بزرگ"></a></div>
<div><a href="<?php bloginfo('url');?>" class="misc_white_icons16 icon16_67" title="جزئیات پروژه"></a></div>
</div>
<div class="clearfix"></div>
<!-- social links -->
<div class="social_links">
<div class="share_text">اشتراک گذاری</div>
<div class="share_icons">
<a href="mailto:info@domain.com" class="social_colored mail tooltip_s" title="Mail"></a>
<a rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" target="_blank" class="social_colored twitter tooltip_s"></a>
<a rel="nofollow" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php echo urlencode(get_the_title($id)); ?>" target="_blank" class="social_colored facebook tooltip_s"></a>
</div>
</div>
<!-- social links end -->
</div>
</div>

زمینه به اسم yourimage و بهش مقدار آدرس عکس رو بدید.

لینک به ارسال

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

زمینه به اسم yourimage و بهش مقدار آدرس عکس رو بدید.

آدرس عکس رو از لوکال هاست چطوری باید بدم؟این رو زدم جواب نداد


G:\xampp\htdocs\theme\wp-content\uploads\2013\02\businessman_fixed.jpg

لینک به ارسال

اگر لوکال کار میکنید

باید url بدید

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

http://localhost/theme/wp-content/uploads/2013/02/businessman_fixed.jpg

لینک به ارسال

اگر لوکال کار میکنید

باید url بدید

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

http://localhost/theme/wp-content/uploads/2013/02/businessman_fixed.jpg

عکس رو نشون نمیده :(

لینک به ارسال

http://127.0.0.1/wp-content/uploads/2013/02/businessman_fixed.jpg

کد بالا error میده

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


http://localhost/theme/wp-content/uploads/2013/02/businessman_fixed.jpg

post-394-0-08397700-1360249971_thumb.png

ویرایش شده توسط farnaz
لینک به ارسال

این آدرس فقط برای تست هست

http://localhost/wp-content/uploads/2013/02/businessman_fixed.jpg

لینک به ارسال

شما وارد پوشه آپلود بشید

و آدرس تصویر را از اون قسمت پیدا کنید

هر چند سودی نداره چون آدرس دهی ثابت هست

لینک به ارسال
  • 1 ماه بعد...

اگر سایت آنلاین باشد برای آدرس دهی تصاویر در زمینه دلخواه به صورت زیر نوشتم ولی تصویری نمایش داده نمی شود.چرا؟:

http://mysite.ir/wp-...ssman_fixed.jpg

وقتی آدرس رو در نوار آدرس می زنم نمایش میده .

ویرایش شده توسط farnaz
لینک به ارسال

اگر سایت آنلاین باشد برای آدرس دهی تصاویر در زمینه دلخواه به صورت زیر نوشتم ولی تصویری نمایش داده نمی شود.چرا؟:

http://mysite.ir/wp-...ssman_fixed.jpg

وقتی آدرس رو در نوار آدرس می زنم نمایش میده .

شما آدرس رو وارد میکنید

در خروجی هم زمینه رو میخونید

و نمایش دادن بستگی به کد شما دارد

کد نمایش؟

لینک به ارسال

کد نمایش؟


<div class="list_carousel responsive">
<ul id="foo2">
<?php
$my_query = new WP_Query('showposts=20&cat=4');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php $ax= get_post_meta($post->ID, "ax", true); ?>
<li>
<div class="pic-portfolio span4">
<div class="img"><a href="<?php the_permalink() ?>"> <?php if(has_post_thumbnail()) {the_post_thumbnail();} else {echo '<img class="attachment-post-thumbnail" src="'.get_bloginfo("template_url").'/images/no-img.jpg" />';}?>
</a></div>
<div class="img-hover"><span><?php the_title(); ?></span><a href="<?php the_permalink() ?>" class="link"></a><a href="<?php echo $ax; ?>" class="zoom lightview"></a></div>
</div>
</li>
<?php endwhile; ?>

</ul>
</div>
</div>

لینک به ارسال

سلام

چک کنید در فایل functions.php در قالبتون اگر کد زیر نبود بهش اضافه کنید


add_theme_support( 'post-thumbnails' );

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

featured_image_metabox.jpeg

لینک به ارسال

سلام

چک کنید در فایل functions.php در قالبتون اگر کد زیر نبود بهش اضافه کنید


add_theme_support( 'post-thumbnails' );

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

featured_image_metabox.jpeg

تصویربا سایز کوچک رو تصویرشاخص گذاشتم. تصویر با سایز بزرگ را زمینه دلخواه گذاشتم که نمایش نمیده. کد ایراد داره؟مشکل از چیه؟

لینک به ارسال

اگر منظورتون ax است بله ایراد داره چیزی داخل لینکتون نیست که بشه روش کلیک کرد

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


<a href="<?php echo $ax; ?>" class="zoom lightview"><img src="<?php echo $ax2; ?>" /></a>

و برای عکس سایز کوچک هم یک زمینه دیگر تعریف بشه بنام ax2

لینک به ارسال

تصویربا سایز کوچک رو تصویرشاخص گذاشتم. تصویر با سایز بزرگ را زمینه دلخواه گذاشتم که نمایش نمیده. کد ایراد داره؟مشکل از چیه؟

یک نکته

تصویر شاخص تصویریست که به صورت پیش فرض به آدرس خود مطلب لینک شده باشد اگر می خواهید با کلیک بر روی عکس عکس با سازی دیگر باز شود تصویر شاخص را فراموش کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...