Memperkenalkan Widget Rotator Gambar WordPress

WordPress

DK New Media telah memiliki plugin WordPress ini di pembakar belakang untuk beberapa waktu. Permintaan akan plugin rotator gambar yang sederhana dan berkualitas tinggi tidak hanya untuk klien kami, tetapi juga komunitas WordPress. Plugin yang saya temukan yang berjanji untuk melakukan apa yang kami butuhkan rusak atau tidak berfungsi sama sekali. Jadi kami membuatnya sendiri.

Unduh atau Pasang Widget Rotator Gambar

Versi pertama jelek, dan akibatnya tidak pernah ditambahkan ke Repositori Plugin WordPress. Estetika bukan satu-satunya masalah: Anda hanya dapat menjalankannya satu kali per halaman, ada dua tempat berbeda di mana pengaturan harus dikonfigurasi, apakah saya menyebutkan itu jelek?

Rotator hadir dengan tiga transisi: Linear, Loop, dan Fade. Linear akan menggulir gambar secara horizontal melintasi wadahnya. Setelah rotator linier mencapai akhir gambar, itu akan memantul kembali dan menggulir ke arah sebaliknya. Rotator loop berbentuk lingkaran: ketika gambar terakhir tercapai, gambar pertama dalam daftar akan muncul berikutnya, dan loop dimulai kembali. Fade akan memudarkan setiap gambar masuk dan keluar setiap gambar.

Transisi ini bukanlah masalah terbesar kami. Itu adalah pengaturannya. Itu bagian yang jelek, tapi kali ini kami membuat sesuatu yang elegan. Kami tahu bahwa proses menambahkan gambar ke rotator harus sederhana. Tombol “+” biasa akan memanggil dialog Media WordPress. Dari sana, pengguna dapat memilih untuk mengunggah gambar baru, atau untuk memilih gambar yang sebelumnya diunggah dari Perpustakaan Media mereka, seperti yang mereka lakukan jika mereka memasukkan gambar ke dalam posting. Setelah gambar selesai diunggah atau pengguna telah memilih gambar, mereka harus menekan tombol "Kirim ke Rotator Gambar". Setelah semua gambar yang diinginkan telah diunggah, mereka sangat mudah dikelola.

Widget Rotator Gambar

Mengarahkan kursor ke nama gambar akan menampilkan keterangan alat yang berisi gambar tersebut. Kami tidak ingin mengacaukan pengaturan widget, jadi kami memutuskan bahwa memuat semua gambar ke dalam wadah pengaturan bukanlah suatu pilihan. Keputusan kami untuk memasukkan gambar ke pratinjau tooltip terbayar dua kali lipat: pengguna tidak perlu menunggu gambar dimuat sebelum dapat mengedit, menyusun ulang, dll…; dan menjaga antarmuka kami tetap bersih, yang memudahkan penyortiran dan penghapusan.

Menyortir semudah mengklik ruang kosong di dalam item daftar gambar dan menyeretnya ke posisi yang diinginkan. Bayangkan betapa berombaknya ini jika kita memuat gambar (semua dengan proporsi berbeda) langsung ke wadah pengaturan.

Untuk menghapus gambar dari widget, tekan tombol "-" di sebelah gambar yang ingin Anda hapus. Perlu diingat bahwa Anda harus mengklik "Simpan" atau tidak satu pun dari perubahan ini yang akan terjadi.

Jika Anda menjalankan plugin ini, jangan ragu untuk meninggalkan komentar, bug, atau umpan balik di Forum dukungan WordPress(kami memantau ini) atau oleh menghubungi kami secara langsung.

Unduh atau Pasang Widget Rotator Gambar

29 Komentar

  1. 1

    Bagaimana cara kerja ukuran gambar? Saya perhatikan bahwa kotak unggah bertuliskan 200 × 200. Bagaimana jika gambar saya memiliki proporsi yang berbeda?

    • 2

      Saya pikir itu akan menambah terlalu banyak kerumitan pada plugin ini. Dan itu tidak akan pernah terlihat benar karena mereka mungkin tidak benar di tengah secara horizontal, bisa menjadi piksel, dll. Sama seperti Anda perlu mengukur gambar dengan tepat untuk sebuah posting, pengguna harus mengubah ukurannya dengan benar di sini.

  2. 3

    Proporsi lebar yang berbeda dapat digunakan, namun proporsi tinggi tidak. Mulai sekarang, untuk mendapatkan yang terbaik dari widget ini, Anda harus membuat semua gambar yang Anda rencanakan untuk menggunakan ketinggian yang sama.

    Dalam rilis berikutnya saya akan menambahkan pengaturan dimensi ke widget. Anda akan dapat memilih lebar dan tinggi dari keseluruhan widget, dan akibatnya gambar akan diubah ukurannya secara proporsional.

  3. 5
  4. 9
  5. 10

    Saya sangat ingin menggunakan plugin ini, tetapi ketika saya mengunggah gambar, saya tidak mendapatkan kemungkinan 'kirim gambar ke rotator widget', hanya 'masukkan ke posting' biasa.
    Saya telah menghapus dan menginstal ulang plugin tersebut, tetapi sejauh ini tidak berhasil. Bisakah Anda membantu saya?

    Saya telah menambahkan screenshot, dan meskipun dalam bahasa Belanda Anda seharusnya dapat melihat bahwa tombol 'kirim gambar ...' hilang. Saya sangat menghargai bantuan Anda.

    Terima kasih,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Saya hanya bisa menebak bahwa itu akan membutuhkan kita untuk membangun file terjemahan. Bisakah Anda memberi tahu kami apa itu "kirim gambar ke widget rotator" dalam bahasa Belanda? Kami tidak merencanakan perilisan dalam waktu dekat, tetapi akan mencoba menyelipkannya.

      Doug

      • 12

        Hai Doug,
        Terima kasih banyak atas balasan cepat Anda. Terjemahan yang benar adalah 'invoegen in image rotator widget'.
        Saya sangat berharap ini berhasil. Di sisi lain, saya tidak keberatan menggunakan 'send image to rotator widget' dalam bahasa Inggris jika itu akan menyelesaikan masalah.

        Paling baik,
        Helen

      • 13

        Doug,
        Saya memiliki beberapa situs WP yang berjalan, jadi saya mencoba rotator gambar ini dalam versi bahasa Inggris, dan berfungsi dengan baik. Jadi, saya pikir Anda benar, ini berkaitan dengan terjemahannya. Akan sangat bagus jika Anda bisa berkeliling untuk membangun terjemahan di suatu tempat dalam waktu dekat. Jika Anda membutuhkan saya untuk menerjemahkan lebih banyak dari Inggris ke Belanda, saya akan dengan senang hati membantu.
        Pertanyaan lain: apakah ada cara untuk mengklik gambar agar tetap ada, sehingga orang dapat membaca teks yang saya tambahkan? Atau di loop, membuatnya kurang cepat?

  6. 14
  7. 18

    Hai, Saya ingin mengubah javascript untuk gambar yang memudar sehingga satu gambar memudar menjadi yang berikutnya alih-alih memudar menjadi peralihan putih. Apa yang perlu saya ubah untuk ini?

  8. 19
  9. 21
  10. 22

    Saya suka plugin ini dan bekerja dengan sangat baik untuk saya. Satu pertanyaan saya, apakah ada cara untuk membuka tautan di jendela baru?

    • 23

      Sayangnya, halaman unggahan media tampaknya tidak memiliki fitur itu - kami hanya menggunakan dialog WordPress yang sudah ada di dalamnya. Namun, kami dapat menjadikannya sebagai opsi di plugin! Antara sekarang dan nanti, dimungkinkan untuk melakukannya dengan jQuery jika Anda memiliki pengalaman melakukan pengembangan itu.

    • 26
  11. 27

    Terima kasih untuk plugin yang bagus. Satu pertanyaan - Apakah ada opsi untuk memiliki dua contoh plugin? Saya ingin menggunakan satu set gambar di satu tempat dan satu set gambar di tempat lain.

  12. 29

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.