Anda disini: M Jurnal » WordPress » 3 Cara Install Tema WordPress & Mengganti Tampilan Website

3 Cara Install Tema WordPress & Mengganti Tampilan Website

Setelah menyesuaikan beberapa pengaturan dasar, sekarang saatnya belajar cara mengganti tema WordPress dan membuat tampilan website Anda jauh lebih keren.

WordPress sendiri memiliki segudang template / tema / theme yang keren-keren bahkan ada yang 100% Free, Fremium (sebagian fitur gratis) dan ada juga yang Premium (100% beli / sewa).

Note: Tema, Theme, atau Template sebetulnya sama saja. Ini hanya sekedar istilah penyebutan. Namun pengembang website WordPress cenderung menggunakan istilah Theme / Tema. Sedangkan Template lebih sering digunakan oleh pengembang web berbasis blogspot.

Setidaknya ada 3 cara mengganti tema WordPress yatiu:

  1. Install Melalui Dashboard WordPress.
  2. Upload Melalui Dashboard WordPress.
  3. Mengganti tema melalui FTP cPanel.

Cara ke 2 dan 3 bisa digunakan apabila Anda ingin mengganti tema dengan template hasil download ataupun buatan sendiri.

Saya akan jelaskan satu per satu mengganti theme WordPress menggunakan 3 cara tersebut.

Install Tema Melalui Dashboard WordPress

Semua hal yang berkaitan dengan desain dan tampilan website WordPress bisa Anda lakukan melalui dashboard Admin.

Cara mengganti tema WordPress melalui dashboard Admin WordPress ini yang paling mudah. Selain itu, semua tema yang ada di dashboard WordPress berasal dari direktori theme resmi WordPress.

Jadi sudah pasti aman.

Untuk menginstall dan mengganti tema WordPress melalui dashboard Admin silahkan ikuti tahap-tahap berikut:

  1. Login ke dashboard Admin.
    Jika belum tahu caranya, silahkan ikuti SUB-BAB Login Admin WordPress.
    Login Dashboard Admin WordPress
  2. Buka Menu Tema.
    Dalam dashboard Admin WordPres, pilih menu Tampilan > Tema. Disini Anda akan melihat daftar tema yang sudah terinstall dalam Website Anda.
    Cara mengganti tema website wordpress
  3. Tambahkan Tema Baru.
    Untuk menambahkan tema baru, silahkan klik Tambah Baru.
    Cara install tema baru di Website WordPress
  4. Cari dan Install Tema Baru.
    Ketik nama tema pada kolom pencarian. Misalnya “Astra”. Kemudian klik Install.
    Install Template Baru

Proses install ini akan menambahkan pilihan tema baru ke Website Anda. Setelah tema terinstall, maka Anda bisa beralih dari tema A ke tema B dan sebaliknya.

Jika cara ini sudah cocok untuk Anda, silahkan skip ke bagian Merubah Tampilan Website.

Note: Tidak perlu terlalu banyak menginstall tema. Ini akan memakan beberapa MB dari kapasitas hosting Anda. Jadi pertimbangkan dengan bijak.

Sepengalaman Saya, minimal Anda harus menginstall 2 tema. 1 tema pilihan Anda. Dan 1 nya lagi tema default WordPress (seperti Twenty Twenty-One).

diskon-hosting

Jika cara ini belum cocok untuk Anda, silahkan coba cara ke 2 berikut:

Upload Template Melalui Dashboard WordPress

Jika Anda memiliki template / theme hasil download atau buatan sendiri, maka Anda juga bisa menguploadnya melalui dashboard Admin WordPress.

Opsi ini paling sering digunakan jika Anda membeli theme premium melalui website developer seperti theme premium Divi atau melalui themeforest.net.

Jika file template sudah didownload, silahkan install template tersebut dengan cara berikut:

upload theme wp
  1. Pertama, klik Tampilan > Tema > Tambah Baru seperti cara sebelumnya. Kemudian Klik Unggah Tema.
  2. Kedua, klik Browse… dan cari template yang sudah Anda donwload. Pastikan File Template yang Anda upload berformat .zip.
  3. Ketiga, Klik Instal Sekarang untuk melanjutkan dan tunggu proses sampai selesai.
template wordpress - cara ganti tema wordpress

Jika cara upload melalui dashboard admin ini sudah cocok untuk Anda, silahkan skip ke bagian Merubah Tampilan Website.

Namun jika belum cocok juga, coba cara yang ke 3 ini…

Upload Theme Melalui FTP cPanel

Cara Mengganti theme melalui FTP dari cPanel ini juga salah satu solusi apa bila Anda memiliki template hasil download ataupun buatan sendiri.

Selain itu, opsi mengganti theme yang ke 3 ini menjadi solusi jika Anda selalu gagal menginstall atau upload theme melalui dashboard Admin.

Cara install Template WordPress melalui FTP cukup mudah. Yang perlu Anda lakukan, silahkan siapkan file tema (berekstensi zip) yang sudah Anda download melalui Direktori WordPress atau melalui website pengembang kemudian ikuti tahap-tahap berikut:

  1. Login ke Panel Hosting.
    Tergantung panel hosting Anda. Jika menggunakan cPanel, silahkan ikuti SUB-BAB Install WordPress.
    Login ke cPanel
  2. Buka File Manager.
    Dalam kolom pencarian, ketik File Manager. Kemudian buka tools itu.
    Cara mengganti template WordPress hasil download atau buatan sendiri
  3. Buka Folder Instalasi WordPress Anda.
    Jika Anda mengikuti Panduan Saya dari SUB-BAB pertama, instalasi WordPress biasanya berada dalam Folder public_html. Dan umumnya memang disitu juga.
    Cara mengganti template WordPress melalui FTP cPanel
  4. Buka Folder Themes.
    Folder Themes biasanya berada pada Folder wp-content > themes. Kemudian klik Upload.
    Cara upload theme WordPress hasil download atau buatan sendiri
    Note: Untuk membuka folder, klik icon folder nya. Bukan namanya.
  5. Upload File Theme.
    Klik Select File, kemudian cari dan upload berkas theme yang sudah Anda download (berekstensi .zip).
    Cara upload File Template WP melalui FTP cPanel
  6. Extract Berkas Theme.
    Dalam File Manager folder public_html > wp-content > themes, muncul berkas yang sudah diupload. Jika belum muncul, klik Reload. Kemudian klik kanan pada berkas theme yang sudah diupload (iconnya), kemudian klik Extract.
    Cara upload file theme hasil download / buatan sendiri melalui FTP cPanel
    Muncul Window Extract, pastikan alur foldernya sudah benar public_html > wp-content > themes. Kemudian klik Extract File(s).

Jika semua proses sudah benar, Anda bisa melihat theme tersebut di dalam dashboard Admin WordPress.

Selanjutnya, ikuti cara mengganti theme dan merubah tampilan website WordPress berikut:

Cara Merubah Tampilan Website WordPress

Untuk merubah tampilan website WordPress pada tema yang sudah aktif saat ini, silahkan klik menu Tampilan > Sesuaikan dalam dashboard Admin WordPress.

Ini akan membuka pratinjau langsung (live preview) untuk theme yang sedang aktif saat ini.

Sementara untuk mengubah theme WordPress saat ini ke theme lain, silahkan klik menu Tampilan > Tema (dalam bahasa inggris: Appearance > Themes).

Cara merubah tampilan (theme) website WordPress

Arahkan kursor ke tema yang dipilih. Akan ada 2 pilihan:

  • Aktifkan: Akan mengaktifkan theme tersebut. Jadi tampilan langsung berubah.
  • Pratinjau Langsung: Anda bisa menyesuaikan desain tampilan (live preview) sebelum mengaktifkan theme ini.

Note: Lebih baik menggunakan Pratinjau Langsung agar Anda bisa menyesuaikan tampilan terlebih dahulu sebelum mengaktifkan theme tersebut.

Dalam Pratinjau Langsung, Anda bisa menyesuaikan tampilan website dan melihat perubahannya secara langsung tanpa mengubah desain website yang aktif saat ini.

Cara mengubah theme dan tampilan website WordPress dengan Live Preview

Jadi perubahan apapun yang Anda lakukan tidak akan diterapkan sebelum Anda klik Terbitkan atau Aktifkan & Terbitkan.

Note: Merubah tampilan website bergantung dari theme apa yang Anda gunakan. Website Demo yang Saya jadikan patokan menggunakan Theme Astra. Jadi menu-menu dalam pratinjau langsung bisa berbeda dengan theme lainnya.

Dalam Pratinjau Langsung, Anda bisa menyesuaikan berbagai macam desain website seperti mengubah header, footer, side bar, membuat menu, hingga menggunakan CSS tambahan.

Dan tentu masih banyak yang lainnya..

1 hal yang perlu Anda perhatikan ketika merubah tampilan website WordPress… Perhatikan seperti apa tampilan website Anda di berbagai perangkat Desktop, Tablet, dan Mobile.

Desain theme responsive: perhatikan live preview perangkat desktop, tablet dan mobile.

Pratinjau langsung untuk setiap perangkat bisa Anda lihat pada 3 button perangkat dibawah…

Silahkan jelajahi semua menu yang ada dalam Pratinjau Langsung ini. Selama Anda tidak klik Aktifkan dan Terbitkan atau Terbitkan. Tampilan Website Anda saat ini tidak akan berubah.

Jadi jika sudah selesai mengubah tampilan, silahkan aktifkan atau terbitkan.

Next… untuk menambah pengetahuan Anda tentang desain dan tampilan WordPress, silahkan lanjut ke SUB-BAB berikutnya. Gunakan Pintasan Panduan berikut:

Pintasan Panduan Desain dan Tampilan WordPress

SUB-BAB Sebelumnya: Membuat Link Satu Halaman.

  1. Template: (Anda Disini).
  2. Favicon & Logo: Cara menambahkan Logo dan Favicon (Icon) di WordPress.
  3. Menu: Cara membuat menu dan dropdown sub menu website WordPres.
  4. Header: Cara mengubah desain header theme WordPress + Contoh Real Website Demo.
  5. Content & Sidebar: Mengatur Area Konten dan Sidebar WordPress + 4 Tips Optimasi Sidebar.
  6. Footer: Cara mengubah desain footer theme WordPress (mengubah copyright, menambahkan menu footer, icon social dan mengatur section footer).
  7. Widget WordPress: Cara membuat dan mengatur Widget (di Header, Sidebar, dan Footer).

SUB-BAB Berikutnya: Plugin WordPress.

Komentar Paling Lambat di Balas Pukul 23:59.