افزونه اسلایدشو رسپانسیو نوشته شده در در ۴م بهمن ۱۳۹۱ | 57دیدگاه

افزونه اسلاید شو رسپانسیو

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

wp-eis-header

دانلود سورسدمو


قبل از شروع لازمه حتما این صفحه رو یه نگاه بندازین

wp-eis-screencast-1

اسکرین شات ۱

خوب طبق این اسکرین شات این افزونه برای وردپرس ورژن ۳٫۴ به بالا ظراحی شده پس اگه ورژن وردپرس شما پایین تر هست پیشنهاد می شه حتما وردپرس خودتونو به نسخه جدید آپدیت کنید تا هم مزایای نسخه جدید بهره برید و هم بتونید از این افزونه استفاده کنید .

خوب بریم سر اصل کار  ” کار با این افزونه ”  در ابتدا از پنل وردپرستون نصبش کنید حالا همونطور که می بینید یه منویی زیر منو تنظیمات به اسم اسلاید شو ساخته می شه .

اسکرین شات 2

اسکرین شات ۲

اسکرین شات 3

اسکرین شات ۳

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

  • تنظیمات
  • افزودن اسلایدشو
  • افزودن عکس ها
  • همه اسلایدشو ها
  • همه عکس ها
  • درباره افزونه

تنظیمات : 

در این بخش شما به راحتی می تونید سایز فونت و رنگ فونت و همچنین نوع فونت اسلایدشو و همچنین رنگ نویگیشن رو برای همه حالت ها مشخص کنید همچنین یه قابلیت جدید هم در نسخه (۱۳٫۲) به افزونه استفاده شده که برای سایت های ورپرسی چند کاربره قابل استفاده هست .

افزودن اسلایدشو : 

در این بخش  اگر شما  دانشی از وب و توسعه وب ندارید  براحتی فقط با وارد کردن نام اسلایدشو  (‌به انگلیسی , بدون فاصله , بدون استفاده از کارکترهای چون – % $ # @ ! * & و حروف کوچک ) اسلایدشو ساخته می شود. اگر کاربر حرفه ای هستین توی این بخش می تونید نوع انیمشن , سرعت , فاصله زمانی اسلایدشو , نوع ایزینگو همچنین حداکثر مقدار پهنای عکس کوچک را مشخص کنید .

افزودن عکس ها : 

توی این بخش شما به راحتی هر تعداد عکس لازم دارینو وارد می کنید و برای هر عکس عنوان و ترتیبی درنظر می گیرید .

همه اسلایدشو ها و همه عکس ها : 

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

روش کار با این افزونه 

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

اسکرین شات 4

اسکرین شات ۴

در صورتی که نیاز به اسلایدشو با تنظیمات حرفه ای هست می تونید بروی حالت پیشرفته کلیک کنید تا داده ها زیر مشخص شود ( توضیحات به طور کامل در زیر هر فیلد داده شده است اگه پرسش در این زمینه داشتین مطرح کنید )

اسکرین شات 5

اسکرین شات ۵

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

اسکرین شات 6

اسکرین شات ۶

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

اسکرین شات 7

اسکرین شات ۷

شورت کد 

[wp_eis id="3"]
[wp_eis id="3"]عنوان اسلایدشو [/wp_eis]

تابع پوسته ای

<?php echo do_shortcode('[wp_eis id="3"]'); ?>

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

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
</head>

قدم دوم اینه که بدونید کجا قراره از این اسلایدشو استفاده کنید اگه قرار در داخل پوسته استفاده کنید ( منطورم همون تم سایتتونه ) خوب از تابع پوسته ای استفاده کنید اگه قرار در داخل نوشته ها تون ( پست ها ) استفاده کنید از یکی از دونوع شورتکد استفاده کنید.

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