Membangun Website Profile Menggunakan Wordpress Ditulis Oleh Erlangga Saputra, S.E dan Tim Bisnis Online Sukses http://www.bisnisonline-sukses.com Bisnis Online Consultant Website Toko Online Development TrainingdanKursusBisnis Online Digital Marketing Jasa SEO Erlangga Saputra www.bisnisonline-sukses.com 1
Daftar Isi I. Pengenalan WordPress... 3 WordPress Instant (WordPress.com)... 3 WordPress Instal (WordPress.org)... 3 II. Membuat WordPress Instant... 3 III. Membangun Web Profile... 7 Erlangga Saputra www.bisnisonline-sukses.com 2
I. Pengenalan WordPress Untuk wordpress sendiri terdapat 2 jenis yakni WordPress instant (WordPress.com) serta WordPress Instal (WordPress.org). Kedua jenis wordpress ini memiliki cara yang berbeda untuk penggunaannya. Kita jabarkan terlebih dahulu di bawah ini agar anda paham. WordPress Instant (WordPress.com) WordPress jenis ini kita dapat menggunakannya secara cuma-cuma atau gratis dengan cara membuat akun terlebih dahulu di WordPress.com lalu kita dapat langsung menggunakannya seperti mengganti tema ataupun posting artikel dan lainnya. Namun untuk domainnya sendiri hanya diperkenankan memakai wordpress.com, contohnya www.contohsitus.wordpress.com bila anda menemukan situs sejenis dengan contoh tersebut berarti tidak diragukan lagi, website tersebut menggunakan wordpress instant. WordPress Instal (WordPress.org) Untuk wordpress instal sendiri kita bisa mendapatkannya dengan menyewa hosting dan domain terlebih dahulu lalu kita dapat menginstal wordpress tersebut di cpanel. Namun untuk memiliki wordpress instal ini pastinya berbayar karena lebih fleksibel dibanding wordpress instant. Untuk yang masih terbilang baru di dunia website sangat dianjurkan untuk mempelajari terlebih dahulu wordpress instant karena selain gratis anda juga nantinya tidak akan canggung bila menggunakan wordpress instal. II. Membuat WordPress Instant Langkah pertama anda akses terlebih dahulu www.wordpress.com lalu anda akan diarahkan pada tampilan seperti dibawah ini. Pada tampilan dibawah langsing saja klik Buat Situs Web. Erlangga Saputra www.bisnisonline-sukses.com 3
Selanjutnya anda akan diarahkan pada tampilan di bawah ini. Pada tampilan dibawah anda diwajibkan untuk membuat alamat situs untuk mengakses situs wordpress baru anda lalu klik Buat Situs Anda dan Lanjutkan. Buat Web Profil Anda Nama Anda Setelah itu anda akan diarahkan pada tampilan di bawah. Pada tampilan di bawah anda wajib mengisi form seperti: Erlangga Saputra www.bisnisonline-sukses.com 4
Email: isi dengan alamat email anda Username: isi dengan nama anda Passsword: isi dengan password yang unik dan mudah diingat Setelah mengisi semuanya langsung saja klik Langkah Berikutnya Lalu anda akan diarahkan pada tampilan di bawah ini langsung saja klik Tidak, Terima Kasih Karena anda akan menggunakan wordpress yang gratis. Pada tampilan dibawah ini anda dapat memilih tema yang telah disediakan sesuai dengan keinginan anda, lalu klik Langkah Berikutnya. Erlangga Saputra www.bisnisonline-sukses.com 5
Pada tampilan di bawah ini langsung saja klik Pilih Gratis Karena anda akan menggunakan paket yang gratis. SELAMAT.! ANDA SUDAH MEMILIKI DOMAIN WEB GRATISAN DARI Erlangga Saputra www.bisnisonline-sukses.com 6
III. Membangun Web Profile Selanjutnya kita akan membuat Web Profil berikut postingan laman & gambar serta tampilan Template yang sudah ditentukan berikut ini : Langkah Memposting Web Profil Anda via Erlangga Saputra www.bisnisonline-sukses.com 7
Untuk membuat website profil anda di Wordpress, ada 2 tehnik menu fitur yang disediakan Wordpress, yaitu : 1. Wordpress Insight Fitur Instan yang disediakan wordpress (fasilitas ini hanya ada Wordpress tanpa bayar alias gratisan) untuk membangun website dengan langkah mudah bagi pemula. Seperti gambar dibawah ini; 2. Wordpress Admin ( WP-Admin) Fitur menu yang disediakan wordpress secara detail (fasilitas ini ada Wordpress gratisan atau domain berbayar) untuk merancang tampilan website secara lebih professional. Fitur seperti gambar dibawah ini ; Fitur Domain Berbayar Erlangga Saputra www.bisnisonline-sukses.com 8
Untuk masuk ke WP-Admin, Login Masukkan Username Anda (Akun Email atau user Wp) & masukkan Password anda Atau (Fitur Gratis) Tampilan Menu (Dashboard Wp Admin) Erlangga Saputra www.bisnisonline-sukses.com 9
Pengaturan Desain Tampilan Web Profil Untuk membuat website profil anda dengan sederhana, ada fitur menu wp admin yang perlu diperhatikan, yaitu : 1. Isi Postingan & Laman web Anda dapat berupa text (artikel), Gallery (Foto/Video), atau profil anda. Menu Wp Admin yang digunakan adalah Posts (Posting) & Pages (Laman). 2. Tampilan Wajah Halaman Web profil Anda agar terlihat keren, Menu WpAdmin dapat kita atur settingannya adalah Media, Appearance & Setting. Mari Kita mulai langkah demi langkah membangun Web Profil dengan Wordpress seperti tampilan gambar diatas. Jangan lupa juga anda harus sudah siapkan Folder yang berisikan konten berupa text Profil, Artikel, Gambar,dll untuk dipindahkan ke dalam desain web yang akan anda rancang nantinya. A. Upload MEDIA Erlangga Saputra www.bisnisonline-sukses.com 10
Pertama-tama anda upload terlebih dahulu gambar yg sudah ditentukan didalam folder yang dibuat sebelumnya. Lalu klik menu Media yg terdapat pada Dashboard WpAdmin, seperti gambar dibawah ini: Klik Add New, lalu Upload files folder Media Selesai, berarti media berupa gambar yang akan dirancang dalam web profil sudah tersimpan dalam Worpress anda. Tahap berikutnya adalah B. Buat Isi Laman (PAGES ) Erlangga Saputra www.bisnisonline-sukses.com 11
Isikan konten pada masing-masing Laman (PAGES) terlebih dahulu agar terbentuk menu-menu Navigasi yang akan kita tampilkan pada halaman depan ( Front Page) Web Profil Anda. Kita tentukan Judul Pages adalah Tentang Saya ( kita tampilkan di Home Navigasi ), Profil dan Hubungi Kami. 1. Buat Pages Tentang Saya, Profil dan Hubungi Kami ini; Pada Dashboard WP Admin anda klik Pages, lalu klik Add Pages gambar dibawah Tentang Saya COPY Blok Semua Artikel, lalu pindahkan kolom Pages dengan PASTE Ambil Gambar yg sudah tersimpan di Add Media, Hasilnya seperti dibawah ini, Lalu klik Update Erlangga Saputra www.bisnisonline-sukses.com 12
Selesai posting, Klik Pages Profil Tehniknya sama seperti gambar diatas, hasilnya gambar dibawah ini; Selesai posting, Klik Pages Hubungi Kami Tehniknya sama seperti gambar diatas, hasilnya gambar dibawah ini; Erlangga Saputra www.bisnisonline-sukses.com 13
Selesai posting, Klik 2. Buat Isi Artikel/ Blog pada Postingan POST Langkahnya sama seperti membuat laman PAGES, bedanya POST adalah selalu memperbaharui postingannya apabila ada artikel/ blog baru yang selalu diupdate di web profil anda. Masukkan 3 Artikel seperti gambar dibawah ini; Selesai posting, Klik Klik Add New Category, lalu isikan kolom Artikel, selanjutnya klik Add New Category (dibawah) Erlangga Saputra www.bisnisonline-sukses.com 14
Selesai posting, Klik Selesai posting, Klik Setiap buat konten New Post, jangan lupa menandai contreng Artikel di Category 3. Menu APPEREANCE Erlangga Saputra www.bisnisonline-sukses.com 15
A. MENU berikutnya ad Langkah alah Mengatur PAGES & POST yang sudah anda buat ke dalam Menu Navigasi pada Web Profil anda. Pilih Apprearance lalu klik MENU, seperti gambar dibawah ini : Selesai isi menu, Klik Rubah jadi Menu Navigasi Dapat dipindahkan posisi kolom menu page dengan Drag & Drop Tandai Contreng keduaduanya utk memuculkan tampilan menu di web Selesai isi menu, Klik B. CUSTOMIZE Berikutnya adalah mengatur penampilan wajah web profil anda. Diantaranya yaitu; mengatur Judul & tagline Web, mengubah gambar Banner pada header web, merubah warna & latar belakang (Background) gambar menjadi lebih keren,mengatur & mensetting static page berada di Halaman Muka ( Home Page) Web Profil Anda. Kesemuanya tersebut diatur di CUSTOMIZE gambar dibawah ini; Erlangga Saputra www.bisnisonline-sukses.com 16
KETIGA TAHAPAN SUDAH DISETTING, JANGAN LUPA KLIK SAVE & PUBLISH Tahap 1 (Mengatur Judul & Tagline Web ) Atur sesuaikan dengan settingan dibawah ini; Tahap 2 (Mengatur Warna & Latar Belakang Web ) Atur sesuaikan dengan settingan dibawah ini; Tahap 3 (Mengatur Gambar Banner ) di Header Web Atur sesuaikan dengan settingan dibawah ini; Tahap 3 Mensetting static page berada di Halaman Muka Atur sesuaikan dengan settingan dibawah ini; Erlangga Saputra www.bisnisonline-sukses.com 17
Apabila Ketiga tahapan dalam Customize sudah diatur, maka jangan lupa KLIK SAVE & PUBLISH Hasil Website Profil Anda seperti gambar di bawah ini ; WIDGETS B. WIDGETS Berikutnya adalah mengatur atau merancang fitur Widget (SideBar)Web. Tujuannya adalah menambah kontenkonten yang berisikan informasi berupa text, gambar, slider, dll disisi bar halaman website anda. Langkah-langkahnya sebagai berikut; Kembali ke Dashboard Wp-Admin, pilih Apprearance, lalu klik menu WIDGETS Erlangga Saputra www.bisnisonline-sukses.com 18
Tahap 1, Primary Widget Area Atur sesuaikan dengan settingan dibawah ini Drag & Drop, lalu arahkan ke Primary Widget Area Lalu di kolom Search disetting == Isi Title : Pencarian, lalu Save Lalu di kolom Text disetting == Isi Text, lalu Save Erlangga Saputra www.bisnisonline-sukses.com 19
Tahap 2, Secondary Widget Area Atur sesuaikan dengan settingan dibawah ini Drag & Drop, lalu arahkan ke Primary Widget Area Lalu di kolom Image disetting == Isi Image URL : copy paste gambar di Media Library, lalu Save Erlangga Saputra www.bisnisonline-sukses.com 20
Lalu di kolom Facebook Like disetting == Isi Title, Facebook Page URL, Contreng Show Faces & Cover Photo,lalu Save Lalu di kolom Blog Stat disetting == Isi Title ( Netizen View), Number (Kunjungan), lalu Save Widgets Anda sudah disetting, maka selesai sudah anda merancang web profil secara sederhana sesuai petunjuk dengan menggunakan WordPress Tanpa Bayar alias Gratis. Oh..ya ada satu fitur lagi belum disertakan dalam web profil, yaitu Tehnik Embeed Video YOUTUBE dalam HomePage Web Profil.. Erlangga Saputra www.bisnisonline-sukses.com 21
EMBEED VIDEO YOUTUBE Dari contoh Web Profil yang sudah jadi, posisi Embeed Video Youtube berada di Navigasi HOME dengan konten Tentang Saya pada posisi dibawah artikel. Langkah-langkahnya adalah sebagai berikut; 1. Masuk Dashboard WP-Admin, pilih PAGES - ALL Pages, Pilih Edit Pages Tentang Saya Rubah Isi Konten dari Visual menjadi Text Erlangga Saputra www.bisnisonline-sukses.com 22
<iframe width="420" height="315" src="https://www.youtube.com/embed/dnltbpfdjag" frameborder="0" allowfullscreen></iframe> Copy Coding Embeed Youtube lalu Paste dibawah Konten Tentang Saya Pages Selesai Embeed, jangan lupa selalu Klik Update Page Tentang Saya Sekarang hasil web yang sudah anda rancang seperti di bawah ini; Erlangga Saputra www.bisnisonline-sukses.com 23
Erlangga Saputra www.bisnisonline-sukses.com 24
SELAMAT.! ANDA SUDAH MEMILIKI WEB PROFIL GRATISAN DARI Demikianlah jurus Langkah Mudah Membuat Blogger. Nantikan Tips selanjutnya tentang Cara Memposting Blogger hingga membentuk Web Toko Online. Semoga dengan langkah yang diberikan memberikan inspirasi untuk segera memulai bisnis online. Salam BOS... Anda bingung untuk memulai Bisnis Online? Konsultasi Gratis di: BisnisOnline-Sukses.com PerumGriya Bukit Jaya G1/11 Gunung Putri, TlajungUdik Bogor Email : bos.email@bisnisonline-sukses.com Telpon: 0822 1050 5058 (Hunting) / WA 0897 155 8977 (Rangga) Facebook: @BisnisOnlineSukses Kami Bimbing Sampai Mahir! Erlangga Saputra www.bisnisonline-sukses.com 25