Home ยป Ask (Forum) ยป [ASK] Cara custom tampilan Desktop dan Mobile

Question

Halo admin bikinwebsite, disini saya akan bertanya, bagaimana cara custom tampilan seperti lk21? (jika via desktop iklannya muncul, sedangkan via hp andro iklan tidak muncul dan berkesan rapi)

Terima kasih

Apr 21, 2017 (5 months ago) - Posted by 16 Comments

16 Answers

  1. Mr. Shine says:

    Selamat sore gan, jika seperti itu agan membutuhkan 2 theme wordpress berbeda. Theme pertama agan gunakan untuk Website versi Desktop dan Theme WP kedua agan gunakan untuk Website versi Mobile (iOS, Android, dll).

    Namun kendala 2 theme WordPress yang berbeda lumayan bikin repot gan, contoh: Jika agan menambahkan fitur baru (contoh fitur: kualitas film HD, SD, CAM) untuk theme versi Desktop maka agan juga wajib memperbarui theme versi Mobile untuk memambahkan fitur kualitas film.

    Untuk kelebihannya 2 theme WordPress, agan bisa memasang iklan berbeda sesuai keinginan agan, contoh: Iklan A untuk tampilan Desktop dan tidak muncul di tampilan Mobile. Bisa juga Iklan B untuk tampilan Mobile dan tidak muncul di tampilan Desktop.

    Just Info: Sebenarnya disitus Bikin Website saya sudah membuatkan 1 theme khusus untuk versi Mobile, namun sampai saat ini karena jadwal yang padat saya belum mempublikasikannya. Jika agan mau saya bisa upload dan menyediakan link downloadnya untuk agan.

    Terima kasih

    Administrator
  2. Mr. Shine says:

    Ada cara lebih gampang lagi gan, saya baru ingat, agan cukup membedakan tampilan Desktop dan Mobile mengunakan code wp_is_mobile. Jadi contohnya seperti ini, jika agan ingin iklan hanya muncul pada tampilan Mobile (iPhone, Samsung, dll), gunakan code berikut ini:

    <?php if(wp_is_mobile()) { ?>
    	Masukan tag iklan disini...
    <?php } ?>

    Jika agan ingin iklan hanya muncul pada tampilan Desktop (Computer dan Laptop), gunakan code berikut ini:

    <?php if(!wp_is_mobile()) { ?>
    	Masukan tag iklan disini...
    <?php } ?>

    Selamat mencoba!

    Administrator
    • Danis Al Rafi says:

      Selamat malam admin :v maaf baru on, saya lebih tertarik di info pertama :v tetapi saya akan mencoba info yg kedua dahulu pak ๐Ÿ˜€ jika berhasil saya akan pakai yg ke2 ๐Ÿ˜€

      Terima kasih :v

      Unregister Member
    • Danis Al Rafi says:

      Mohon maaf pak, saya sudah mencoba di iklan bagian header, tetapi tetap saja muncul di hp :3

      Unregister Member
    • Mr. Shine says:

      Oh ya? Harusnya bekerja dengan baik. Kalo boleh tau agan memakai operasi sistem apa? Android, iOS atau yang lainnya???

      Maaf ya gan saya telat membalasanya!

      Administrator
    • Danis Al Rafi says:

      Android min, maaf lama ane kira udah ga dibahas lagi :3
      ane make plugin ga ada yg cocok min, hasilnya beda semua

      Unregister Member
    • Mr. Shine says:

      Android versi berapa gan? Apakah 2, 3, 4, 5, 6 atau 7 ?
      Barusan banget saya coba lagi di hp android saya dan teman saya, versi 6 dan 7, semua bekerja dengan baik gan.

      Atau jangan-jangan agan salah copy paste lagi. Code dibawah ini agan gunakan apabila agan menginginkan iklan hanya muncul pada smartphone.

      <?php if(wp_is_mobile()) { ?>
          Masukan tag iklan disini...
      <?php } ?>

      Selamat mencoba!

      Administrator
  3. Danis Al Rafi says:
    <?php if(!wp_is_mobile()) { ?>
    <center>
    <a href='#'><img alt='#' class='alignnone' height='60' src='#' title='#' width='500'/></a>
    <a href='#'><img alt='#' class='alignnone' height='60' src='#' title='#' width='500'/></a>
    <a href='#'><img alt='#' class='alignnone' height='60' src='#' title='#' width='500'/></a>
    <a href='#'><img alt='#' class='alignnone' height='60' src='#' title='#' width='500'/></a>
    <a href='#'><img alt='#' class='alignnone' height='60' src='#' title='#' width='500'/></a>
    </center>
    <?php } ?>

    Seperti itu pak

    Unregister Member
    • Mr. Shine says:

      Kode diatas, agan hanya ingin mempilkan iklan pada tampilan desktop saja, sementara pada smartphone, iklan tidak tampil.

      Update: Mohon informasikan alamat website, agar dapat saya periksa secara online.

      Terima kasih

      Administrator
    • Danis Al Rafi says:

      Siang pak, memang yang saya maksud agar iklan tidak muncul di smartphone, hanya tampil di desktop saja

      Link: www.danisard.top

      Unregister Member
    • Mr. Shine says:

      Ia benar mas, iklan juga muncul pada smartphone. Coba mas kirimkan username dan password admin ke akun facebook saya, disini: https://www.facebook.com/mrshineee

      Administrator
    • Danis Al Rafi says:

      Sudah ga muncul om, cek lagi deh :v ternyata harus nunggu beberapa jam dlu baru aktif:3 ane ngepost aja harus nunggu dlu baru muncul di android :3

      Makasih admin shineee :v

      Unregister Member
    • Danis Al Rafi says:

      Iklan hanya muncul dipostingan min :v beranda ga muncul, gapapa deh gitu aja min udah rapi :v

      Unregister Member
    • Mr. Shine says:

      Kalo muncul atau aktif berberapa jam kemudian, artinya mas mengunakan plugin “cache” yah?
      Karena itu konten tidak muncul langsung, nunggu cachenya diperbarui baru dapat muncul.

      Sama-sama mas ๐Ÿ˜‰

      Administrator
    • Danis Al Rafi says:

      Iya min pake itu, normal apa nggk itu min?

      Unregister Member
    • Mr. Shine says:

      Kalo mengunakan plugin cache, artinya normal mas, dan memang seharusnya seperti itu.

      Terima kasih

      Administrator

Your Answer

Your email address will not be published. Required fields are marked *