Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Pengenalan: Medan Gambar, Pandangan, & Penyelesaian Album Foto

Ini Tutorial akan menunjukkan cara membuat Galeri Imej dengan sokongan untuk lakaran kecil responsif & tema mudah alih untuk Drupal 8 menggunakan Pandangan, Padang CCK, dan Kotak warna Sokongan JavaScript.


Untuk membina galeri, Tutorial akan membincangkan dua kaedah:

  1. Menggunakan Medan Gambar modul dan Grid Jadual Paparan untuk paparan.
  2. Menggunakan Album Foto modul dan Kotak warna JavaScript untuk paparan.

Kaedah pertama memerlukan penyusunan kebiasaan Drupal 8 jenis kandungan untuk Gambar dengan ladang, sementara Album Foto telah diprapasang dengan tanaman & pilihan kesan gambar pada muat naik.

Untuk memulakan, anda memerlukan perkhidmatan hosting Drupal (iaitu, perkhidmatan hosting yang menyokong Drupal).

Langkah Pertama: Pasang Modul yang Diperlukan & Kebergantungan

Mulakan: Muat turun fail modul yang diperlukan dari Drupal.org dan pasangkannya di: pentadbir / modul / pasang menggunakan fail zip / gzip atau kaedah serupa (FTP, Git, Drush, dll.).

Modul yang Diperlukan – Pautan Muat Turun:

  • Foto Album: https://www.drupal.org/project/photos
  • API tanaman: https://www.drupal.org/project/crop
  • Pangkasan Widget Imej: https://www.drupal.org/project/image_widget_crop
  • Kesan Imej: https://www.drupal.org/project/image_effects
  • Kotak warna:https://www.drupal.org/project/colorbox

Nota: Untuk memasang fungsi pemangkasan, fail dari Pemangkas mesti dipasang.

  • Pemotong:https://github.com/fengyuanchen/cropper

Prasyarat: Sekiranya belum dipasang pada Drupal 8 CMS, pasang API Perpustakaan modul.

  • API Perpustakaan:https://www.drupal.org/project/libraries

Konfigurasi: Muat turun & gerakkan Pemangkas Fail JavaScript ke / perpustakaan folder di pelayan web selepas API Perpustakaan dipasang pada Drupal 8 & semak laporan untuk pengesahan.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Prasyarat: The Kesan Imej modul juga memerlukan ImageMagick & yang Maklumat Metadata Fail modul pengurus untuk berjalan dengan betul. Pasang Drupal 8 fail modul dari:

  • ImageMagick:https://www.drupal.org/project/imagemagick
  • Pengurus Metadata Fail: https://www.drupal.org/project/file_mdm

Konfigurasi: Kaji semula Kebenaran tetapan untuk modul yang baru diaktifkan di pentadbir / orang / kebenaran dan buat perubahan yang diperlukan untuk Peranan Pengguna.

  • Kotak warna:https://github.com/jackmoore/colorbox/archive/master.zip

Konfigurasi: Muat turun JavaScript fail untuk Kotak warna & pindah ke / perpustakaan folder.

Selesai: Jalankan pemeriksaan diagnostik di pentadbir / laporan / status untuk mengesahkan pemasangan berjaya.

Langkah Kedua: Buat Jenis Kandungan Khusus untuk Gambar

Mulakan: Sejak Album gambar mencipta a Gambar jenis kandungan dengan widget galeri tersuai, Drupal 8 pembangun yang hanya menggunakan modul ini tidak perlu mengulangi langkah atau membuat Pandangan.

  • Navigasi ke:pentadbir / struktur / jenis & klik pada pautan “Tambahkan Jenis Kandungan Baru”.

Seterusnya:Drupal 8 pemaju yang membina galeri bebas boleh membuat yang baru Jenis kandungan dinamakan “Gambar Galeri” (galeri_img) dan kemudian tambah a ImejPadang ke borang.

  • Navigasi ke:pentadbir / struktur / jenis / urus / * / bidang & tambah Medan Gambar.

Seterusnya: Tambah Teg Taksonomi atau yang lain Padang kepada Gambar Galeri simpul seperti yang diperlukan & berjimat.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Konfigurasi: Urus tetapan untuk Gambar medan nod pada: pentadbir / struktur / jenis / urus / foto / paparan bentuk & menyemak pesanan paparan borang.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Seterusnya: Tetapan borang untuk memuat naik gambar kemudian dapat diakses di simpul / tambah / foto atau simpul / tambah / * bergantung pada kaedah mana Galeri Imej dilaksanakan di laman web.

Konfigurasi: Navigasi ke pentadbir / config / media / gaya gambar & semak keseluruhan laman web Gambar Kecil Imej tetapan. Buat nilai unik untuk anda Drupal 8 kawasan tema & pandangan responsif.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Selesai: Pergi ke simpul / tambah / foto atau simpul / tambah / * halaman dan muat naik 8 hingga 10 foto ke laman web anda, menambah keterangan & tag kata kunci taksonomi dalam bentuk. Terbitkan nod.

Langkah Ketiga: Bina Paparan Paparan dengan Galeri Gambar

Mulakan: Setelah memuat naik gambar ke CMS, arahkan ke pentadbir / struktur / pandangan dan klik “Tambah Paparan” butang. Ikuti langkah awal untuk menyiapkan halaman anda dengan penapis unik & paparan galeri.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Konfigurasi: Pilih “Kandungan jenis Galeri Gambar yang ditandai dengan — disusun berdasarkan Terkini terlebih dahulu” & simpan tetapan dengan nama unik untuk Pandangan. Teruskan untuk menyesuaikan halaman galeri.

  • Tetapan: Buat halaman & pilih paparan “Grid” dengan “Medan Node”.
  • Tetapan: Tetapkan tajuk halaman & URL seperti “Galeri Imej” (/Galeri Imej)

Seterusnya: Klik pada butang untuk “Jimat & mengedit”. Pada Pandangan halaman konfigurasi, di bawah Padang kategori, tambah Padang kepada Pandangan untuk Gambar Galeri fail, (iaitu. Kandungan: galeri_img).

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Seterusnya: Anda sekarang mesti dapat melihat pratonton langsung dari Pandangan dengan Gambar Galeri serta tajuk nod, keterangan, tag taksonomi, & yang lain Padang yang ditambahkan ke halaman paparan.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Selesai: Sesuaikan jumlah gambar dalam paparan, urutan urutan, ukuran lakaran kecil, & pemboleh ubah lain mengikut kehendak anda Drupal 8 tema dan simpan paparan ke menerbitkan.

Langkah Keempat: Konfigurasikan Album Foto & Memuat naik fail

Mulakan: Dengan Album Foto Drupal 8 modul, anda membuat halaman terlebih dahulu yang berfungsi sebagai album tunggal untuk sekumpulan foto yang lebih kecil. Tambah sebuah Album untuk setiap acara & muat naik gambar.

Konfigurasi: Navigasi ke simpul / tambah / foto dan buat yang baru Album gambar halaman. Simpan tetapan dan kemudian gunakan navigasi tab untuk menambahkan sekumpulan foto ke Album dengan teg.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Seterusnya: Setelah mencipta Album gambar halaman, gunakan navigasi tab untuk memuat naik sekumpulan gambar yang akan dipaparkan di Kotak warna skrin pop timbul. Pilih Gambar Kecil Imej saiz.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Konfigurasi: Tetapkan jumlah gambar yang dimuat naik yang dibenarkan Album gambar di halaman tetapan pentadbiran. Jenis fail muat naik gambar yang dibenarkan: jpg gif png jpeg zip

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Paparan: The Album gambar modul menggunakan Kotak warna JavaScript untuk memaparkan fail gambar dalam skrin lampu pop timbul dengan navigasi melalui fail gambar yang disediakan oleh butang & anak panah.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Konfigurasi: Navigasi ke pentadbir / config / media / foto untuk menetapkan ukuran gambar kecil, jalur penyimpanan, privasi, paparan global, ukuran gambar album, dll. dalam Album gambar pentadbiran.

Selesai: The Album gambar modul kini harus berfungsi dengan jayanya, memungkinkan Drupal 8 pentadbir untuk membuat Kotak warna galeri gambar yang dikumpulkan bersama di halaman nod.

Langkah Lima: Aktifkan Paparan Kotak Warna di Medan Gambar Node

Mulakan:Galeri Gambar Kotak Warna paparan dalam animasi lightbox atau dengan navigasi interaktif dapat diaktifkan pada mana saja Drupal 8 nod atau jenis kandungan dengan menambahkan Medan Gambar dalam pentadbiran.

Seterusnya: Navigasi ke Jenis Kandungan bahagian dan pilih jenis nod yang akan digunakan. Klik pada “Edit” & “Urus Bidang” untuk menavigasi ke tab di mana Medan Gambar boleh ditambah.

Bagaimana Membuat Galeri Gambar Menggunakan Paparan di Drupal 8?

Konfigurasi: Pilih “Kotak warna” paparan untuk Medan Gambar & membolehkan beberapa fail ditambahkan ke nod. Simpan tetapan & arahkan ke simpul / tambah / * halaman untuk menguji paparan borang.

Selesai: Kaji semula Halaman & Teaser pandangan untuk Jenis kandungan di bawah “Urus Paparan” tab. Pastikan bahawa “Galeri Kotak Warna” dipilih sebagai paparan gambar untuk kedua pilihan.

Kesimpulan: Gunakan CSS Wilayah Tema Drupal Responsif

Ringkasan: Menggunakan adat Drupal 8 Jenis Kandungan dengan Medan Gambar dan membandingkannya dengan Album gambar pilihan modul akan menunjukkan perbezaan antara dua kaedah untuk gambar.

Syor: Grid Pandangan berfungsi paling baik dengan sebilangan besar fail gambar, sementara fail Album Foto lebih baik untuk mengatur set muat naik gambar yang lebih kecil dengan Kotak warna pelayaran.

Lihat 3 perkhidmatan hosting Drupal teratas berikut:

ChemiCloud

Harga bermula:
$ 2.76


Kebolehpercayaan
10


Harga
9.9


Mesra pengguna
9.9


Sokongan
10


ciri-ciri
9.9

Baca ulasan

Lawati ChemiCloud

Hostinger

Harga bermula:
$ 0.99


Kebolehpercayaan
9.3


Harga
9.3


Mesra pengguna
9.4


Sokongan
9.4


ciri-ciri
9.2

Baca ulasan

Lawati Hostinger

Hosting A2

Harga bermula:
$ 3.92


Kebolehpercayaan
9.3


Harga
9.0


Mesra pengguna
9.3


Sokongan
9.3


ciri-ciri
9.3

Baca ulasan

Lawati A2 Hosting

Artikel Cara Berkaitan

  • Cara Membuat Tayangan Tayangan Animasi di Drupal 8
    pertengahan
  • Cara Membuat Jenis Kandungan Khusus untuk Drupal 8 dengan Medan
    pertengahan
  • Cara Mengendalikan Gambar Kecil Media Sosial di Drupal 8?
    pertengahan
  • Cara Membuat Halaman Pendaratan untuk Drupal 8 Menggunakan Kawasan Tema
    pemula
  • Cara Membuat Paparan di Drupal 8
    pertengahan
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map