Belajar WordPress: Cara Membuat Website Rental Komputer Bag 2

posted in: Tutorial Pemrograman | 0

Mengganti Theme

Salah satu kelebihan WordPress adalah tampilan bisa diubah atau diganti. Theme WordPress mudah didapatkan dari Internet, baik yang gratis maupun berbayar (seri professional). Theme biasanya memiliki bagian pengaturan agar sesuai dengan kebutuhan kita, seperti memasang logo, mengganti jenis huruf, mengganti warna, memasang gambar di latar belakang, dan lain sebagainya.

Dalam cara membuat website Wordrpess ini, kita akan memasang Theme Modulus. Theme ini memiliki 2 versi, gratis dan berbayar. Kita akan menggunakan versi yang gratis.

Menginstall  Theme Modulus

  1. Masuk menu Appearance > Themes
  2. Pilih Add New
  3. Pada kotak Search Themes, masukan kata pencarian: modulus
  4. Setelah terinstall, klik tombol Activatebelajar wordpress menginstall theme

Memasang Logo

  1. Dari menu Panel, masuk Appearance > Customize
    belajar wordpress memasang logo
  2. Masuk menu Modulus Options
  3. Masuk menu Header
  4. Aktifkan Logo as Title
  5. Klik tombol Select Image
  6. Pilih logo Rental Komputer
    belajar wordpress memasang logo pilih gambar
  7. Pilih tombol Choose Image
    belajar wordpress memasang logo_
  8. Matikan Show Site Tagline
  9. Matikan Show Search Box Navigation
  10. Klik tombol Save & Publish
  11. Tampilan terakhir adalah berikut
    belajar wordpress memasang logo_tampilan

Memasang Service Section

Service Section adalah 3 buah kotak di halaman depan yang akan kita isi dengan jenis service yang kita punya. Kita telah membuat 3 buah Page yang dapat dipakai untuk mengisi bagian ini.
belajar wordpress memasang service section

  1. Pilih menu Home dari Modulus Options
    belajar wordpress memasang service section menu home
  2. Pada combo Service Section #1, pilih page Rental Komputer
    belajar wordpress memasang service section 1
  3. Pada combo Service Section #2, pilih page Rental Laptop
  4. Pada combo Service Section #3, pilih page Rental Proyektor
  5. Klik Save & Publish
  6. Tampilan akhirnya adalah sebagai berikut
    belajar wordpress tampilan akhir service section

Memasang Slider

Slider adalah gambar besar yang tampil di halaman depan. Slider biasanya memiliki gambar yang secara otomatis berganti dan dipakai untuk menyimpan promosi.

Untuk memasang slider, kita perlu membuat lebih dulu post dan kategori yang akan dipakai sebagai bahan untuk ditampilkan pada slider. Baru kemudian kita melakukan setting agar post tersebut tampil sebagai slider.

Membuat Post untuk Slider

  1. Dari menu Panel, masuk menu Post > Add New
  2. Buatlah Post dengan isi berikut.belajar wordpress membuat post untuk slider
  3. Pada panel Categori (di sebelah kanan), klik Add New Category, masukan nama: Slider
  4. Aktifkan kategori Slider                                                                                                                              belajar wordpress memasang slider kategori
  5. Kemudian klik Publish

Lakukan hal yang sama untuk membuat Slider yang kedua.belajar wordpress membuat post untuk slider 2

Memasang Post menjadi Slider

  1. Dari menu Panel, masuk Appearance > Customize
  2. Masuk Modulus Options
  3. Masuk menu Home
  4. Aktifkan Enable home page slider section
  5. Pada Slider Posts Category pilih Slider
  6. Pada of Sliders isi dengan 2
  7. Klik tombol Save & Publish
  8. Tampilan akhirnya sebagai berikutbelajar wordpress tampilan akhir memasang slider

Membuat Recent Post yang tampil menjadi 3

Agar tampilannya menjadi bagus dan proporsional, kita perlu membuat agar Recent Post yang tampil hanya tiga.

  1. Masuk menu Panel, Settings > Reading
  2. Pada Blog pages show at most isi 3
  3. Klik Save Changes

Memasang Footer untuk informasi kontak

Pada website Rental computer ini, kita akan memasang kontak dan alamat kantor di bagian bawah atau Footer. Pemasangan kontak pada WordPress biasanya menggunakan Widget yang lokasinya di footer.

Posisi Widget yang tersedia untuk Theme Modulus

belajar wordpress memasang footer

Dari gambar di atas, posisi yang akan kita pakai adalah Footer 1.

Memasang Plugin Black Studio TinyMCE Widget

Plugin ini digunakan untuk membantu kita membuat content widget tanpa harus mengerti HTML. Plugin ini menyediakan editor Visual TinyMCE yang mudah dipakai.

  1. Masuk menu Panel, Plugins > Add New
  2. Pada kotak Search Plugins, masukan kata pencarian: tinymcebelajar wordpress memasang plugin tinymce
  3. Klik tombol Install Now
  4. Setelah selesai, klik Activate

Membuat Kontak di Widget Footer

  1. Dari menu Panel, masuk Appearance > Widget
  2. Pada Widget Visual Editor, klik Widget tersebut > Footer 1 > Add Widget
  3. Masukan teks kontak pada Visual Editor yang munculbelajar wordpress Membuat Kontak di Widget Footer
  4. Klik tombol Save, kemudian Close

Menambahkan Social Media di Footer

Social media bisa ditambahkan pada WordPress dengan 2 cara: bawaan dari Theme atau memasang plugin khusus. Dalam cara membuat website WordPress ini, kita akan tambahkan dengan Plugin.

  1. Dari panel menu, pilih Plugins > Add New
  2. Pada kotak pencarian, masukan kata: Social Media Widgetbelajar wordpress Menambah social media
  3. Pilih yang dibuat oleh Noah Kagan, klik tombol Install Now
  4. Setelah proses install selesai, klik Activate Plugin
  5. Pada menu panel, akan bertambah menu baru bernama: Social Media Widget
  6. Berikutnya kita akan memasang Widget social media ini.
  7. Pada menu Panel, masuk Appearance > Widget
  8. Klik Social Media Widget > Footer 2 > Add Widget
    belajar wordpress social media widget
    belajar wordpress social media widget 1
  9. Klik pada salah satu link, misalnya Social Networking
  10. Isilah kotak link yang tersedia dengan alamat social media Anda
    belajar wordpress social media widget link
  11. Klik tombol Save, kemudian Close
    belajar wordpress hasil akhir

 

 

Leave a Reply