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

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

پشتیبان رسمی سیستم مدیریت محتوا

آموزش ساخت تصاویر

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

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

البته یک سری ترفند میتوانید بوسیله 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/

دانلود
شما دسترسی لازم جهت دریافت این فایل را ندارید.
نظرات کاربران
مجتبی جشنانی در 04 شهریور 1391 - 01:58 گفته:
مدیر بخش قالب هانظرات: 190

ممنون از مطلب بسیار پرکاربردت flower
من مدت هاست که دارم که از این خاصیت توی سایتم استفاده می کنم و قصد داشتم که آموزشش رو توی سایت بذارم اما فرصت نکردم request
اما بلاخره آقا علیرضا زحمتشو کشید loveu
فقط دوستانی که از این اسکریپت استفاده می کنند ، حواسشون باشه که در آدرس دادن عکس ، المنت های width و height رو هم برای عکسشون تعیین کنند تا برای valid بودن قالبشون مشکلی پیش نیاد ...!!!

IMP در 04 شهریور 1391 - 02:01 گفته:
مدیر بازنشستهنظرات: 917

M_Jashnani,
ممنون مجتبی جان flower
من خودم چون با استفاده از ماژول CSSY و جدیدا با استفاده از ماژول بلاک پیشرفته این کار رو انجام میدادم اصلا سراغ این اسکریپت نرفته بودم. ولی در کل میشه گفت اسکریپت بسیار بسیار مفید و کاربردی هست.

سامان کریم در 15 شهریور 1391 - 18:34 گفته:
مدیر بازنشستهنظرات: 88

دستت درد نکنە

--------------------

محسن در 28 دی 1391 - 17:56 گفته:
عضو سایتنظرات: 25

بسیار ممنون

ahmad98 در 27 اردیبهشت 1392 - 13:06 گفته:
عضو سایتنظرات: 5

من استفاده کردم ولی یه مشکلی دارم
تصاویری که از سایت های دیگر هست رو نشون میده ولی تصاویر ی که در هاست خودم آپلود شده نشون نمیده
www.sarayedownload.ir

فکر کنم بعد از پاک کردن ذخیره گاه اینطور شد

PcWeb در 18 مرداد 1392 - 23:11 گفته:
عضو سایتنظرات: 57

لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

IMP در 19 مرداد 1392 - 00:40 گفته:
مدیر بازنشستهنظرات: 917

نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

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

PcWeb در 19 مرداد 1392 - 09:54 گفته:
عضو سایتنظرات: 57

نقل قول: IMP
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

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

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

IMP در 19 مرداد 1392 - 11:51 گفته:
مدیر بازنشستهنظرات: 917

نقل قول: pcweb
نقل قول: IMP
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

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

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

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

PcWeb در 19 مرداد 1392 - 18:33 گفته:
عضو سایتنظرات: 57

نقل قول: IMP
نقل قول: pcweb
نقل قول: IMP
نقل قول: pcweb
لینک دانلود خرابه! خیلی امتحان کردم ولی لینک کار نمیکنه

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

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

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

آخه همش خطای اتصال و عدم دانلود میزد!!!

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!