Membangun Website Profile Menggunakan Wordpress

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


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’.


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:


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’.


5

Pada tampilan di bawah ini langsung saja klik ‘Pilih Gratis’ Karena anda akan menggunakan paket yang gratis.

SELAMAT….! ANDA SUDAH MEMILIKI DOMAIN WEB Erlangga Saputra – www.bisnisonline-sukses.com

GRATISAN DARI

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


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”


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” Pada Dashboard WP Admin anda klik Pages, lalu klik Add Pages gambar dibawah ini;

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;


Pages “Hubungi Kami” Tehniknya sama seperti gambar diatas, hasilnya gambar dibawah ini; Erlangga Saputra – www.bisnisonline-sukses.com

13


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;


Klik Add New Category, lalu isikan kolom “Artikel” , selanjutnya klik Add New Category (dibawah)


14


Setiap buat konten New Post, jangan lupa menandai contreng “Artikel” di Category Selesai posting, Klik

3. Menu APPEREANCE


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;


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;


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”


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”


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”


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..


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


22

<iframe width="420" height="315" src="https://www.youtube.com/embed/dNLTBpFDjag" frameborder="0" allowfullscreen> 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;


23


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 : [email protected] Telpon: 0822 1050 5058 (Hunting) / WA 0897 155 8977 (Rangga) Facebook: @BisnisOnlineSukses

“Kami Bimbing Sampai Mahir!”


25

Membangun Website Profile Menggunakan Wordpress

Recommend Documents