نمایش نسخه قابل چاپ
سلام
حسته نباشید
من این پلاگین رو دانلود و نصب کردم الآن نمی دونم زز کجا باید تصویر بزنم! و می خواستم این رو ببرم تو گزینه ی بالا مثلا پیش پیوند ها نشون بدم ولی تو ساخت منوی مورد نظر اسم این پلاگین نمیاد کمک کنید لطفا!
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
مقدمه
قبل از هرچیز یک توضیح اجمالی درباره پلاگین*ها شاید ضرر نداشته باشد. چون در صورت دانستن این مطلب و توضیح شما قادر خواهید بود تا از هر پلاگینی استفاده نمایید.
پلاگین*ها عموماً نرم*افزارهای کوچکی هستند که کاربردشان در عملگرهای خودکار و نیمه*خودکار هست. در واقع ممکن هست یک پلاگین بصورت کاملاً خودکار عمل کند (پلاگین ورود از شناسه Gmail یا OpenID به جوملا که بصورت پیشفرض روی جوملا هست) یا یک پلاگین به یک خط دستور در جایی که نیاز داریم کاری را اعمال کند. (پلاگین تصاویر در زیر ویرایشگر جوملا و یا ادامه مطلب که پیشفرض در جوملا وحود دارند)
پلاگین*ها به چند دسته تقسیم می*شوند. پلاگین*های ویرایشگر – کلیدهای ویرایشگر – ارتباط*دهنده های خارج از سایت – جستجو و ... که هر کدام در جایی استفاده می*شوند. مثلاً پلاگین صفحه*بندی در جوملا از دسته پلاگین*های محتوایی هست که محتوا و مطالب را با استفاده از این پلاگین می*توانیم صفجه*بندی کنیم.
پلاگین*های خودکار مانند پلاگین جستجوی مطالب بدون اینکه ما کدی در جایی بکار ببریم کاربر هنگامی که از منو یا ماژول جستجو استفاده کند این پلاگین مطالب ما را پیمایش می*کند و یافته*ها را برای کاربر به نمایش در می*آورد. یا برای مثالی دیگر پلاگین Cache با توجه به روشن بودن ذخیره*ساز صفحات سایت را خودکار ذخیره سازی و کش می*کند.
پس پلاگین*ها می*توانند امکانات فوق العاده قدرتمندی باشند که شاید با یک کامپوننت نتوان چنین استفاده*ای را داشت یا حتی زمان زیادی را از ما طلب کند ! اما با یک پلاگین می*توانیم کارهای خودکار را انجام دهیم !
پلاگین*ها قابلیت*های فراوانی دارند که هرگاه استفاده از آنها را بیاموزیم به توانایی*های پلاگین*ها پی خواهیم برد !
پلاگین گالری تصاویر SIGE
این پلاگین از دسته پلاگین*های محتوایی هست. یعنی در محتوا کاربرد دارد و برای استفاده از آن باید از قطعه کدی در محتوا استفاده کرد تا جوملا آن هدف را اجرایی کند. حال ممکن است این هدف نمایش تصایر یک پوشه باشد (این پلاگین) یا نمایش یک فایل تصویری ( پلاگین All Video) یا ایجاد ادامه مطلب (از پلاگین*های پیشفرض جوملا) یا حتی قرار دادن یک ماژول در یک مطلب (از پلاگین*های پیشفرض جوملا) !
SIGE در واقع به ما امکان نمایش تصاویری را می*دهد با شمایل و افکت*های خاص در مطالب. قابلیت اسلاید تصاویر – توضیح برای هر تصویر – ساخت خودکار تصاویر بندانگشتی به حالت*های مختلف (افقی – زوم شده – عمودی – آکاردئونی و ...) اما برای اینکه همه این وظایف را این پلاگین به درستی انجام دهد باید ما طبق اصول پلاگین*های محتوایی از قظعه کدی برای فراخوانی این پلاگین استفاده کنیم.
قطعه کد پایه برای این پلاگین به شرح زیر خواهد بود :
{gallery}آدرس پوشه و یا تصویر مورد نظر برای نمایش{/gallery}
همانطور که می*بینید تا اینجا هیچ تفاوتی با دیگر پلاگین*ها از این دسته ندارد ! اما باید توجه داشت که در صورت فعال بودن پلاگین SIGE در مدیریت پلاگین*ها این کد انجام وظیفه می*کند و در غیر اینصورت این کد در محتوا به همین شکل خام نمایش داده خواهد شد ! پس قبل از هر کاری باید به تنظیمات پلاگین رفت و کارهایی را انجام داد !
مدیریت پلاگین SIGE
برای این کار ابتدا باید به مدیریت پلاگین*ها در جوملا رفت. نام پلاگین مربوطه را یافته و بر روی نام آن یکبار کلیک چپ نمود تا وارد تنظیمات این پلاگین شویم.
پس وارد شدن به تنظیمات در سمت راست توضیحاتی را مشاهده می*کنیم که وضعیت پلاگین را باید برای فعال شدن آن بر روی فعال قرار دهیم. در غیر اینصورت پلاگین عمل نخواهد کرد.
اما در پارامترهای این پلاگین تنظیمات اصلی را خواهیم داشت که پلاگین تصاویر بندانگشتی (Thumbnails) را به چه شکلی ایجاد کند یا تصاویر را ذخیره سازی برای استفاده*های بعدی داشته باشد یا خیر و یا اینکه پس از کلیک کردن بر روی تصاویر به شکلی به کاربران نمایش داده شود ! این پارامترها به زبان فارسی ترجمه شده*اند و توضیح آن در هر پارامتر نوشته شده. به همین دلیل از توضیح این پارامترها بصورت اختصاصی در این آموزش خودداری می*کنیم. چرا که این پلاگین به زبان فارسی ترجمه شده و در افزونه*های جوملا فارسی منتشر شده است.
اما این پلاگین در استفاده تگ معرفی شده در پیشتر این آموزش قابلیت*های دیگری نیز دارد که در ادامه این آموزش سعی می*کنیم این پارامترهای ویژه را توضیح دهیم.
پارامترهای محتوایی
طریقه قرار دادن تصاویر در این پلاگین بسیار ساده هست. اما ممکن است شما نیاز به تنظیمات خاص برای تصاویر خود و یا گالری خود داشته باشید که می*توانید با استفاده از این پارامترها در تگ فراخوانی پلاگین استفاده کنید.
تگ فراخوانی پلاگین و تصاویر به شرح زیر است :
{gallery}folder{/gallery}
که بجای عبارت folder می*توانید با توجه به تنظیماتی که در مدیریت پلاگین برای پوشه تصاویر این پلاگین مشخص کردید این آدرس را معین کنید. در تنظیمات پلاگین امکان اینکه این آدرس را برای تگ پلاگین کامل بنویسید و یا اینکه پوشه مادر آنرا، پلاگین بطور خودکار قبل از عبارت folder قرار دهد را دارید. پس دستور کلی برای فراخوانی تصاویر در محتوا مشخص شد. اما این دستور تمام تصاویر یک پوشه معرفی شده را در محتوای ما لیست می*کند ! شاید ما نیاز به نمایش یک تصویر از این پوشه باشیم و یا نیازمند توضیحاتی برای هر تصویر و یا اینکه تصویر بندانگشتی به اندازه خاصی باشد و یا ... . در برخی صفحات شاید ما بخواهیم تصاویر بندانگشتی افقی اندازه شوند و یا در برخی محتواها بخواهیم تصاویر با اندازه خاصی لیست شوند و ... . در این زمانها از پارامترهای خاص پلاگین بهره خواهیم گرفت.
معرفی پارامترها
در واقع این کدها همان پارامترهایی هستند که ما در تنظیمات و مدیریت پلاگین فوق نیز مشاهده کردیم. اما همانطور که پیشتر بیان شد شاید در برخی از صفحات نیاز به تنظیمات خاصی از این پلاگین داشته باشیم و می*توانیم برای صفحه مورد نظر خود این پارامترها را اختصاصی تنظیم کنیم. در زیر برخی از این پارامترها به فارسی توضیح داده شده*اند:
width – عرض تصاویر بندانگشتی
height – ارتفاع تصاویر بندانگشتی
gap_v – فاصله عمودی میانی تصاویر
gap_h – فاصله افقی میانی تصاویر
quality – کیفیت تصاویر در پسوند JPG – اعداد 1 تا 100 مورد قبول خواهند بود
quality_png – کیفیت تصاویر در پسوند PNG – اعداد 1 تا 9 مورد قبول خواهند بود
displayarticle – نمایش نام محتوا – عدد 1 یعنی بله و عدد 0 یعنی خیر
thumbs – ساخت و ذخیره تصاویر بندانگشتی – 1 یعنی بله و عدد 0 یعنی خیر
limit_quantity – تعداد نمایش تصاویر
noslim – غیرفعال کردن افکت لایت باکس – 1 یعنی بله و 0 یعنی خیر
root – شروع پوشه تصاویر از ریشه جوملا – 1 یعنی بله و 0 یعنی خیر
اما چگونه باید از این پارامترها استفاده کرد ؟
این پارامترها را در همان دستور فراخوانی پلاگین باید استفاده کرد، اما با استفاده از یک کامای انگلیسی , و برای هر پارامتر یک مساوی و مقدار مورد نظر را درج کنیم. مثال :
{gallery}imagefolder,width=100,height=100,gap_h=20 ,gap_v=20{/gallery}
لیست کامل پارامترهای موجود به شرح زیر خواهند بود :
width – عرض تصاویر بندانگشتی
height – ارتفاع تصاویر بندانگشتی
gap_v – فاصله عمودی میانی تصاویر
gap_h – فاصله افقی میانی تصاویر
quality – کیفیت تصاویر در پسوند JPG – اعداد 1 تا 100 مورد قبول خواهند بود
quality_png – کیفیت تصاویر در پسوند PNG – اعداد 1 تا 9 مورد قبول خواهند بود
displaynavtip - Show navigation tip - 1 = yes, 0 = no
displayarticle – نمایش نام محتوا – عدد 1 یعنی بله و عدد 0 یعنی خیر
thumbs – ساخت و ذخیره تصاویر بندانگشتی – 1 یعنی بله و عدد 0 یعنی خیر
limit - Activate limiting - 1 = yes, 0 = no
limit_quantity – تعداد نمایش تصاویر
noslim – غیرفعال کردن افکت لایت باکس – 1 یعنی بله و 0 یعنی خیر
random – چیدمان تصاویر - 1 = تصادفی, 2 = ascending, 3 = descending, 4 = ascending by modified date, 5 = descending by modified date
root – شروع پوشه تصاویر از ریشه جوملا – 1 یعنی بله و 0 یعنی خیر
ratio - Maintain aspect ratios of the images - 1 = yes, 0 = no
caption - Display captions - 1 = yes, 0 = no
iptc - Title and description of IPTC data - 1 = yes, 0 = no
iptcutf8 - IPTC data is already UTF8-encoded - 1 = yes, 0 = no
print – نمایش کلید چاپ در لایت باکس – 1 بله صفر خیر
count - Set count variable manually - example: 5
single – نمایش یک تصویر خاص از پوشه معرفی شده
single_gallery – نمایش تصاویر دیگر در پوشه در صورتی که تصویر خاصی معرفی شده بود – 1 بله – صفر خیر
salign – چینش تصویر خاص – right – left - center
connect - Connect images in other syntax calls - example: bildset
download – نمایش کلید دانلود برای تصویر – 1 بله – صفر خیر
list – نمایش تصاویر بصورت لیست – 1 بله صفر خیر
crop – فعال سازی برش*دهنده خودکار – 1 بله صفر خیر
crop_factor – میزان زوم کردن روی تصویر برای بندانگشتی ساختن
thumbdetail - Choose image section for thumbnail - 0 = 1:1, 1 = top left, 2 = top right, 3 = bottom left, 4 = bottom right
watermark - Enable watermark function - 1 = yes, 0 = no
watermarkposition - Position of the watermark - 0 = centered, 1 = top left, 2 = top right, 3 = bottom left, 4 = bottom right
watermark_trans - Transparency of the watermark - 0 to 100 - 0 = opaque, 100 - completely transparent
encrypt - Encryption method - 0 = ROT13 - very weak, but fast. 1= MD5 - safe, fast. 2 = SHA1 - very safe, slower than MD5
image_info - Show image name or IPTC data - 1 = yes, 0 = no
image_link – قرار دادن یک لینک برای تصاویر
image_link_new – باز شدن لینک در یک پنجره جدید – 1 بله صفر خیر
column_quantity – تعداد تصاویر در هر خط از چیدمان تصاویر بندانگشتی
css_image - Enable CSS Image Tooltip - 1 = yes, 0 = no
css_image_half - Half the size in tooltip - 1 = yes, 0 = no
copyright - Link to the author - 1 = yes, 0 = no
word - Link the gallery with a word - example: Gallery
watermarkimage - Set a different watermark image (image has to be located in plugins/content/sige/plugin_sige) - example: watermark-new.png
calcmaxthumbsize - Calculate maximum size of all thumbnails - 1 = yes, 0 = no
fileinfo – خواندن نام دلخواه تصاویر از فایل TXT یک یعنی بله صفر یعنی خیر – این فایل با نام captions.txt در کنار تصاویر باید قرار بگیرد.
turbo - Activate turbo mode - 1 = yes, 0 = no
resize_images – قابلیت تغییر اندازه تصاویر در اندازه نهایی – 1 بله – صفر خیر
width_image – حداکثر اندازه عرض تصاویر در اندازه نهایی
height_image – حداکثر اندازه ارتفاع تصاویر در اندازه نهایی
ratio_image - Maintain aspect ratios of the original images - 1 = yes, 0 = no
images_new – جایگزینی تصاویر کوچک شده در اندازه نهایی نمایش – 1 بله و صفر خیر
تهیه و تنظیم : تیم جوملا فارسی
سلام ممنون از توضیحاتتون ولی یه مشکلی دارم
چون حجم سایت کمه برای اینکار عکس هارو از جای دیگه آپلود می کنم ولی وقتی مثلا می زنم :
{gallery}http://up98.org/upload/server1/01/z/k0jb3eymkvayllralsum.jpg{/gallery}
عوض نشون دادن عکس توی مطلب این مدلی می زنه :
خطا: تصویری در این پوشه موجود نیست!
اشکال*گیریبررسی پوشه - [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
چیکارش کنم؟
تصاویر باید در سایت خودتون باشه !
چون ساخت تصاویر در اندازه واقعی و همچنین تصاویر بندانگشتی با توجه به این آدرس ایجاد میشود و بدون شک شما دسترسی اینکار را در هاست دیگری نخواهید داشت !
هیچکس تنهاتر از خدا نیست
افزونه ی دیگه ای سراغ ندارید بشه این کار رو کرد ؟ با آدرس هاست دیگه ای بشه زد؟نقل قول:
نوشته اصلی توسط مهدی. [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
سلام
پيشنهاد اكيد ميكنم تصاويرتون رو در سايتهاي آپلود سنتري نگذاريد
اين آپلود سنتر ها بعد از يه مدت ادرسهاشون عوض ميشه و يا حتي عكساتونو پاك مي كنه
براي سايت هاي خبري چنين كاري به سابقه ي سايت ضربه ميزنه
اين افزونه رو بين تمامي اكسنشنها انتخاب كرديم و مهدي عزيز زحمت كشيدن براش راهنما نوشتن. حتي از فوكا گالري هم بهتر عمل كرده در بعضي جاها
موفق باشيد
آخه فضای سایت کمه چون هاست اینا قراره از جای دیگه خریده بشه اونم چند ماه طول میکشه بخاطر همین از جای دیگه می خوام آپلود کنم ، موردی سراغ ندارید بشه از آدرس زد؟نقل قول:
نوشته اصلی توسط safajuy [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
مي تونيد از اين پلاگين استفاده كنيد كه مشابه Sige هستش
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
بااين تفاوت كه لينك خارجي هم ميده
موفق باشيدکد:- supports .jpg, .png und .gif
- can be aligned in your content item left, right, centered, float left or float right
- thumbnails optional below, left or right of the main image
- optional split galleries into multiple sets
- as many galleries per content item as you want
- every gallery can be configured individually (Parameter Overrides)
- optional show title and/or text with every single picture (Captions)
- optional show default title/text for the whole gallery
- optional link every single image to a different target (Links)
- optional use a default link for the whole gallery
- optional link the image to the original image file
- scale thumbnails optional proportionally or cropped
- works with and without JavaScript
- does not require a JavaScript Framework (Mootools, JQery)!
- change main image onClick or onHover
اینم از پوشه خود جوملا می خونه من می خوام لینک عکس خارج از هاستم بهش بدم نشون بده!
توي توضيحاتش نوشته بود كه ميشه لينك تصوير رو داد بهش
شما به اين سرعت تست كرديد؟!
منظورم این بود که به جای آدرس پوشه که می خواد بهش آدرس لینک بدیم و اون رو نمایش بده!
دوست عزیز یک نگاهی به عنوان تاپیک بندازید و یک نگاهی هم به 5 ارسال آخر این تاپیک !
مشکل شما در همان ارسال دوم تاپیک حل شده ! برای مشکل جدید خود باید از تاپیک جدیدی استفاده کنید !
هیچکس تنهاتر از خدا نیست
سلام مهدی جان
به خاطر آموزش کاملی که دادی تشکر می کنم
فقط من یک مشکلی که دارم اینه که تمام موادر آموزشی رو اجرا کردم ولی توی سایتم این پیغام رو می ده :
خطا : تصویری در این پوشه موجود نیست
اشکال گیری بررسی پوشه
اینم لینکش : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
نمی دونم اشکال کارم کجاست ؟
ممنون می شم راهنماییم کنین !!!
سلام
آدرس را اشتباه وارد میکنید ! کاملاً مشخص هست در پیغام خطایی که در صفحه مشاهده میکنید !
تنظیمات پلاگین و همچنین مدیریت محتوای فوق را (تگ مربوطه) را تصویر قرار بدید تا بررسی کنیم مشکل کار شما کجاست !
هیچکس تنهاتر از خدا نیست
سلام آقا مهدی رحلت پیامبر رحمت (ص) رو تسلیت می گم
تگی که توی مطالب گذاشتم اینه ( gallery}/home/comdanes/public_html/images/1{/gallery} )
[IMG]Libraries\Pictures\Untitled.png[/IMG]
این تگ رو هم در سیستم لوکال می ذارم ولی بازم جواب نمی ده
{gallery}C:\wamp\www\1.5\images\1{/gallery}
پیشاپیش تشکر می کنم
دوست عزیز فقط باید یکبار آموزش را بخوانید !
شما آدرس دهی مناسبی در تگ نمیکنید !
ابتدا به مدیریت پلاگین رفته و محل قرار گیری عکسها را مشخص کنید. مثلاً images/stories
سپس وارد پوشه فوق شده و پوشه ای بسازید و تصاویر را در آن آپلود کنید. نام پوشه را به خاطر بسپارید.
در تگ کافیست نام پوشه را بنویسید و تمام !
اگر پوشه دیگری در پوشه stories ساختید هم میتوانید دوباره در گالری خود نام آن پوشه را یاد کنید !
یکبار آموزش را با دقت بخوانید !
هیچکس تنهاتر از خدا نیست
ممنون مهدی جان :rose::rose:
سلام به دوستان عزیز جوملایی
با عرض پوزش ویژه از آقامهدی عزیز؛ امیدوارم این سؤال من ایشون رو دلسرد نکنه اما:
بالاخره من نفهمیدم که چطور می*شه برای هر عکس، یک تضیح جداگانه گذاشت که زیر اون عکس کنار نام عکس و تصویر ذخیره عکس نمایش داده بشه.
ممنون میشم پاسخ بدید
یا علی