Menyesuaikan Tema 2 Matrik Galeri

• Mungkin 10, 2024

Dalam tutorial lepas, kami mula menyesuaikan tema Matrix ke tema kami sendiri untuk Galeri 2. Kami akan terus dengan menetapkan tema baru ini sebagai tema lalai untuk portfolio kami dan mengubah grafik latar belakang.

Di dalam folder tema untuk setiap tema adalah fail imej screeshot.png yang merupakan tangkapan skrin tema itu. Kami masih mempunyai png lama tema Matrix dalam folder tema baru kami. Anda mungkin ingin menggantikan ini dengan png untuk tema galeri anda. Saiz purata png adalah sekitar 500 x 200 piksel. Anda akan menyimpan fail screenshot screenshot baru ke dalam folder imej.

C: \ xampp \ htdocs \ gallery2 \ themes \ dCipollo \ images

Sekarang kita boleh kembali ke panel kawalan Admin Tapak. Pertama, kita perlu memasang tema baru kami. Pergi ke bahagian Plugin dan anda akan melihat tema baru kami disenaraikan di bawah Tema di bahagian bawah halaman. Klik pada Pasang untuk memasang tema baru kami. Seterusnya, pergi ke bahagian Tema kawasan Admin dan tukar templat lalai dari Matrix ke tema baru kami. Sudah tentu, anda tidak akan melihat apa-apa perubahan susun atur template pada ketika ini. Kita masih perlu membuat perubahan itu.

Saya suka membuat perubahan grafik pada tema saya dahulu. Mari tambahkan imej latar belakang. Ini boleh menjadi imej ubin yang berulang. Tetapi untuk memadankan laman web saya, saya akan menggunakan imej latar belakang statik yang sama besar. Kita perlu menyimpan latar belakang jpg kami ke folder dCipollo dalam direktori gallery2.

C: \ xampp \ htdocs \ gallery2 \ dColollo

Kini kami bersedia untuk menukar fail tema.css untuk menambah grafik latar belakang kami. Jika kita melihat kod sumber untuk fail main.php, kita lihat bahawa tag badan mempunyai galeri kelas yang dinamakan galeri.



Kita perlu mencari gaya body.gallery ini dalam fail theme.css.

body.gallery {
? ? margin: 0;
? ? padding: 0;
}

Kini kami akan menambah kod gaya latar belakang ke kelas ini dan menunjuk url untuk imej latar belakang ke jpg dalam folder dCipollo.

body.gallery {
? ? margin: 0;
? ? padding: 0;
? ? warna latar belakang: #eeeeee;
? ? background-image: url ('../../dCipollo / BG1_Gallery.jpg');
? ? lampiran-lampiran: tatal;
? ? ulangi latar belakang: tidak ulangi;
? ? kedudukan latar belakang: kiri atas;
}

Jika kita menyegarkan halaman utama.php kami untuk portfolio kami, kami masih tidak dapat melihat imej latar belakang. Ini kerana terdapat beberapa gaya yang mempunyai set latar belakang putih. Mari letakkan gaya ini ke latar belakang yang telus.

Itu harus menjaga grafik latar belakang untuk portfolio kami. Kami bersedia mengubah header dan footer untuk halaman web.

Arahan Video: All 74 RetroPie ES Themes + 2 Bonus (Mungkin 2024).