Myjayvyn.com

Belajar WordPress 2 – Mengganti Theme

Advertisement
7 Ibu rumah tangga DAN mantan karyawan
BEKERJA online DARI RUMAH

DAN KINI BERPENGHASILAN 7-20jt per bulan


Yuk cari tahu bisnis mereka
==> Follow My Facebook <==




Masih ingat cara mengganti theme wordpress? Kalo sudah lupa ayo saya ingatkan kembali :)

Anda bisa membuka materi dasar terdahulu disini atau ikuti langkah-langkah berikut:

  1. Klik Appearance>>Themes
  2. Klik Install Themes
  3. Klik Upload
  4. Klik Browse
  5. Pilih file theme ABCMag-2.2.zip yang telah anda download sebelumnya di modul  22
  6. Klik Install Now
  7. Klik Activate

wpb101

Selesai!! Tampilan web blog anda kini kembali berubah, jika penasaran silakan dicek.

Perhatikan! Seperti biasa, setiap kali kita mengganti theme biasanya akan ada penambahan menu baru pada fitur Appearance yang disertakan theme tersebut untuk mengatur tampilan themenya. ABCMag Theme Options.

Yuk kita belajar cara mengaturnya:

  1. Klik Appearance>>ABGMag Theme Options
  2. Klik General
  3. Nah disini kita akan mengatur Title dan Tagline, ada 2 opsi Logo Image dan Custom Text. Kali ini kita akan coba opsi Logo Image.
    • Klik Logo Image
    • Klik Remove terlebih dahulu
    • Klik Upload Now
    • Pilih file logo.png yang telah anda download sebelumnya atau jika anda sudah memiliki logo sendiri juga boleh, ukuran logonya 252x64px.

    154a

  4. Selanjutnya kita atur favicon atau favourite icon, yaitu gambar kecil di samping kiri tulisan alamat website di browser.
    • Pada bagian Favicon, klik Remove untuk menghapus favicon default.
    • Klik Upload Now
    • Pilih file logojhost.png yang telah anda download sebelumnya atau anda bisa menggunakan gambar favicon sendiri, kira-kira ukurannya 100x100px.

    fav

  5. Berikutnya ganti Contact Form Email dengan alamat email anda.
  6. Klik tombol Save Changes
  7. Silakan anda cek tampilannya sekarang.
    wpb155

Selesai bagian General, kita lanjut belajar cara mengganti Featured Posts atau image slider atau gambar-gambar yang tampil bergantian. Awali dengan mengupload gambar melalui fitur Media, kita memiliki 4 buah file gambar slides1.jpg, slides2.jpg, slides3.jpg dan slides4.jpg.

  1. Klik Media>>Add New
  2. Klik Select Files
  3. Upload dan pilih semua file berikut slides1.jpg, slides2.jpg, slides3.jpg dan slides4.jpg
  4. Klik Edit pada salah satu slide
    wpb148
  5. Copy File URL nya lalu pindahkan ke notepad
    wpb149
  6. Lakukan hal yang sama untuk ke 3 slide lainnya, sehingga nanti terkumpul 4 buah FILE URL di notepad.

Selesai melakukan itu, mari kita kembali berkunjung ke ABCMag Theme Options

  1. Klik Appearance>>ABGMag Theme Options
  2. Klik Featured posts. Disinilah kita akan mengganti gambar-gambar slide tersebut
  3. Hapuslah dulu semua slide default yang ada, caranya dengan mengklik delete pada setiap slide default.
    wpb193
  4. Setelah semua terhapus, kita mulai tambahkan slidenya satu persatu. Klik Add New Slide
  5. Lalu copas satu FILE URL dari notepad ke kolom IMAGE URL, sementara kolom Link URL, Title dan Content kita abaikan dulu
    wpb151
  6. Lakukan cara yang sama untuk menambahkan ketiga slide lainnya
  7. Jika semua slide sudah ditambahkan, lakukan sedikit pengaturan untuk tampilan image slidernya seperti contoh berikut:
    wpb152
  8. Klik tombol Save Changes
  9. Cek webnya, apakah tampilan image slidernya sudah berubah?

Catatan! Jika nanti anda akan mengganti dengan gambar-gambar slide pilihan sendiri, usahakan ukuran gambarnya 460x300px. Karena khusus theme ini membutuhkan ukuran gambar tersebut agar terlihat bagus. Jika nanti anda mengganti theme lagi dan ada fitur image slidernya, cek ukuran gambar yang diminta, karena tidak semua theme memiliki ukuran image slider yang sama.

Masih ada 2 hal lagi yang perlu diutak atik pada fitur ABGMag Theme Options, yaitu social profiles dan ads, perlu kita atur agar dapat berfungsi. Lihat gambar dibawah ini:

wpb155a

Untuk mengatur Social Profiles

  1. Klik Appearance>>ABGMag Theme Options
  2. Klik Social Profiles
  3. Klik Edit pada Twitter dan Facebook. Gantilah alamat URL nya dengan alamat Twitter dan Facebook milik anda.
    wpb160a
  4. Untuk social profiles lainnya abaikan saja, kecuali jika anda memilikinya
  5. Klik Save Changes

Terakhir kita akan memasang banner di bagian sebelah kanan atas header.

  1. Seperti biasa, kita upload dulu bannernya melalui fitur Media>>Add New
  2. Upload file gambar ini banner-liburan-468×60.gif atau anda bisa menggantinya dengan banner horisontal berukuran 468x60px yang diinginkan
  3. Lalu copy FILE URL gambar banner tersebut

Selanjutnya kita atur ads nya

  1. Klik Appearance>>ABGMag Theme Options
  2. Klik Ads
  3. Hapus tulisan yang bergaris bawah orange, lalu isi dengan mem paste FILE URL yang tadi dicopy
  4. Hapus juga tulisan yang bergaris bawah ungu, lalu isi dengan alamat web replika atau alamat situs lain, agar jika gambar banner diklik akan membuka web replika atau situs lain tersebut
  5. WARNING! jangan sampai tanda kutip ikut terhapus
    banne
  6. Klik Save Changes
  7. Cek tampilan webnya

WELL DONE!

Setingan theme ini berlaku juga untuk theme-theme lainnya buatan http://fthemes.com/

 

Author: Agie

Semoga bermanfaat :)

More Posts - Website

Follow Me:
TwitterFacebookPinterestGoogle Plus

3 Comments

  1. Jofi

    mas Agie, bagaimana menganti nama footer powered by, dan autor di template Fthemes. mohon pencerahannya.

  2. Agie

    Dari wp-admin:
    1. klik menu appearance>>editor
    2. Pilih footer.php
    3. Cari tulisan powered by…
    4. Setelah ganti jangan lupa save

So, what do you think ?