دریافت مستقیم URL تصویر شاخص در وردپرس
- مقالات آموزشی
- بروزرسانی شده در
سایتهای مختلفی وجود دارند که هرکدام محتوای گوناگونی در اختیار کاربران قرار میدهدند. امروزه معمولاً در کنار هر مقاله در سایت یک تصویر بهعنوان تصویر شاخص نمایش داده میشود. در میهن وردپرس قبلاً در مقالات مختلف به شما در مورد تصویر شاخص توضیح دادهشده است؛ که جهت دریافت URL تصویر شاخص میتوانید آنها را مطالعه کنید.
تقریباً میتوان گفت شما از هر قالبی که در وردپرس از آن استفاده کنید؛ از قابلیت افزودن تصویر شاخص پشتیبانی میکند. حتی اگر قالب به شما اجازه چنین کاری را ندهد مطابق با آموزشهای قبل میتوانید این قابلیت را به سایت خود اضافه کنید. چراکه این ویژگی سبب میشود سایت شما در نظر کاربران ظاهر بهتری داشته باشد. همچنین شما قادر هستید کلیت مقاله خود را در قالب یک تصویر به مخاطب خود نمایش دهید.
بنابراین قرار دادن تصویر شاخص یکی از نکات بسیار مهم و ضروری در هنگام تولید محتوا برای سایت میباشد. در این میان گروهی از خوانندگان هستند که بهدنبال گامی برای توسعه وردپرس هستند. برخی از این افراد در مواردی مانند طراحی قالب و یا پلاگین با این مورد مواجه شدهاند. آنها نیاز دارند که آدرس مستقیم تصویر شاخص را در اختیار داشته باشند. اغلب آنها میخواهند آدرس مستقیم تصاویر شاخص پستها را نمایش دهند.
دریافت مستقیم URL تصویر شاخص
اگر شما نیز قصد داشته باشید این آدرس را بهدست بیاورید باید بدانید که انجام این کار بسیار آسان است و شما میتوانید در یک مدتزمان کوتاه آن را انجام دهید. در نظر داشته باشید که برای انجام این کار نیاز به استفاده و نصب افزونه نیست. شما امکان این را دارید که توسط قطعه کدی که در اینجا در اختیار شما قرار میدهیم؛ این کار را در سایت خود انجام دهید.
اکنون بهراحتی کد زیر را در حلقه پستها قرار دهید:
<?php
$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id,'thumbnail-size', true);
echo $thumb_url[0];
?>
در نظر داشته باشید که اطمینان حاصل کنید که بهجای تصویر بندانگشتی به هراندازه تصویری که میخواهید را بهدست آوردهاید. اندازه پیشفرض بندانگشتی متوسط، بزرگ و تمام صفحه میباشد.
همچنین شما امکان این را دارید که سایزهای تصویری که میخواهید را اضافه کنید. همچنین اگر از سایز سفارشی استفاده میکنید از بازسازی بندانگشتی اطمینان حاصل کنید. جهت کسب اطلاعات بیشتر در این زمینه آموزش ساخت تصویر شاخص وردپرس را ببینید. همچنین شما میتوانید برای پستهای بندانگشتی بهطور پیشفرض از تصویر مجدد استفاده کنید.
ابتدا این کد باعث بهدست آوردن شناسه پست بندانگشتی میشود. سپس از این شناسه برای بهدست آوردن مسیر تصویر یا آدرس با استفاده از تابع Wp_Get_Attachment_Image_Src استفاده خواهیم کرد.
شاد و پیروز باشید. 🙂
سلام من دارم یک قالب ورد پرسی می سازم ولی تامبنیل هام بیرون از 4 چوبی که براشون تعریف کردم افتادن چجوری باید بهشون استایل بدم که توی همون 4 چوب قرار بگیرن؟
سلام به تصویر width:100% بدید.
متشکرم
سلام مجدد اقای حسینی راد
بله بله شما درست میگن اما من اخر سوالمو یادم رفت بگم که وقتی من روش شمارو میرم و بعد
var_dump و یا echo
میکنم همه چی دروسته یعنی مثلا ابعاد مختلف پست عکس هامو میگیره و ادرس و سایزشونو در میاره اما من وقتی میخوام درون دستور شزطی بذارم فقط یک مقدار برمیگردونه متغیر $thumb_url
بذارین یک توضیح شفافتر بدم که من سایتی دارم برای دانلود والپیپر . که میخوام با استفاده جاوااسکریپت رزولوشین صفحه نمایش کاربررو بگیرم و بعد با استفاده از شرط اون والپیپری که ابعادش با رزولویشن کاربر یکیه رو ادرس دهی کنم . خوب من تمام کارهام دروسته اما هرکار میکنم تو شرط بذارم متغیر اخر رو نمیشه. حالا اگه سوالم هم جوابش تخصصی و یا نیاز به وقت و هزینه است . من حاضرم هزینه کنم اما بهم یاد بدین همین چیزی رو که میخوام بسازم.
باید هر مقدار رو جدا داخل یه متغیر جدا ذخیره کنید. شما همه مقدار ها رو داخل یه متغیر ذخیره می کنید.
با سلام و خسته نباشید
یک سوال درمورد همین تابع که برای ما بوسیله سه مقدارش ادرس عکس سایز دلخواه رو برمیگردونه.
میشه مقدار دوم تابع رو یک ارایه قرار داد و وقتی ارایه قرار دادیم چجوری کاری کنیم که بعد در متغیر
$thumb_url
هم به صورت ارایه ذخیره بشه .
درود متشکرم
برای اینکار باید توی php ابتدا مقدار رو توی thumb_url ذخیره کنید. یعنی ابتدا یک خط کد بنویسید به این شکل:
کد این مقاله = $thumb_url;
سلام
برای ویدئو های آپارات چگونه تصویر شاخص قرار دهیم؟
خود آپارات و دیگر سایت ها برای ویدئو ها از خود ویدئو تصویر شاخص(بندانگشتی) میذارن اما قالب صحیفه این امکان رو نداره لطفا راهنمایی کنید
ممنون
سلام باید ویدیو رو داخل پست قرار داده و تصویر شاخص از ویدیو بگیرید با سیستمون و دستی قرار بدید
با عرض سلام و خسته نباشیدمن دارم یه قالب طراحی میکنم و یک مشکل توی نمایش تصویر شاخص دارم.قبلش بگم که دارم از پلاگین lazy load استفاده میکنم.وقتی که تگ img رو استفاده میکنم به خاطر استفاده از پلاگین lazy load بایستی از data-original برای نمایش عکسم استفاده کنم که تا اینجا مشکلی نیست.فقط مشکلی که دارم این هست که تمامی تگ های بعد از data-original دارم تو سایت نمایش داده میشه مثل width و heath و غیره.میخام بپرسم که برای این مشکل چیکار باید بکنم؟ممنون میشم راهنمائیم کنین.باتشکر
سلام ظاهرا قوانین ” رو رعایت نمی کنید. از همین روش باید مستقیما تصویر رو نمایش بدید
مچکر از مطلب خوب شما