دیتالایف انجین فارسی

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

تاریخ انتشار: 4 شهریور 1391
ارسال کننده: IMP
همانطور که اطلاع دارید در سیستم مدیریت محتوای دیتالایف انجین، شما فقط یک راه برای کوچک کردن تصاویر مطالب دارید و چنانچه تمایل داشته باشید در مطلب خود چند تصویر با چند سایز مختلف نمایش بدهید با مشکل سایز مواجه خواهد شد. هنگامی که شما در دیتالایف انجین مطلب ارسال میکنید، هنگام آپلود تصویر میتوانید گزینه ساخت تصویر بند انگشتی را انتخاب کنید تا اگر سایز تصویر شما بزرگ است، اتوماتیک به سایز کوچکتر تبدیل شود. اما اگر تمایل داشته باشید چندین تصویر با سایز های مختلف داشته باشید هیچ راه و یا امکانی در دیتالایف انجین وجود ندارد.

البته یک سری ترفند میتوانید بوسیله CSS انجام دهید اما همانطور که اطلاع دارید به هیچ عنوان نمیتوانید بوسیله CSS تصویر بند انگشتی بسازید، CSS فقط تصویر شما رو کوچک نشان میدهد اما در اصل همان تصویر با سایز بزرگ بارگذاری شده است و در ۹۹ مواقع تصویر شما دارای ظاهری نامناسب میباشد. چنانچه به دنبال یک نمونه حاضر و آماده از این مقاله میباشد، میتوانید از منو بالای همین سایت، بر روی گزینه "آخرین ارسالها" کلیک کنید، سپس متوجه میشوید که تصاویر مطالب به صورت بند انگشتی نمایش داده میشود، اما بوسیله خود دیتالایف انجین درست نشده است. در ضمن، دوستانی که قصد دارند مطالب و تصاویر را از هم به صورت جدا نمایش بدهند و بتوانند به راحتی قالب خود را ویرایش کنند، میتوانند از این اسکریپت استفاده کنند تا هم تصویر را از متن جدا کنند و هم تصویر بند انگشتی داشته باشند.

حال، میپردازیم به آموزش:
۱. برای اینکه بتوانید تصاویر خود را در سایز کوچک به نمایش بگذارید، ابتدا فایل ضمیمه این مقاله را دانلود کنید و در پوشه engine دیتالایف انجین خود آپلود کنید.

۲. وارد قسمت مدیریت سیستم شوید، سپس بر روی گزینه "فیلدهای اضافی مطالب" کلیک کرده و یک فیلد اضافی جدید با مشخصات زیر ایجاد کنید:
نام فیلد: img
توضیح کوتاه: img
نمایش در موضوع: همه
نوع فیلد: فیلد کوچک (یک خطی)
متن پیشفرض: این قسمت را خالی بگذارید.
در آخر تیک گزینه "اختیاری" را بزنید.

۳. حال، فایل fullstory.tpl قالب خود را باز کرده و کد زیر را در جای مناسب قرار دهید:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]" />[/xfgiven_img]

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

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

حال میپردازیم به امکانات اسکریپت. این اسکریپت به ظاهر ساده، دارای امکانات بسیار زیاد و فوق العاده میباشد. توجه داشته باشید که در این مقاله نمیتوانیم تمامی امکانات آن را برای شما شرح دهیم، اما میتوانید به سایت سازنده آن سر بزنید و تمامی امکانات این اسکریپت را مشاهده کنید. در پایان مقاله لینک سایت سازنده را مشاهده خواهد کرد.

در حالت عادی، این اسکریپت تصاویر شما را در سایز 100x100 پیکسل نمایش میدهد و کیفیت تصاویر 100 میباشد. برای تغییر سایز و کیفیت تصاویر میتوانید از روش های زیر استفاده کنید:

شکل کلی کد ما با استفاده از فیلد اضافه به این صورت میباشد:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]" />[/xfgiven_img]

در کد بالا، لینک تصویر ما تگ زیر میباشد:
[xfvalue_img]

که ما لینک تصویر را بعد از لینک اسکریپت قرار داده ایم و به شکل زیر در آمده است:
/engine/tm.php?src=[xfvalue_img]


حال برای تغییر سایز، از تگهای زیر استفاده میکنیم:
برای تغییر عرض تصویر به 200 پیکسل:
&w=200

برای تغییر ارتفاع تصویر به 150 پیکسل:
&h=150

حال شکل کلی کد ما به صورت زیر میباشد:
فقط تغییر عرض:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]&w=200" />[/xfgiven_img]

تغییر عرض و ارتفاع:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]&w=200&h=150" />[/xfgiven_img]


برای تغییر کیفیت تصویر از کد زیر استفاده میشود:
&q=100

اگر عدد ما از 100 کمتر باشد، تصویر ما کیفیت آن کمتر میشود. نمونه:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]&q=85" />[/xfgiven_img]


این دو قسمت، مهمترین تنظیمات ما برای نمایش تصویر بود. اما این اسکریپت امکانات دیگری مانند ایجاد فیلتر بر روی تصاویر، زوم کردن بر روی تصاویر، تغییر محل برش تصویر را نیز دارا میباشد..

برای مثال با استفاده از کد زیر محل برش تصویر را مرکز تصویر انتخاب میکنیم:
&a=c

شکل کلی کد ما:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]&a=c" />[/xfgiven_img]


شما میتوانید لیست امکانات و دمو تمامی تنظیمات از جمله استفاده از کش، مسدود کردن لینک تصاویر از سایتهای دیگر و ... را در سایت سازنده اسکریپت مشاهده کنید.

یک نمونه از کد ما برای نمایش تصویری با ارتفاع 200 پیکسل، عرض 300 پیکسل، کیفیت 90 و برش تصویر از وسط:
[xfgiven_img]<img src="/engine/tm.php?src=[xfvalue_img]&q=90&a=c&h=200&w=300" />[/xfgiven_img]


برای تصاویری که قبلا در مطالب کوتاه ارسال کرده اید و یا اینکه قصد دارید در قسمت مطالب کوتاه و یا ادامه مطلب تصویر را از متن جدا کنید، هم میتوانید از این اسکریپت استفاده کنید. برای این روش نیاز به ساخت فیلد اضافی نیست. میتوانید برای نمونه از کد زیر استفاده کنید:
<img src="/engine/tm.php?src={image-1}" />

با استفاده از تگ {image-1} میتوانید تصاویر خودتان را نمایش بدهید.


نکات مهم:
توجه داشته باشید در فیلد اضافی مطالب که لینک تصویر را قرار میدهید، لینک تصویر حتمآ باید به صورت مستقیم باشد.
شما میتوانید چندین فیلد اضافی درست کنید و با توجه به نیاز خود از این اسکریپت استفاده کنید.
چنانچه اطلاعات کافی در زمینه PHP ندارید فایل اسکریپت را زیاد تغییر ندهید.

لینک وبسایت سازنده اسکریپت و مشاهده امکانات و دمو های اسکریپت:
http://www.binarymoon.co.uk/category/web-design/timthumb/
  • دانلود
نام فایلحجم فایلتعداد دانلودعملیات
جهت دانلود این فایل، وارد سایت شوید. در صورتی که حساب کاربری ندارید، از طریق صفحه ثبت نام عضو شوید.
25 نفر (25 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
تشکر
مدیر بخش قالب ها
04 شهریور 1391 - 01:58
ممنون از مطلب بسیار پرکاربردت flower
من مدت هاست که دارم که از این خاصیت توی سایتم استفاده می کنم و قصد داشتم که آموزشش رو توی سایت بذارم اما فرصت نکردم request
اما بلاخره آقا علیرضا زحمتشو کشید loveu
فقط دوستانی که از این اسکریپت استفاده می کنند ، حواسشون باشه که در آدرس دادن عکس ، المنت های width و height رو هم برای عکسشون تعیین کنند تا برای valid بودن قالبشون مشکلی پیش نیاد ...!!!

--------------------
مدیر بازنشسته
04 شهریور 1391 - 02:01
M_Jashnani,
ممنون مجتبی جان flower
من خودم چون با استفاده از ماژول CSSY و جدیدا با استفاده از ماژول بلاک پیشرفته این کار رو انجام میدادم اصلا سراغ این اسکریپت نرفته بودم. ولی در کل میشه گفت اسکریپت بسیار بسیار مفید و کاربردی هست.
مدیر سایت
15 شهریور 1391 - 18:34
دستت درد نکنە

--------------------
عضو سایت
28 دی 1391 - 17:56
بسیار ممنون

--------------------
عضو سایت
27 اردیبهشت 1392 - 13:06
من استفاده کردم ولی یه مشکلی دارم
تصاویری که از سایت های دیگر هست رو نشون میده ولی تصاویر ی که در هاست خودم آپلود شده نشون نمیده
www.sarayedownload.ir

فکر کنم بعد از پاک کردن ذخیره گاه اینطور شد
عضو سایت
18 مرداد 1392 - 23:11
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه
مدیر بازنشسته
19 مرداد 1392 - 00:40
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

شما میتونی تشریف ببری کافی نت و فایل رو دانلود کنی flower
عضو سایت
19 مرداد 1392 - 09:54
نقل قول: IMP
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

شما میتونی تشریف ببری کافی نت و فایل رو دانلود کنی flower

من از روی یه سیستم دیگه با اینترنت 2 مگ هم امتحان کردم ولی دانلود نمیشه! لینک دانلودش کار نمیکنه. من این تصاویر بندانگشتی رو واسه سایتم خیلی لازم دارم تورو خدا یه کمکی بکنید ممنون میشم
مدیر بازنشسته
19 مرداد 1392 - 11:51
نقل قول: pcweb
نقل قول: IMP
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

شما میتونی تشریف ببری کافی نت و فایل رو دانلود کنی flower

من از روی یه سیستم دیگه با اینترنت 2 مگ هم امتحان کردم ولی دانلود نمیشه! لینک دانلودش کار نمیکنه. من این تصاویر بندانگشتی رو واسه سایتم خیلی لازم دارم تورو خدا یه کمکی بکنید ممنون میشم

سرعت اینترنت ارتباطی با لینک دانلود نداره دوست عزیز. من هم با کابل 100 مگابایت امتحان میکنم و سالم هست hahahoho
اما مشکل شما، شما به جای اینکه بگی فایل خراب هست، میگی لینک خرابه! چون لینک دانلود کار میکنه اما فایلی که دانلود میشود از کار افتاده که البته درستش کردم...
عضو سایت
19 مرداد 1392 - 18:33
نقل قول: IMP
نقل قول: pcweb
نقل قول: IMP
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

شما میتونی تشریف ببری کافی نت و فایل رو دانلود کنی flower

من از روی یه سیستم دیگه با اینترنت 2 مگ هم امتحان کردم ولی دانلود نمیشه! لینک دانلودش کار نمیکنه. من این تصاویر بندانگشتی رو واسه سایتم خیلی لازم دارم تورو خدا یه کمکی بکنید ممنون میشم

سرعت اینترنت ارتباطی با لینک دانلود نداره دوست عزیز. من هم با کابل 100 مگابایت امتحان میکنم و سالم هست hahahoho
اما مشکل شما، شما به جای اینکه بگی فایل خراب هست، میگی لینک خرابه! چون لینک دانلود کار میکنه اما فایلی که دانلود میشود از کار افتاده که البته درستش کردم...

آخه همش خطای اتصال و عدم دانلود میزد!!!
جهت ارسال نظر، فرم زیر را تکمیل نمائید:
نام:*
ایمیل:*
متن نظر:

 
پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
کد امنیتی: *