رفتن به مطلب

لینکدار کردن خودکار تصاویر پست ها


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

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

لینک به ارسال

اگر از پلاگین ویرایشگر حرفه ای TinyMCE Advanced استفاده میکنید که فکر میکنم خودکار با وارد کردن لینک عکس برای گذاشتن در پست لینک دار بشه (واسه من که اینجوریه)

sjjfa3xzcr9jsdo3nk.png

لینک به ارسال

می تونید از جی کوئری استفاده کنید یا این:


add_filter( 'post_thumbnail_html', 'wps_post_thumbnail', 10, 3 );
function wps_post_thumbnail( $html, $post_id, $post_image_id ) {
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_post_field( 'post_title', $post_id ) ) . '">' . $html . '</a>';
return $html;
}

لینک به ارسال

و با جی کوئری


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
<!--
$(".post img").filter(function() {
$(this).replaceWith('<a href="<?php bloginfo(\'url\'); ?>/" rel="bookmark" ><img src="'+$(this).attr("src")+'" alt="'+$(this).attr("alt")+'" class="'+$(this).attr("class")+'" width="'+$(this).attr("width")+'" height="'+$(this).attr("height")+'" ></a>');
});
//-->
</script>

لینک به ارسال

اين جي كوئري هايي كه داديد بايد كجا بزارم؟ توي فايل فانكشن و سينگل گذاشتم سايتم سفيد ميشه!

لینک به ارسال

اين جي كوئري هايي كه داديد بايد كجا بزارم؟ توي فايل فانكشن و سينگل گذاشتم سايتم سفيد ميشه!

بعد از تگ <head> در Index قالبتون قرار بدید

لینک به ارسال

برای اینکه فیلتر صحیح عمل کنه

با کدهای دیگه تداخل نکنه

سایت را هم کند نکنه بهترین جا برای این کدها انتهای فایل footer.php است درست قبل از


</body>
</html>

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

کد مال سه سال پیشه خوب

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".post img").each(function() {
jQuery(this).replaceWith('<a href=\'<?php bloginfo("url"); ?>\' rel="bookmark" ><img src="'+jQuery(this).attr("src")+'" alt="'+jQuery(this).attr("alt")+'" class="'+jQuery(this).attr("class")+'" width="'+jQuery(this).attr("width")+'" height="'+jQuery(this).attr("height")+'" ></a>');
});

});
</script>

به کلاس div اصلی مطالبتون هم باید  post اضافه بشه

لینک به ارسال
  • 2 هفته بعد...

آموزش لینک دهی تصاویر نوشته ها به صورت اتوماتیک در وردپرس
شاید دوست داشته باشید تا تصاویری را که در وردپرس آپلود می کنید به صورت اتوماتیک لینک بهشون داده بشه!
برای این مورد وارد هاستتون شده و و در بخش file manager به مسیر public_html/wp-admin رفته و فایل option.php رو باز کرده و ویرایش می کنیم.
سپس عبارت زیر رو درون فایل جستجو می کنیم:

image_default_link_type


بعد کافیه تا جلوی کد مورد نظرتون بنا به چیزی که میخواین یکی از حالت های file و یا post رو جلوی عبارت عینا مطابق زیر تایپ می کنیم.

'image_default_link_type', 'file'
'image_default_link_type', 'post'
'image_default_link_type', 'none'
'image_default_link_type', 'attachment'


حالت اول یعنی file باعث میشه تا تصاویرتون به صورت اتوماتیک لیندار بشن و به کلیک روی عکس به آدرس تصویر هدایت بشه.
 در حالت دوم یعنی در حالت post لینک مقصد به تصویر در حالت atachenment خواهد بود، یعنی تصویر تو قالب سایت شما در قالب یک نوشته نشون داده میشه اما متنی از نوشته داخلش نشون داده نمیشه.
در حالت none هم لینک دهی شما به صورت "پرونده چند رسانه ای خواهد بود"
و در حالت چهارم یعنی attachment به تصاویر در همون حالت post خواهد بود اما با این تفاوت که لینکدهی به کل تصاویر داخل اون پست خواهد بود.

توضیحات بیشتر در این زمینه:
http://wpsites.net/wordpress-tips/5-ways-to-change-default-image-links
ــــــــــــــــــ
اینجــــــــــــــا سرزمین یکــ استاد
https://telegram.me/yekostadir

لینک به ارسال

از این چهارتا یکی رو باید قرار بدیم درسته ؟ بعد از نظر سئو و کلا کدوم حالت بهتره؟

'image_default_link_type', 'file'
'image_default_link_type', 'post'
'image_default_link_type', 'none'
'image_default_link_type', 'attachment

 

لینک به ارسال
در در 5/24/2016 at 17:56، imanfakhar گفته است :

کد مال سه سال پیشه خوب


<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".post img").each(function() {
jQuery(this).replaceWith('<a href=\'<?php bloginfo("url"); ?>\' rel="bookmark" ><img src="'+jQuery(this).attr("src")+'" alt="'+jQuery(this).attr("alt")+'" class="'+jQuery(this).attr("class")+'" width="'+jQuery(this).attr("width")+'" height="'+jQuery(this).attr("height")+'" ></a>');
});

});
</script>

به کلاس div اصلی مطالبتون هم باید  post اضافه بشه

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

لینک به ارسال

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

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

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

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

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

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

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

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

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