Cara membuat album foto di WordPress tanpa menggunakan pemalam

Cara membuat album foto di WordPress tanpa pemalam

Biasanya, orang menggunakan pemalam seperti NextGen Gallery untuk mencapai kesan ini. Selain menggunakan pemalam pihak ketiga, anda juga boleh menggunakan fungsi WordPress sendiri untuk mencapai kesan yang sama. Tetapi sebelum itu, kita perlu mempunyai pemahaman tertentu tentang WordPress dan HTML/CSS.

Kesan akhir album foto

Sebelum kita mula, mari tentukan kesan akhir:

Apabila pengguna mengklik pada halaman album, halaman tersebut memaparkan muka depan yang berbeza dalam grid untuk mewakili album bulan yang berbeza. Setiap bulan kami mencipta album foto yang mengandungi semua foto dari bulan itu.

Jika pengguna mengklik pada kulit album, mereka akan melihat halaman eksklusif untuk album, di mana anda boleh menulis sedikit maklumat latar belakang dan menyenaraikan semua foto dalam album.

Jika pengguna mengklik pada foto individu, mereka boleh pergi ke halaman setiap foto itu sendiri, di mana mereka boleh melihat tajuk setiap foto, maklumat tentang orang yang mengambilnya dan pautan berkaitan.

Jika keseluruhan tapak web digunakan untuk memaparkan album foto, maka anda boleh menggunakan format siaran lalai. Tetapi jika anda masih mempunyai blog, maka anda perlu menggunakan jenis siaran tersuai.

Jom buat album foto

Mula-mula anda perlu membuat pemalam khusus tapak web (atau pemalam khusus projek).

Jika anda ingin menggunakan siaran tersuai, anda harus menjana kod dan menampalnya ke dalam pemalam khusus tapak web.

Untuk mencipta kesan grid, anda seterusnya perlu menetapkan saiz imej yang dilampirkan dalam WordPress.

Sebagai contoh: Selepas menetapkan saiz imej, kami juga perlu menambah medan pada direktori muat naik media. Dengan cara ini anda boleh memuat naik setiap imej dengan nama jurugambar dan URL mereka.

Setelah langkah ini selesai, kami boleh terus menambah album foto. Muat naik semua gambar yang anda mahu tambah pada album. Kemudian lampirkan kulit foto yang berbeza dan jadikan ia imej utama. Anda boleh menulis maklumat latar belakang dalam lajur kandungan siaran.

Sekarang anda telah menambahkan beberapa album foto di latar belakang, kami boleh menambah kod untuk menjadikannya berjalan. Dengan mengandaikan bahawa jenis siaran tersuai anda dipanggil album, maka anda akan mencipta folder templat baharu yang dipanggil archive-albums.php. Tampalkan dalam pengepala dan pengaki yang anda inginkan, bar sisi dan elemen reka bentuk lain, kemudian buat gelung siaran baharu.

Dalam PL itu, kami akan menyenaraikan semua lampiran dalam siaran yang sama, tetapi tidak memasukkan lakaran kecil yang dipautkan ke satu halaman.

Kami juga akan menambah lakaran kenit catatan utama (iaitu kulit album), dan kemudian memautkannya ke satu halaman siaran (iaitu halaman album).

Kami akan menggunakan kaedah senarai untuk mencipta imej grid. Program ini adalah seperti ini:

Untuk gaya CSS utama, perkara yang perlu dipertimbangkan oleh semua orang ialah klasifikasi grid album supaya kita boleh meletakkan setiap gambar pada kedudukan yang sesuai dalam grid untuk mencapai gaya yang kita inginkan.

Seterusnya, anda perlu mencipta templat baharu untuk satu lampiran. Ini akan menjadi halaman yang pengguna lihat ke hadapan supaya mereka boleh melihat setiap imej. Di sini pengguna akan melihat tajuk imej, nama jurugambar dan pautan mereka. Semua orang bebas untuk melaraskan templat individu mengikut kesukaan mereka.

Sekarang ada satu perkara terakhir yang perlu dilakukan dengan mengandaikan bahawa jenis siaran tersuai anda dipanggil album, anda perlu membuat fail single-albums.php dan menambah semua pengepala program, ekor, bar alat atau elemen reka bentuk lain yang anda inginkan semua.

Lakukan beberapa pemprosesan yang pada dasarnya sama dalam elemen gelung seperti dalam templat album arkib. Tetapi sebelum menambah imej utama dan lampiran, anda juga perlu menambah tajuk dan penerangan album. Langkah ini boleh dilakukan dengan menambah kod, seperti ini:

Baiklah! Anda sudah selesai!

Cara membuat halaman pseudo-statik dalam wordpress

Cara WordPress menjana tetapan halaman statik sebenar secara automatik:

Kaedahnya sangat mudah Anda hanya perlu memuat turun dan memasang pemalam wordpress yang dipanggil cos-html-cache.

COS-HTML-Cache ialah pemalam caching halaman WordPress yang sangat berkesan yang menjadikan tapak web WordPress lebih responsif. Berdasarkan penulisan semula URL, pemalam akan menjana fail HTML sebenar secara automatik Apabila pengguna atau labah-labah enjin carian melawat halaman pseudo-statik anda, pemalam akan mengemas kini fail HTML dan pengubahsuaian artikel yang berkaitan secara automatik.

Anda boleh memilih Plug-in>Install Plug-in di bahagian belakang WordPress, masukkan cos-html-cache dan cari pemasangan, dan akhirnya dayakannya. Atau muat turun pakej mampat cos-html-cache dari laman web WordPress, nyahmampatkannya dan muat naik ke direktori /wp-content/plugins/ menggunakan FTP, dan kemudian dayakannya di latar belakang.

Selepas pemalam berjaya dipasang dan berkuat kuasa, ia tidak akan menjana fail statik html serta-merta Ia akan menjana atau mengemas kini fail html secara automatik apabila pengguna seterusnya masuk atau labah-labah melawat. Jika anda ingin menjana fail html dengan cepat dan melihat kesannya, anda boleh menggunakan pengesanan pautan mati dalam alat juruweb dan meniru labah-labah untuk melawat tapak web anda.

Atas ialah kandungan terperinci Cara membuat album foto di WordPress tanpa menggunakan pemalam. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!