47
Daftar Isi 1. WordPress Dashboard (Admin) 2. Pengaturan WordPress Settings 3. Membuat Posting / Artikel (Menu Post) 4. Membuat Halaman Statis (Menu Page) 5. Troubleshoot setelah migrasi domain beserta penyelesaiannya 6. Mengubah Tampilan Wordpress dengan content composer

satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Embed Size (px)

Citation preview

Page 1: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Daftar Isi

1. WordPress Dashboard (Admin) 2. Pengaturan WordPress Settings 3. Membuat Posting / Artikel (Menu Post) 4. Membuat Halaman Statis (Menu Page) 5. Troubleshoot setelah migrasi domain beserta penyelesaiannya6. Mengubah Tampilan Wordpress dengan content composer

Page 2: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

WordPress Dashboard (Admin)

1. Ini merupakan tampilan standar website dengan mesin Wordpress.

“Klik” Login untuk masuk ke halaman Dashboard. Atau ketik: “wp-admin” di belakang nama domain Anda.

Contoh:

www.namadomain.com/wp-admin

Page 3: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat
Page 4: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

2. Masukkan Username dan Password Anda, kemudian “Klik” Login.

Page 5: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

3. Sekarang Anda berada pada halaman Dashboard.

Page 6: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

4. Penjelasan menu dan sub menu

Dashboard, adalah pusat control panel website Anda. Untuk setting default, biasanya berisi sub menu:

Dashboard Posts Media Links Pages Comments Contact Portofolio Appearance Plugins Users Tools Settings Revolution Slide (Bawaan Tema) Envision (Bawaan Tema)

Page 7: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

b. Post, adalah menu untuk membuat dan mengedit tulisan / blog.

All Post, berisi post yang telah diterbitkan pada website.

Add New, digunakan untuk membuat tulisan atau artikel baru (ini akan sering Anda lakukan nantinya)

Categories, digunakan untuk mengedit kategori.

Tags, digunakan untuk mengedit kata kunci.

c. Media, adalah tempat menyimpan file dengan format JPG, PNG, GIF, PDF, DOC, dsb.

Library, berisi daftar file-file yang sudah di upload.

Add New, untuk menambahkan file dengan mengupload file dari komputer atau internet ke website.

d. Links, untuk menambahkan link atau yang disebut blogroll.

All Links, untuk melihat link yang sudah ada.

Add New, digunakan untuk menambahkan link.

Link Categories, digunakan untuk mengelompokkan link ke dalam kategori-kategori tertenut.

Page 8: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

e. Pages, hampir sama dengan post, namun ini sifatnya statis dan tidak terikat oleh categories, tanggal, dan tags.

All Pages, untuk mengedit pages yang sudah ada.

Add New, untuk menambah page baru.

f. Comments, digunakan untuk mengelola komentar yang ada dalam website / blog.

g. Contact (Plugin), digunakan untuk membuat form

h. Appearance, digunakan untuk menata layout dan desain website.

Themes, untuk mengganti tampilan desain web

Widget, untuk menambahkan elemen pada sidebar / sisi samping kanan dan kiri website

Menus, untuk mengatur menu navigasi pada website

Editor, untuk menambah atau mengurangi kode / script code

Page 9: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

h. Plugin, Digunakan untuk menambah / menghapus plugin untuk wordpress

i. Users, adalah menu untuk setting identitas penulis atau pemilik blog.

All Users, untuk melihat dan mengedit admin web / penulis blog.

Add New, untuk menambahkan admin web / penulis blog

Your Profile, untuk mengedit profil user yang sedang login.

j. Tools, adalah fasilitas tambahan untuk website Anda. Disini ada 2 macam tools yang sangat bermanfaat, diantaranya:

Import, digunakan untuk memasukkan isi konten blog lain ke blog sedang digunakan.

Export, digunakan untuk mengunduh konten blog Anda dalam format .xml, sehingga dapat di import ke blog lain.

k. Setting, adalah menu pengaturan web Anda.

General, pengaturan umum seperti judul blog dan tagline.

Writing, pengaturan yang berhubungan dengan tulisan.

Reading, pengaturan blog yang nantinya tampak bagi pengunjung dan visibilitas dimata search engine.

Page 10: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Discussion, pengaturan komentar blog. Media, pengaturan media dalam blog

Permalinks, untuk mengatur struktur link website Anda.

l. Revolutoion Slider , untuk membuat dan mengatur slider

m. Envision , mengatur konfigurasi tema

1

2

3

4

5

6

7

8

Page 11: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Keterangan :

1. DashboardMenu utama yang berisikan konfigurasi dasar seperti mengganti logo dll

2. Global SettingMenu yang mengatur beberapa konfigurasi untuk wordpress yang akan diterapkan di seluruh komponen wordpress seperti pengaturan ukuran gambar

3. Blog SettingMenu yang mengatur konfigurasi untuk tipe blog

4. Portofolio SettingMenu yang mengatur konfigurasi untuk halaman tipe portofolio

5. Visual SettingMenu yang mengatur konfigurasi visual wordpress seperti mengatur warna dll

6. TypographyMenu yang mengatur konfigurasi untuk tulisan , seperti jenis font dll

7. Modules & PluginsMenu yang mengatur konfigurasi modul atau plugin bawaan tema dan bisa juga menambahkan / mengaktifkan modul yang tema sudah sediakan

8. TranslateMenu yang mengatur konfigurasi format pembacaan tulisan

Page 12: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

9. SystemMenampilkan spesifikasi system tema wordpress

Referensi bila ingin mencari tahu lebih dalam dapat dibuka di http://docs.wptation.com/envision/

Page 13: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Pengaturan Awal Pada WordPress Dengan Tema Envision

Ada baiknya sebelum menggunakan wordpress, adalah lakukan beberapa pengaturan. Untuk mengaksesnya, pada WordPress dashboard silahkan buka menu Settings.

Memang tidak banyak yang diatur, namun hal ini sesungguhnya cukup penting bagi website WordPress Anda.

Berikut ini beberapa hal yang perlu di setting:

1. General Settings.

Bagian general settings ini mencakup pengaturan umum website WordPress. Sesuaikan judul blog atau situs, tagline, email, zona waktu, dan format tanggal.

2. Writing Settings.

Pada bagian writing settings, ada dua hal yang harus diperhatikan, yakni formatting dan remote publishing. Meskipun cuma sedikit, namun bagian ini cukup penting bagi website WordPress kita. Jika tidak ingin melakukan perubahan, tinggalkan saja dan biarkan pada settingan default.

3. Reading Settings.

Di bagian ini, kita bisa memilih apakah ingin menampilkan

Page 14: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

postingan atau page (laman) statis kita pada halaman depan (homepage). Di sini juga terdapat menu untuk menentukan berapa banyak tampilan postingan di homepage dan di syndication feeds. Kemudian kita juga bisa mengatur feed secara penuh atau sebagian. Settingan default-nya adalah halaman homepage menampilkan postingan.

4. Discussion Settings.Settingan ini digunakan untuk mengatur apakah kita akan mengijinkan adanya komentar blog atau tidak. Jika kita perhatikan, banyak website yang sukses rata-rata adalah yang komentarnya banyak. Ini menandakan adanya interaksi para pengunjung dengan konten website / blog. Jadi, amat disarankan untuk tetap mengaktifkan fitur ini. Kalau Anda menggunakan Gravatar, maka sesuaikan settingan icon avatar pada kolom bagian bawah.

5. Permalink Settings.

Permalink ini cukup penting untuk website kita. Google dan mesin pencari lainnya akan lebih mudah mengindeks konten web kita jika kita membuat permalink yang cocok untuk mesin pencari. Settingan default-nya adalah menggunakan page id. Namun saya sarankan, ubahlah settingan permalink berdasarkan postname, supaya URL link kita lebih SEO friendly.

6. Logo Homepage

Ganti logo dengan logo yang sesuai dengan keinginan anda, logo dapat diganti pad menu Envision di dashboard admin

7. Gambar Tidak Muncul

Page 15: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Untuk gambar yang tidak muncul biasanya path link gambar tidak benar, dapat diganti dengan memilih ulang gambar sehingga gambar bisa tampil

Misalnya yang menggunakan composer bisa memilih ulang gambar seperti gambar di bawah ini

Lalu pilih gambar di media library

Page 16: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Setelah itu jangan lupa mempublish page / post tersebut

8. Front Logo pada homepage tidak muncul

Dapat diperbaiki dengan menggunakan menu Envision di dashboard admin wordpress

Page 17: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Lalu pilih upload image logo

Page 18: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Pada bagian primary logo pilih media library untuk memilih gambar dari galeri

Page 19: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Lalu klik save change

Membuat Posting / Artikel (Menu Post)

Page 20: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

1. Pada bagian inilah pokok dari rangkaian Anda membuat website / blog. Anda akan sering menggunakan menu ini karena terkait dengan konten yang akan disajikan kepada pengunjung.

Dalam membuat postingan pada kali ini dapat menggunkan dua cara, melalui Content Composer ataupun melalui cara biasa

- Cara Biasa

2 1

4

3

Keterangan :

8

5

1. Pada Dashboard, pilih menu Post-Add New. 2. Tuliskan judul artikel Anda. 3. Menulis pada kolom ini.

4. Ada tombol-tombol yang mirip ketika Anda mengetikkan di Microsoft Word. Untuk mengatur tulisan seperti : Bold, Italic, Hiperlink, Insert

Page 21: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

gambar, rata kanan, dll. 5. Apabila anda ingin menggunakan slider dapat

digunakan pada bagian ini.

- Melalui Content Composer

Untuk menambahkan elemen – elemen sudah disediakan tinggal dipiilh sesuai keinginan. Setelah itu disetiap elemen terdapat tombol setting yang digunakan

untuk mengatur elemen tersebut, serta dapat dihapus apabila tidak digunakan

Salah satu contoh apabila memilih gallery maka akan tampil seperti ini

Page 22: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Edit Elemen gallery dengan memilih Option

Pilih insert from media library, lalu pilih done editing dan save

Page 23: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Jangan lupa untuk mem “Publish” postingan apabila sudah selesai di editLakukan langkah seperti di atas untuk posting artikel lainnya.

Page 24: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

2. Memasukkan gambar di postingan artikel

a. Anda dapat menyisipkan gambar (JPG, GIF atau PNG) ke dalam artikel, dengan cara meng-klik Add Media.

Page 25: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

b. Selanjutnya akan muncul window baru

1 2

Keterangan :

1. Menambahkan gambar dari computer dengan upload gambar.

2. Mengambil gambar dari dari library

Page 26: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Membuat Halaman Statis (Menu Page)

1. Page adalah halaman yang isinya tidak berubah-ubah. Untuk website / blog bisnis, pages ini biasanya diperuntukkan sebagai halaman profil (about), kontak, produk, cara pemesanan, dan lain sebagainya.

2. Cara membuat page baru adalah dengan mengklik menu Pages-Add New pada Dashboard.

Untuk mengisi halaman Page ini, sama seperti pada saat kita membuat tulisan di halaman Post.

Sebagai langkah awal, buatlah halaman Page pertama Anda dengan menuliskan:

Judul : Tentang KamiIsi : Berisi profil organisasi, alamat dan nomor telpon serta email

yang bisa dihubungi.

3. Kemudian Publish jika semua data telah Anda rasa cukup

Page 27: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Troubleshoot setelah migrasi domain

Setelah migrasi domain terkadang terjadi beberapa error kecil, maka dibawah ini terdapat beberapa penyelesaian untuk mengatasi error tersebut

1. Halaman Not Found

Error diatas terjadi karena permalink tidak terupdate, hanya dengan mengupdate permalink maka permasalahan diatas bisa diatasi, caranya adalah

Login ke admin dashboard wordpress

Page 28: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Pada menu settings, pilih menu Permalinks

Pada tampilan permalink dibawah ini terdapat beberapa opsi permalink yang akan digunakan wordpress untuk menampilkan format url halaman wordpress kita

Page 29: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Di contoh ini saya menggunakan yang biasanya digunakan yaitu Post Name yang akan menampilkan nama halaman pada setiap halaman wordpress url

Lalu pilih Save Changes

Maka halaman yang sebelumnya not found sudah bisa diakses

Page 30: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

2. Gambar tidak muncul

Gambar yang tidak muncul terjadi karena path link menuju gambar di direktori salah dan gambar tidak ditemukan, solusinya tinggal memilih gambar yang sama dan men save halaman tersebut

Misalnya yang menggunakan composer bisa memilih ulang gambar seperti gambar di bawah ini

Lalu pilih gambar di media library

Page 31: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Setelah itu jangan lupa mempublish page / post tersebut

3.Logo kecil datas pada homepage tidak muncul

Permasalahan ini mirip dengan maslaah gambar tidak muncul diatas, bisa diatasi dengan memilih gambar yang akan ditampilkan pada menu bawaan tema envision

Page 32: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Dapat diperbaiki dengan menggunakan menu Envision di dashboard admin wordpress

Page 33: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Lalu pilih upload image logo

Pada bagian primary logo pilih media library untuk memilih gambar dari galeri

Page 34: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Lalu klik save change maka gambar front logo diatas akan muncul lagi

Page 35: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Mengubah tampilan dengan content composer

Secara bawaan dari template kami sudah termasuk dengan content composer yaitu sejenis alat untuk mengedit halaman / post selain dengan cara manual / default dari wordpress

Contoh Kasus :

1. Mengubah bagian “ Murah , Berkualitas & Respon cepat“ pada front page website

Page 36: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

a. Login ke bagian adminb. Pilih halaman yang akan di edit ( dalam contoh ini adalah front page

halaman)c. Lalu pilih bagian yang akan di editd.

e. Kita ingin mengganti kata “ Murah “ dengan “ Super Murah “, lalu klik logo untuk edit

Page 37: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

f. Lalu akan tampil beberapa kotak text box seperti dibawah ini

Page 38: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

Diantara lain seperti

- Title : dalam kasus ini akan menampilan “Murah” , “Berkualitas” & “Respon Cepat” tergantung bagian mana yang akan di ganti

- Image : tempat untuk menampilkan gambar - Content / Description Text : keterangan yang terletak dibawah tulisan

“Murah” , “Berkualitas” & “Respon Cepat”

g. Mari kita ganti “Murah” dengan “Super Murah” dan kita edit keterangannya di kolom Content / Description Text

Page 39: satujutadomain.e-cbncloud.co.idsatujutadomain.e-cbncloud.co.id/tutorial/Panduan-WordP…  · Web viewDaftar Isi. WordPress Dashboard (Admin) Pengaturan WordPress Settings . Membuat

h. Setelah selesai mengedit jangan lupa untuk menyimpan perubahan dengan mengklik tombol “Done Editing “ lalu pilih “ Save “

i. Kembali ke halaman awal dan lihat perubahan pada bagian yang kita edit