ایجاد اسلایدر در برگه ها و نوشته ها

سلام؛

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

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

افزونه ی Perso Slider

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

  آموزش ساخت بلوک سفارشی در وردپرس با Genesis Custom Blocks

perso slider menu hamyarwp

با کلیک بر روی گزینه ی مورد نظر وارد بخشی که به اصلاح بخش مورد نیاز افزونه است می شویم! در این بخش به ما راهنمایی می کند که با استفاده از چه نوع شورت کد ها و یا کدهایی می توانید اسلایدر خود را ایجاد کنیم!

حال برای ایجاد اسلایدر در  برگه می توانید بخشی از این کدها که با عنوان شورت کد [persoslider_w] مشخص شده می توانیم این امکان را خلق کنیم. برای مثال من از شورت کد زیر برای جایگذاری در برگه استفاده خواهم کرد :

[persoslider_w]
[persoslider_c url="آدرس تصویر مورد نظر" cap="نامی که میخواهید در زیر تصویر نوشته شود"]
[persoslider_c url="آدرس تصویر مورد نظر" cap="نامی که میخواهید در زیر تصویر نوشته شود"]
[persoslider_c url="آدرس تصویر مورد نظر" cap="نامی که میخواهید در زیر تصویر نوشته شود"]
[persoslider_c url="اگر تمایل به قرار دادن کلیپ ویدئویی دارید می توانید در این بخش قرار دهید"]
[/persoslider_w]

و نتیجه ای که از این اسلایدر برای من حاصل شد بدین صورت است :

 

slider result hamyarwp

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

پیروز باشید

دانلود صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 5 سال عضو همیار وردپرس

    سلام این افزونه قدیمیه افزونه جدید سراغ دارید؟

  2. ببخشید من یه اسلایدر میخوام وارد کنم ولی ارور میده حجمش زیاده درحالی که حجم رو بردم بالا در وردپرس حالا اگه بخوایم اسلاید مورد نظرم به صورت دستی وارد کنم چطوری باید انجام بدم . توی مسیر زیر قرار میدم ولی نمیشه
    wp-content/upload

  3. 8 سال عضو همیار وردپرس

    سلام میخواستم بدونم چطور عکسارو لینک دار کنیم…

  4. 9 سال عضو همیار وردپرس

    سلام !
    با احترام
    مرسی از مقاله خوبتون
    یه سوال داشتم من چطور میتونم اندازه اسلایدبه اندازه دلخواه خودم تغییر بدم

    • 10 سال عضو همیار وردپرس

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

  5. سلام. وقتی کدی که شما درست کردید رو کپی و پیست میکنم تو وردپرس جابه جا میشه و دوم اینکه هر کاری کردم نشد مشکل از جابه جایی هست یا نه ؟

    • 10 سال عضو همیار وردپرس

      سلام
      کدهایی که من به صورت نمونه در اینجا آوردم در قسمت Perso slider برای وردپرس شما مشخص شده و می توانید با توجه به همون در برگه بذارید.

  6. 9 سال عضو همیار وردپرس

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

    • 10 سال عضو همیار وردپرس

      سلام
      دوست عزیز من داخل نوشته ها قرار دادم و جواب داده، تنظیمات رو دقیق چک کنید