Teknik Mempercantik Landing Page

Landing page saya gunakan untuk membuat halaman khusus dimana iklan saya diarahkan ke halaman ini. Tidak hanya iklan, tapi juga beberapa update dari media sosial saya arahkan ke sini. Tujuannya agar customer yang mengunjungi web ini langsung menemukan informasi yang dibutuhkan sesuai dengan iklan yang saya buat, tanpa diribetkan dengan produk lain yang ada di main page.

Landing page selain menampilkan informasi detail dari produk yang kita jual juga menempatkan call to action, dimana pengunjung web yang berminat terhadap produk kita dapat langsung melakukan action, baik ke form order, keranjang belanja, ataupun kontak (email, telpon, sms, whatsapp, dll).

Kali ini saya ingin membahas bagaimana Mempercantik Landing Page yang ada di web kiosbarcode.com. Dengan alasan kemudahan, Saya menggunakan plugin blank slate untuk membuat halaman kosong, sengaja saya tidak menggunakan page builder dan yang lainnya sebab menggunakan blank slate lebih simple dan cepat diakses tentunya.

Namun hasil tampilan memang terlalu sederhana, dan bahkan kurang mobile friendly, itulah sebabnya saya menggunakan teknik tambahan untuk mempercantik landing page.

Silahkan perhatikan script berikut ini :

  1. Edit file blank-slate-template.php yg ada pada folder wp-content/plugins/blank-slate
  2. Lalu tambahkan pada baris ke 7 : <link href=”<?php echo get_template_directory_uri(); ?>/style.css” rel=”stylesheet” type=”text/css” />
  3. Tambahkan background sesuai selera Anda pada baris 9-14
  4. Tambahkan pada baris ke 23 : style=”margin-left:10%; margin-right:10%; margin-top:2%” align=”justify”

Tampilan nya seperti ini :

 

Ok guys, semoga bermanfaat artikel singkat saya ini.

Selamat mencoba.

 

Posted in Ngoprek IT

Leave a Reply

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

*