آموزش جامع تصویری نمایش اسلاید در ورپرس

در این پست به معرفی افزونه Slide show یا همان نمایش اسلاید تصاویر می پردازیم.

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

 ابتدا افزونه را از اینجا دانلود و سپس نصب و آن را فعال کنید.

پس از فعال سازی افزونه، منوی آن در پنل وردپرس شما قابل مشاهده می باشد.

Slide shows : تمامی تمامی پست هایی که شامل افزونه slide show می باشند.

General settings : تنظیمات عمومی افزونه

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

General settings

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

1 – در این بخش می توانید تعیین که کاربران وردپرس یا همان userها چه دسترسی هایی برای حذف، تغییر و یا ایجاد اسلاید دارند

2 – در صورتی که می خواهید از یک سری تنظیمات ثابت و همیشگی در اسلایدهایتان استفاده کنید می توانید برای یک بار این تنظیمات را در این بخش تنظیم کرده و همیشگی از آنها استفاده کنید.

3 – تغییر استایل های موجود برای افزونه

Slide shows

این بخش شامل تمامی پست های اسلاید شما می باشد که همانند پست های وردپرس، می توانید آنها را ویرایش و یا حذف کنید.

افزودن نوشته

قبل از “افزودن نوشته” می بایست فایل هایی که می خواهید در حالت slide show  نمایش دهید در یک پست جداگانه آپلود کرده باشید.

پس از کلیک روی “افزودن نوشته” با گزینه هایی مانند تصاویر زیر مواجه می شوید که به توضیح آنها می پردازیم:

در قسمت عنوان، عنوان اسلاید خود را وارد کنید. مانند: “تصاویر آموزشی تهران هاست“

 

 در این بخش استایل افزونه را انتخاب کنید که می خواهید روشن یا تیره باشد.

بخش های Animation settings و Display settings :

1 – این گزینه به جهت تعیین جهت تعویض محتویات اسلایدها می باشد. مثلا تصاویر از چپ به راست تغییر کنند یا از راست به چپ.

2 – مدت زمان تاخیر بین تصویر قبلی و بعدی، یا به عبارتی زمان تعویض دو تصویر و یا سایر محتویات موجود در اسلاید

3 –مدت زمانی که طول می کشد توضیحات مربوط به تصویر نمایش داده شود.

4 –مدت زمان نمایش هر تصویر یا فایل دیگر.

5 – حداکثر عرض افزونه در هنگام نمایش، بهتر است این گزینه برابر صفر قرار داده شود.

6 – ارتفاع افزونه، این عدد بر حسب یکسل می باشد که در حالت پیش فرض 200 است.

7 – Fitکردن یا هم اندازه کردن محتویات اسلاید با اندازه اسلاید که بهتر است برابر Yes باشد.

8 – نمایش عنوان و توضیحات تصویر درحال نمایش(افزودن توضیحات و عنوان را در قسمت های بعد همین آموزش توضیح خواهیم داد.)

9 – در صورتی که می خواهید توضیحات تصاویر تا زمان حرکت ماوس روی تصاویر مخفی باشد این گزینه را Yes قرار دهید.

10 –نمایش تصاویر بر اساس Shrink، برای قرار دادن نسبت به طول و عرض، در صورتی که این گزینه را Yes قرار دهید گزینه 6 موجود در تصویر تغییر می کند. مثلا می توانید اندازه را به صورت 5:3  قرار دهید.

بخش های Control settings و Miscellaneous settings :

1 – رفتن به اسلاید بعدی به صورت خودکار و یا دستی.

2 – بازگشت به اسلاید اولی پس از اتمام نمایش تمامی اسلایدها

3 – توقف نمایش اسلاید به هنگام قرار گرفتن ماوس روی اسلاید

4 – فعال بودن دکمه های کنترلی عقب و جلو بردن اسلایدها

5 – محو شدن دکمه های کنترلی عقب-جلو به هنگام قرار نگرفتن ماوس روی افزونه

6 – نمایش اسلایدها به صورت تصادفی. مثلا یکبار تصویر شماره 1 را اول نمایش می دهد یکبار هم تصویر شماره 1 را پنجم نمایش می دهد.

در همین بخش(“افزودن نوشته” ) برای افزودن فایل های یا همان اسلایدهای خود به این صورت عمل کنید:

برای افزودن تصویر روی گزینه 1 یعنی “Image slide” ، برای متن “Text slide” و برای ویدئو “Video slide” ؛ که برای گزینه 3 نمی توانید به صورت مستقیم ویدئو را نمایش دهید و باید لینک آن را وارد کنید.

افزودن تصویر( Image slide )

پس از کلیک روی “image slide” پنجره ای مطابق شکل زیر باش می شود که تمامی تصاویر آپلود شده شما از طریق وردپرس را نمایش می دهید که  زیر هر تصویر یک دکمه ” Insert ” برای افزودن تصویر به اسلایدها قرار داده شده است.

*همانطور که قبلا گفته شد؛توجه داشته باشید که تصاویر مورد استفاده شما در اسلاید باید در پست های شما موجود باشند و نه اینکه فقط آپلود شده باشند.

همچنین می توانید در قسمت Search نام تصویر خود را وارد کرده و آن را جستجو کنید.

 

پس از افزودن تصاویر در قسمتی که در تصویر مشاهده می کنید تصاویر شما افزوده شده اند.

شما در این قسمت می توانید توضیحات “Comments” و عنوان “title” تصویر خود را تغییر دهید.

در قسمت URL می توانید یک url جداگانه برای اسلاید تعریف کنید که با کلیک رو هر تصویر به لینک مورد نظر شما هدایت شود.

گزینه open url in تعیین می کند که urlشما در همین صفحه جاری باز شود یا در صفحه جدید.

و نهایتا روی گزینه “انتشار” کلیک کنید.

نحوه استفاده از افزونه slide show در نوشته:

در قسمت “نوشته جدید” مطابق تصویر روی قسمت قرمز رنگی که مشخص شده است کلیک کنید.

و در این بخش پس از انتخاب اسلاید مورد نظر از لیست اسلایدهای موجود روی “Insert slideshow” کلیک کنید.

مشاهده خواهید کرد که یک قطعه کد به نوشته شما افزوده خواهد شد، این قطعه کد را در هرقسمتی از پست خود می توانید قرار دهید.

نحوه استفاده از افزونه در بخش ابزارک ها:

از قسمت “نمایش”  گزینه  “ابزاک ها” را انتخاب کرده، سپس افزونه مورد نظر که همان Slideshow می باشد را با عمل Drag-Drop در بخش “side bar” رها کنید مانند تصویر زیر:

در قسمت title عنوان ابزارک را وارد کنید و در بخش slideshow انتخاب کنید که می خواهید از لیست اسلایدها کدام نمایش داده شود که گزینه Random باعث نمایش تصادفی اسلایدها می شود.