TEMA WORDPRESS

1. Pengertian Tema WordPress

Tema pada WordPress adalah kumpulan file yang mengatur tampilan visual dan layout website tanpa mengubah konten utama.

Tema menentukan:

  • Desain halaman
  • Warna dan font
  • Struktur layout
  • Tampilan responsif

2. Fungsi Tema WordPress

  • Mengatur tampilan website
  • Memisahkan desain dan konten
  • Mempermudah kustomisasi
  • Meningkatkan pengalaman pengguna (UX)

3. Struktur Tema WordPress

Tema terdiri dari beberapa file utama:

a. style.css

  • Mengatur tampilan (CSS)
  • Berisi identitas tema

b. index.php

  • Template utama

c. header.php

  • Bagian atas website

d. footer.php

  • Bagian bawah website

e. sidebar.php

  • Bagian samping

f. functions.php

  • Menambahkan fungsi khusus

g. screenshot.png

  • Preview tema di dashboard

4. Jenis-Jenis Tema WordPress

a. Free Theme

  • Gratis
  • Tersedia di repository WordPress

b. Premium Theme

  • Berbayar
  • Fitur lebih lengkap

c. Custom Theme

  • Dibuat sendiri
  • Fleksibel sesuai kebutuhan

5. Cara Install Tema WordPress

Metode 1: Dari Dashboard

  1. Masuk ke dashboard
  2. Pilih Appearance → Themes
  3. Klik Add New
  4. Pilih tema
  5. Klik Install → Activate

Metode 2: Upload Manual

  1. Download tema (.zip)
  2. Masuk ke dashboard
  3. Upload file
  4. Install & activate

6. Cara Mengganti Tema

  1. Masuk ke Appearance → Themes
  2. Pilih tema lain
  3. Klik Activate

📌 Konten tetap aman meskipun tema berubah


7. Customisasi Tema

a. Melalui Customizer

Menu:

Appearance → Customize

b. Yang bisa diubah:

  • Logo
  • Warna
  • Font
  • Layout
  • Menu
  • Widget

8. Page Builder dan Tema

Tema sering dikombinasikan dengan page builder:

Contoh:

  • Elementor
  • WPBakery

📌 Memudahkan drag-and-drop desain


9. Kriteria Tema yang Baik

  • Responsif (mobile-friendly)
  • Loading cepat
  • SEO-friendly
  • Kompatibel dengan plugin
  • Update rutin
  • Keamanan baik

10. Tema Populer WordPress

Contoh:

  • Astra
  • OceanWP
  • GeneratePress

11. Hubungan Tema dengan Plugin

  • Tema → tampilan
  • Plugin → fungsi

📌 Contoh:

  • Tema: layout toko online
  • Plugin: sistem pembayaran

12. Studi Kasus

Website Kampus

Tema yang digunakan:

  • Tema edukasi

Fitur:

  • Homepage
  • Profil
  • Berita
  • Kontak

13. Kesalahan Umum

  • Menggunakan terlalu banyak tema
  • Tidak update tema
  • Tema tidak responsif
  • Mengedit core file langsung

14. Best Practices

  • Gunakan child theme untuk kustomisasi
  • Backup sebelum ganti tema
  • Gunakan tema ringan
  • Hindari tema bajakan

15. Latihan Mahasiswa

Latihan 1

Install 2 tema berbeda


Latihan 2

Customisasi:

  • Logo
  • Warna
  • Menu

Latihan 3

Bandingkan 2 tema:

  • Kelebihan
  • Kekurangan

16. Evaluasi

Pertanyaan:

  1. Apa itu tema WordPress?
  2. Sebutkan fungsi tema
  3. Apa perbedaan tema dan plugin?

17. Kesimpulan

  • Tema menentukan tampilan website
  • Memisahkan desain dari konten
  • Banyak pilihan tema tersedia
  • Pemilihan tema sangat berpengaruh pada UX