Cara Mengedit Template Joomla

Daftar Isi:

Cara Mengedit Template Joomla
Cara Mengedit Template Joomla

Video: Cara Mengedit Template Joomla

Video: Cara Mengedit Template Joomla
Video: Cara mengganti tampilan template joomla 2024, Desember
Anonim

Untuk memberikan individualitas ke situs, webmaster menyiapkan template asli, karena desain adalah wajah situs. Sejumlah besar tata letak tata letak dapat diunduh dari Internet hari ini, dan mereka akan memiliki tampilan yang sangat menyenangkan. Biasanya, template yang disalin dari web diedit untuk membuat situs menjadi unik.

Cara mengedit template joomla
Cara mengedit template joomla

Itu perlu

  • - penampil gambar;
  • - FileZilla;
  • - editor teks Notepad++.

instruksi

Langkah 1

Gunakan FileZilla untuk melihat dan mengedit file template Anda. Dengan bantuannya, Anda dapat bekerja dengan file konfigurasi secara online. Sebagai aturan, 3 file diproses untuk mengubah desain situs: index.php, template.css dan templateDetails.xml.

Langkah 2

"Header" situs adalah elemen halaman yang dimulai dari bagian paling atas hingga awal konten, oleh karena itu namanya. Itu juga disebut tajuk. Sebagai aturan, hanya logo atau gambar lain (logo.jpg) yang harus diganti di "tajuk" situs. Lokasi logo situs ada di file template.css. Buka dengan Notepad++.

Langkah 3

Untuk mencari nilai, gunakan opsi "Cari elemen": tekan kombinasi tombol Ctrl + F dan masukkan nilai yang diinginkan di bidang kosong. Jika Anda ingin mengubah lebar atau tinggi gambar di "header", masukkan header kata di bilah pencarian dan tekan tombol Enter.

Langkah 4

Di bawah kata yang Anda cari, Anda akan melihat garis: Tinggi (height) dan Lebar (lebar). Ubah nilai ini, lalu tekan Ctrl + S untuk menyimpan perubahan Anda. Di kotak dialog FileZilla yang dihasilkan, klik tombol Ya.

Langkah 5

Buka situs untuk melihat perubahan. Jika Anda tidak puas dengan mereka, kembali ke file dan masukkan nilai baru.

Langkah 6

Untuk mengubah ukuran dan nama font di halaman utama situs, gunakan pencarian. Ketik badan kata dan tekan tombol Enter. Di bawah operator ini terdapat garis font-family (nama) dan font-size (ukuran atau titik). Ubah nilainya, simpan perubahan Anda, dan buka situs untuk melihatnya.

Langkah 7

Untuk mengubah cara tautan ditampilkan, masukkan nilai a: tautan (tautan standar), a: dikunjungi (tautan yang dikunjungi) dan a: hover (tautan aktif) di formulir pencarian. Tekan Enter untuk menemukan elemen ini di file template.css.

Langkah 8

Edit parameter ukuran font dan warna. Setelah mengubahnya, Anda mungkin akan melihat bahwa tidak semua tautan memperoleh warna atau ukuran font yang berbeda. Dalam hal ini, Anda perlu mencari opsi penempatan tautan alternatif. Misalnya, yang tetap tidak berubah terletak di menu utama, oleh karena itu, Anda perlu mencari elemen konsonan.

Langkah 9

Cari kata "Utama" dan tekan Enter. Kemungkinan besar, Anda akan menemukan diri Anda di sebelah tautan col kiri dan elemen tautan col kiri saat ini, yang nilainya perlu Anda ubah. Setelah mengeditnya, simpan hasilnya dan buka halaman situs, semua tautan pada halaman yang dimuat harus berubah secara eksternal.

Direkomendasikan: