Panduan Plesk Untuk Pengguna/Memilih Kerangka Desain Situs Web/Tata Letak Situs

Tata letak situs Anda dapat terdiri dari elemen berikut:

1. Header. Ini adalah area terkenal karena gambar banner dan logo area biasanya terletak di sini. Anda dapat melakukan hal berikut untuk header:

  • Memindahkan gambar banner dan logo dari area header ke tempat mana pun di halaman
  • Mengurangi ketinggian header hingga 25 piksel dengan menghilangkan elemen dari header
  • Mengubah lebar header dari ukuran default ke 100 persen, sehingga diperluas agar sesuai dengan lebar halaman

2. Content area. Ini adalah bagian utama situs web untuk meletakkan sebagian besar konten Anda dapat melakukan hal berikut untuk area konten:

  • Menyesuaikan ketinggian area konten
  • Membagi area konten ke dalam beberapa kolom. Anda dapat melakukan ini dengan menarik modul baru ke tepi kiri atau kanan area konten dan memasukkannya.
  • Ubah lokasi kolom dalam area konten dengan memindahkan konten ke kiri atau kanan.

3. Sidebars. Ini adalan kolom vertikal yang dapat digunakan untuk meletakkan semua jenis modul, keseluruhan situs, dan halaman khusus. Anda dapat melakukan hal berikut ke bar sisi:

  • Menambahkan satu bar sisi dan letakkan di sebelah kiri atau kanan area konten
  • Menambahkan dua bar sisi. Kedua bar sisi tersebut akan ditempatkan di sebelah kiri dan kanan area konten.
  • Menyesuaikan tinggi dan lebar bar sisi.
  • Memindahkan bar sisi ke bagian atas halaman dan menempatkannya di sebelah kiri atau kanan area header.
  • Mengalihkan tempat bar sisi.

4. Footer. Ini adalah area terbawah yang biasanya untuk memempatkan nama perusahaan, informasi kontak, atau hak cipta. Anda dapat melakukan hal berikut ke footer:

  • Mengurangi tinggi footer hingga 25 piksel dengan menghilangkan elemen dari footer.
  • Mengubah lebar footer dari ukuran default ke 100 persen, sehingga diperluas agar sesuai dengan lebar halaman.

5. Blok iklan di bawah footer. Berdasarkan rencana hosting Anda, blok teks tambahan yang berisi beberapa iklan dari penyedia hosting Anda dapat muncul di bawah footer situs web. Jika blok iklan tersebut muncul di situs Anda, Anda mungkin ingin meningkatkan rencana hosting lain untuk menghilangkan iklan.

 

Untuk mengubah tata letak situs Anda:
1. Buka tab Design > tab Layout
2. Pilih jumlah bar sisi: Di dalam Sidebars, pilih No, One, atau two.
3. Pilih lokasi bar sisi:

  • Untuk memindahkan bar sisi ke sisi lain situs web Anda, atau untuk mengalihkan tempat bar sisi (jika Anda memiliki dua bar sisi di situs Anda), klik Switch sidebars
  • Untuk memindahkan bar sisi ke bagian atas halaman, klik bar sisi di model tata letak.

4. Atur ukuran elemen halaman

– Untuk menetapkan lebar total halaman situs web, di dalam Website width (Lebar situs web), pilih salah satu dari berikut ini:

  • Fixed layout: situs web Anda akan menjadi ukuran khusus terlepas ukuran jendela browser yang menampilkan halaman tersebut. Dalam kasus ini, tentukan lebar situs web Anda dalam piksel.
  • Liquid layout: Berdasarkan persentase ukuran jendela browser saat ini. Dalam kasus ini, tentukan lebar situs web Anda seperti persentase ukuran jendela browser Anda.

– Untuk mengubah lebar header, footer, dan area konten utama agar sesuai dengan lebar halaman, klik elemen yang sesuai dalam model tata letak. Di dalam tinggi kolom minimal dalam piksel, tentukan tinggi area konten utama dan setiap bar sisi, jika Anda memilih untuk menggunakannya. Nilai ini akan menampilkan tinggi elemen situs web Anda. Bila Anda menambahkan konten ke area konten utama dan ke bar sisi, tinggi bar sisi akan melebar agar sesuai dengan konten.
– Untuk memastikan bahwa bar sisi dan area konten sejajar secara vertikal, centang Stretch the sidebars and the content area down to the footer Jika Anda menggunakan satu atau dua bar sisi, di dalam Sidebar width in pixels (Lebar bar sisi dalam piksel), tentukan lebar masing-masing bar sisi. Ukuran area konten utama akan ditentukan secara otomatis. Di dalam Margin sizes in pixels, tentukan ukuran margin vertikal dan horizontal. Margin adalah ruang di antara tepi elemen yang bersebelahan.
5. Klik OK untuk menyimpan perubahan.

Resita has written 705 articles