Cara Mengedit Template Situs Web

Daftar Isi:

Cara Mengedit Template Situs Web
Cara Mengedit Template Situs Web

Video: Cara Mengedit Template Situs Web

Video: Cara Mengedit Template Situs Web
Video: Cara Termudah Memakai Template Admin Web Hasil Download - Step By Step 2024, Mungkin
Anonim

Tidak sulit untuk membuat situs web Anda sendiri saat ini, bahkan jika Anda tidak memiliki pengetahuan khusus di bidang desain dan pemrograman web. Kapan saja, Anda dapat menggunakan banyak templat berbeda yang diposting di Internet, dan berdasarkan templat yang sudah jadi, buat dan publikasikan situs web Anda di jaringan. Namun, tidak semua orang puas dengan versi situs yang ditawarkan template. Kami akan memberi tahu Anda cara mengubah templat situs dan membuatnya unik di artikel ini.

Cara mengedit template situs web
Cara mengedit template situs web

instruksi

Langkah 1

Unduh template dan temukan file style.css di dalamnya. Biasanya file ini terletak di folder public_html.

Langkah 2

Buka file style.css di notepad dan temukan potongan kode yang bertanggung jawab untuk tampilan dan nuansa bagian atas situs. Cuplikan ini terlihat seperti ini:

#logotipe {

background: url (images / logotype.png) no-repeat left center #fff;

lebar: 230 piksel;

tinggi: 60 piksel;

margin: 10px 25px;

posisi: relatif;

Langkah 3

Dalam kode ini, di latar belakang: baris url, Anda perlu menentukan jalur ke gambar latar belakang situs masa depan. Baris berikutnya menunjukkan panjang dan tinggi gambar, dan item margin mendefinisikan lekukan vertikal dan horizontal gambar.

Langkah 4

Temukan file logotype.png

Langkah 5

Unggah gambar latar belakang ke folder public_html / tmpl / nama_templat / Gambar /, setelah itu, seperti yang disebutkan di atas, tulis jalur ke gambar di latar belakang: baris url.

Langkah 6

Jika perlu, tulis ulang parameter tinggi, panjang, dan offset gambar. Posisi: garis relatif dapat dibiarkan sendiri. Simpan perubahan ke file dan unggah ke server alih-alih file template lama.

Langkah 7

Jika Anda ingin mengubah logo situs footer, lihat di style.css untuk potongan kode yang dimulai dengan kata-kata logotype-footer. Simpan gambar dengan logo baru dan unggah ke folder Gambar template.

Langkah 8

Ubah parameter panjang dan tinggi. Simpan file style.css lagi dan unggah situs yang diperbarui ke server.

Direkomendasikan: