43
ULTIMATE GUIDE: Creating a Powerful Website with WordPress +3 Ways TO SPEED UP YOUR WEBSITE +Easy Steps TO INSTALL "A" GRADE SSL Free Premium WORDPRESS THEMES & PLUGINS

Dewaweb Ebook – Creating a Powerful Website with WordPress · satu provider hosting terbaik di Indonesia yang selalu bisa diandalkan, Dewaweb terdorong untuk membantu para pemula,

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

  • U LT I M AT E G U I D E :

    Creating a Powerful Website with WordPress

    +3 Ways TO SPEED UP YOUR WEBSITE

    +Easy Steps TO INSTALL "A" GRADE SSL

    Free Premium WORDPRESS THEMES

    & PLUGINS

    https://www.dewaweb.com

  • PendahuluanSelamat! Kamu baru saja menemukan salah satu solusi untuk sukses online. Buku ini kami buat khusus untukmu yang akan memulai langkah sukses menggunakan website-mu bersama Dewaweb. Sebagai salah satu provider hosting terbaik di Indonesia yang selalu bisa diandalkan, Dewaweb terdorong untuk membantu para pemula, baik di dunia bisnis maupun menulis, menjalankan website yang cepat, aman, dan dapat diandalkan dengan harga terjangkau. Selain itu, kami juga menyediakan cloud hosting gratis untuk organisasi non-profit yang bergerak di bidang sosial, pendidikan, dan lingkungan.

    Melalui panduan ini, kami akan menjelaskan secara lengkap apa saja yang sebaiknya kamu lakukan setelah membeli hosting, alasan menggunakan WordPress, sampai melakukan pemasangan sertifikat SSL dan backup/recover untuk melindungi datamu. Langkah yang disusun secara sistematis dengan bahasa yang tidak terlalu teknis akan kami berikan melalui ebook ini. Tanpa menunggu lebih lama, langsung scroll aja.

    Selamat Membaca!

    1CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • Daftar Isi

    Mengelola WordPress9

    • Menu pada Halaman Dashboard Admin WordPress• Tema Premium• Meningkatkan Kecepatan Website

    1Pendahuluan

    3 Cara Instal CMS WordPress

    6 Instalasi SSL

    41 Dewaweb39 Simpulan2

    DEWAWEB EBOOK

    37 Backup & Recover

  • CARA INSTAL

    CMS WordPress

    3CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • 4

    Content Management System (CMS) merupakan platform yang bisa kamu gunakan untuk mengolah konten yang akan kamu unggah ke website-mu. Ada berbagai macam CMS yang bisa kamu pilih untuk mengolah konten website. Saat ini kamu sudah mempunyai domain dan hosting yang siap dijalankan. Tapi permasalahannya, sudahkah kamu menggunakan WordPress sebagai CMS?

    “Kenapa WordPress?”

    WordPress merupakan CMS yang digunakan oleh setidaknya 65% situs web di seluruh dunia. CMS ini merupakan pilihan ideal bagi kamu yang baru membuat website. Pasalnya, WordPress memberikan tampilan dan fitur lengkap yang bisa dengan mudah kamu pahami.

    Beberapa perusahaan terkenal yang menggunakan WordPress sebagai CMS website mereka adalah The New Yorker, BBC America, Variety, Sony Music, The Walt Disney Company, dan masih banyak lagi. Eits, jangan khawatir, website-mu juga bisa sama seperti mereka jika dijalankan dengan sebaik mungkin. Kamu bisa menemukan penjelasan tentang menu WordPress pada pembahasan berikutnya. Tapi saat ini, kami akan menjelaskan cara yang bisa kamu gunakan untuk melakukan instalasi CMS WordPress melalui dua cara:

    1. Melalui formulir pemesanan

    Ketika kamu melakukan pemesanan hosting, kamu tiba di halaman pengaturan hosting yang berisi Konfigurasi Domain, Siklus Billing, Opsi Konfigurasi, dan Auto Install Aplikasi Web. Melalui halaman ini, kamu bisa segera menginstall CMS WordPress dengan memilih “WordPress” di menu Auto Install Aplikasi Web, lalu isi username dan password yang akan digunakan sebagai akun di WordPress.

    DEWAWEB EBOOK

  • 5

    2. Melalui cPanel

    Agar bisa mengakses halaman cPanel ketik (namadomainmu).com/cpanel atau mengklik link login cPanel yang terdapat di email. Setelah berhasil masuk ke halaman cPanel, cari “Softaculous” atau scroll ke bawah hingga kamu menemukan kolom “Softaculous Apps Installer” yang berisi nama-nama aplikasi yang bisa memaksimalkan performa website-mu.

    • Pilih WordPress. • Klik “Install Now” di halaman deskripsi aplikasi. • Pastikan kamu sudah menyiapkan topik/niche untuk website-mu lalu isi data yang diminta sesuai dengan keinginanmu. • Jika sudah, klik Install Now dan tunggu beberapa menit selagi WordPress menyiapkan CMS untuk website-mu. • Coba buka CMS website-mu dengan mengetik www.(namadomain).com/wp-admin, jika kamu melakukannya dengan benar, seharusnya saat ini kamu sudah bisa mulai mengolah konten dengan menggunakan CMS WordPress.

    CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • INSTALASI

    SSL

    6DEWAWEB EBOOK

  • 7

    SSL merupakan singkatan dari Secure Sockets Layer, yaitu protokol yang membuat website terenkripsi sehingga informasi dalam website terjaga dengan baik. Saat ini SSL sudah menjadi teknologi keamanan standar yang wajib digunakan website, sebab jika tidak, web browser biasanya akan memberikan peringatan kepada pengguna dan menyatakan bahwa website tersebut tidak aman.

    Tentunya, kamu nggak mau ‘kan website-mu dianggap tidak aman oleh web browser? Selain menjaga keamanan dan meningkatkan kredibilitas website, keberadaan sertifikat SSL ternyata juga dapat meningkatkan peringkat website-mu di mesin pencarian. Oleh karena itu, kamu wajib paham bagaimana cara menginstal sertifikat SSL, yaitu sebagai berikut:

    • Masuk ke halaman cPanel dan cari ikon Let’s Encrypt SSL di kolom Security. • Klik Let’s Encrypt SSL. • Setelah tiba di halaman Let’s Encrypt SSL, klik “Issue” seperti pada gambar.

    • Di halaman selanjutnya, pilih “dns-01” seperti pada gambar, lalu klik “Issue.”

    CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • 8

    • Selesai! Kamu hanya perlu menunggu selama beberapa jam hingga sertifikat SSL pada website-mu aktif dengan minimal grade A.

    Untungnya, kamu telah memilih untuk menggunakan cloud hosting di Dewaweb. Pasalnya, Dewaweb telah menyediakan sertifikat SSL yang sudah dijamin mendapat peringkat A sampai A+ pada tingkat keamanan website yang bisa kamu cek melalui ssllabs.com. Selain itu, kamu juga tak perlu khawatir dengan perpanjangan masa berlaku sertifikat SSL, sebab Let’s Encrypt akan otomatis memperbarui sertifikat SSL website-mu setiap tahun.

    DEWAWEB EBOOK

  • MENGELOLA

    WordPress

    CSS

    HTML

    CREATING A POWERFUL WEBSITE WITH WORDPRESS9

  • 10

    FUN FACT: WordPress merupakan proyek open source. Artinya, siapapun yang ingin memodifikasi ulang, melakukan repackaging maupun rebranding dan menjadikannya hak milik mereka, semuanya diizinkan dan 100% sah menurut undang-undang. Alasannya adalah karena open source project merupakan proyek yang dilakukan oleh orang atau organisasi tertentu dan boleh digunakan secara gratis oleh siapapun tanpa dipungut biaya sama sekali.

    Menu pada Halaman Dashboard Admin WordPress

    POSTSInilah “jantung” situs yang menggunakan CMS WordPress. Konten yang kamu buat di halaman ini nantinya akan terindeks oleh mesin pencari Google dan diberikan pada calon pengunjung website-mu yang mencari informasi di Google. Apapun jenis konten yang akan kamu bagikan, buatlah jadwal unggahan dan tetaplah konsisten dengan jadwal tersebut. Pastikan kamu sudah siap berkomitmen ketika mulai mengaktifkan website. Kamu tak perlu khawatir, mekanisme unggahan WordPress sangat mudah digunakan dan inilah salah satu alasan mengapa CMS yang dirilis sejak 2005 ini sangat populer di kalangan pemilik website atau blog.

    • Kamu bisa mulai membuat atau menulis konten dengan mengklik pilihan “Add New.” Isilah judul, tulisan untuk konten, lalu tambahkan media jika diperlukan. Jangan lupa lengkapi informasi kontenmu dengan mengisi tanggal publikasi, klasifikasi kategori konten, tags, dan featured image. • Agar bisa mendapat banyak kunjungan hingga interaksi dari pengunjung, kamu perlu membuat artikelmu menarik, baik bagi pembaca maupun bagi Google. Ada dua langkah yang bisa kamu lakukan, pertama dengan menaruh kata kunci utama yang tertera di judul, paragraf awal, dan beberapa paragraf selanjutnya. Setelah itu, gunakan heading untuk menentukan poin-poin utama dalam kontenmu, ingat, tetap sertakan kata kunci untuk membuat judul heading. Kamu bisa menemukan menu heading seperti pada gambar di bawah.

    DEWAWEB EBOOK

  • 11CREATING A POWERFUL WEBSITE WITH WORDPRESS

    MEDIABerdasarkan penelitian yang dijalankan oleh Buzzsumo, artikel yang menggunakan 1 gambar untuk setiap 75-100 kata bisa mendapat jumlah share lebih banyak. Tak hanya gambar visual, kamu juga bisa menambahkan video atau audio saat ingin mengunggah konten. Pastikan kontenmu tidak hanya informatif, tapi juga menghibur dan tidak membosankan. Menu ini adalah tempat di mana kamu bisa menyimpan data dalam bentuk gambar, video, atau audio.

    PAGESSesuai dengan namanya, Pages merupakan halaman-halaman yang terdapat di dalam website dan kamu harus menambahkan akhiran tertentu ketika ingin mengakses halaman. Contohnya adalah halaman utama dewaweb.com dan dewaweb.com/blog/ seperti yang bisa kamu lihat pada gambar berikut. Menu Pages adalah pilihan yang bisa kamu gunakan ketika ingin memisahkan halaman-halaman dalam website-mu.

    Halamandewaweb.com

    Halamandewaweb.com/blog/

    https://www.dewaweb.comhttps://www.dewaweb.com/blog/

  • 12

    COMMENTSMenu Comments berfungsi untuk menunjukkan isi komentar yang terdapat pada konten yang sudah kamu publikasikan di website-mu. Jangan nonaktifkan kolom komentar jika kamu ingin mendapat respon dari pembacamu. Tapi, jika kamu ingin menyaring komentar yang diberikan oleh pembaca, gunakanlah plugin yang dapat menjaring komentar-komentar spam atau iklan.

    APPEARANCEIni adalah menu yang paling menyenangkan bagi kamu yang suka bereksperimen dengan desain website, tapi agak merepotkan jika kamu tak tertarik melakukan desain terhadap website-mu. Pasalnya, menu Appearance berisi tema, widgets, pengaturan peletakan menu website, editor tema, dan berbagai detail lain terkait desain website. Pilih Customize agar kamu bisa segera pindah ke halaman untuk mengedit tampilan layout website-mu.

    PLUGINSPlugins adalah skrip dan kode yang ditulis untuk melakukan fungsi spesifik di website milikmu. Menu ini dapat kamu gunakan untuk memaksimalkan performa website. Saat ini, kita sudah dapat menggunakan plugin yang dikhususkan untuk meningkatkan SEO, keamanan, membuat portfolio, galeri, formulir di website, bahkan melakukan caching atau proses penyimpanan data untuk sementara waktu baik pada website, browser, atau aplikasi sehingga mereka tak perlu mengunduh ulang data yang sama setiap kali sebuah halaman dimuat.

    Agar dapat melakukan fungsinya sebaik mungkin, kamu bisa menginstal beberapa plugin berikut: • LiteSpeed Cache untuk manajemen caching yang advance untuk website dengan CMS WordPress sehingga website-mu dijamin cepat. • Yoast SEO yang berisi analisis kata kunci, struktur artikel, serta penggunaan kata di judul dan sub judul untuk menilai tulisanmu sehingga bisa lebih mudah terdeteksi oleh mesin pencari Google.• Jetpack berisi berbagai fitur yang dapat menunjang performa website-mu, beberapa fitur utama Jetpack adalah pemonitoran down time, pengecekan statistik website, penambahan komentar dan subscription yang mudah. • Elegant Themes tak hanya menyediakan tema Divi yang mudah diatur, tapi juga menyediakan plugin Monarch yang bisa memancing pengunjung website-mu untuk membagikan artikel ke media sosial dan pada akhirnya artikelmu bisa mendapat lebih banyak view.• Akismet yang berfungsi untuk menghapus komentar-komentar spam yang biasanya menghantui artikelmu hingga turut dianggap spam oleh Google. Meskipun bisa digunakan untuk memaksimalkan performa website, kamu juga harus berhati- hati ketika memilih plugin untuk website-mu. Ada beberapa plugin yang tak bisa digunakan bersamaan dengan plugin lain karena mempunyai fungsi yang berbeda. Selain itu, ada juga beberapa plugin yang ternyata dianggap spam oleh Google sehingga website-mu sulit meraih peringkat tinggi di mesin pencari.

    DEWAWEB EBOOK

  • 13

    USERSPada menu ini, kamu bisa mengatur profilmu yang akan ditampilkan di website, atau memilih bagaimana tampilan yang digunakan pada dasboard CMS pada menu “Your Profile.” Jika kamu ingin membuat profil yang bisa diarahkan ke website atau akun media sosialmu, buatlah akun Gravatar yang disediakan WordPress.com. Selain itu, kamu juga bisa mengatur siapa saja yang mempunyai akses untuk CMS WordPress di website-mu di pilihan “All Users.”

    TOOLSKamu bisa menggunakan menu ini untuk melakukan impor data yang sudah diekstrak menjadi file .zip dari blog lamamu. Sebaliknya, kamu juga bisa mengekstrak file untuk waktu terba-tas yang bisa diekspor ke website lain. Tak hanya itu, kamu juga bisa mengecek “kesehatan” website-mu dengan mengklik “Site Health.”

    SETTINGSMelalui menu Settings, kamu bisa melakukan berbagai pengaturan penting terkait website-mu, misalnya nama website, tagline, atau bahasa di General. “Writing” berisi pengaturan yang akan diterapkan oleh CMS, baik di akunmu maupun akun user lain, karena sebagai pemilik website, kamu merupakan pengatur pusat segala kegiatan di CMS website-mu. Selain itu, kamu juga bisa menyusun pesan yang akan diterima oleh setiap pengunjung yang memutuskan untuk berlangganan newsletter dari website-mu pada pilihan “Reading.”

    Tema PremiumKamu bisa mendapat fitur tema dan plugin premium untuk WordPress, gratis dari Dewaweb, dengan membeli minimal paket cloud hosting Warrior ke atas. Berikut daftar tema dan plugin premium yang bisa kamu klaim:

    TEMA • Elementor Pro• Smart Toko• Divi• Extra• dan tema lainnya dari Elegant Themes

    PLUGIN • iThemes Security Pro• Updraft Plus• Bloom Email Opt-In• Monarch Social Sharing• LiteSpeed Cache, Redis Database Caching, dan Image Optimization

    CREATING A POWERFUL WEBSITE WITH WORDPRESS

    https://elementor.com/prohttps://www.lapakinstan.comhttps://www.elegantthemes.com/gallery/divi/https://www.elegantthemes.com/gallery/extra/https://www.elegantthemes.comhttps://ithemes.com/security/https://updraftplus.com/shop/updraftplus-premium/https://www.elegantthemes.com/plugins/bloom/https://www.elegantthemes.com/plugins/monarch/

  • 14DEWAWEB EBOOK

    CARA KLAIM• Masuk ke client area Dewaweb. • Klik ikon Support Ticket atau Tiket Support di paling kanan. • Pilih Buat Tiket Baru di kolom sebelah kiri, lalu pilih Support. • Gunakan subjek: “Klaim bonus Premium Themes & Plugins – ”. • Isi dengan nama tema/plugin yang kamu inginkan dari daftar di atas dan password untuk login ke WordPress dashboard.• Ninja Support Dewaweb akan membantu instalasi tema/plugin pilihanmu tanpa biaya apapun. Klaim ini hanya berlaku untuk 1 domain utama. Jika kamu ingin mengklaim untuk domain tambahan (add-on domain) akan dikenakan biaya tambahan Rp50 ribu (one time) per domain.

    Tutorial Plugins Elementor Pro

    Elementor Pro merupakan salah satu page builder WordPress terbaik dengan lebih dari 3 juta pengguna aktif. Plugin WordPress ini membantumu membangun dan mendesain halaman website. Mulai dari mengatur tampilan blog post, membuat style header dan footer, serta membuat berbagai widget yang bisa digunakan langsung di website-mu.Simak video tutorial Elementor Pro berikut:

    https://youtu.be/gjTI0vHHHxw

  • 15CREATING A POWERFUL WEBSITE WITH WORDPRESS

    Atau lanjutkan membaca tutorial di bawah ini.Langkah awal yang perlu kamu lakukan adalah mengunduh dan mengaktifkan plugin Elementor Page Builder pada website-mu, seperti yang terlihat pada gambar di bawah.

    Ayo kita coba membuat page atau halaman dengan Elementor. Pilih Pages > Add New.

  • 16

    Setelah itu kamu akan melihat tampilan seperti di bawah ini. Pilih Edit With Elementor.

    Tampilannya akan menjadi seperti di bawah ini:

    Sekarang kamu sudah bisa memulai membuat halaman website yang kamu inginkan.Panel di sebelah kiri adalah elemen website yang disebut widgets. Jika kamu ingin menambahkan elemen di halaman website-mu, cukup drag and drop widget di lokasi yang kamu inginkan.

    DEWAWEB EBOOK

  • Untuk menambahkan teks pada Elementor, klik widget Text Editor lalu drag ke bagian yang kamu inginkan pada halaman tersebut.

    MENAMBAHKAN HEADING ATAU JUDUL

    MENAMBAHKAN TEKS

    Klik pada widget Heading yang ada di sebelah kiri dan drag ke bagian halaman website-mu.

    17CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • MENAMBAHKAN GAMBARUntuk menambahkan gambar, pilih widget Image. Kemudian setelah di-drag, kamu akan melihat tampilan seperti di bawah ini:

    SAVE DRAFT ATAU SEGERA PUBLISH HALAMAN KAMU

    Pada bagian ini, kamu perlu mengunggah gambar yang kamu inginkan, lalu atur ukuran dan letak gambar. Setelah itu, tambahkan caption dan link di gambar kamu.

    Jangan lupa untuk menyimpan halaman kamu setelah selesai mengedit dengan klik arrow di sebelah Publish > Save Draft. Silahkan klik Publish jika kamu ingin menerbitkan halaman website-mu. 18

    DEWAWEB EBOOK

  • KEMBALI KE HALAMAN CMS WORDPRESSKlik ikon menu yang terdapat pada ujung kiri atas > Exit to Dashboard.

    19CREATING A POWERFUL WEBSITE WITH WORDPRESS

    Tips: kamu bisa memilih template Elementor Full Width untuk tampilan website yang lebih modern dan stylish.

  • 20

    ELEMENTOR PRO LIBRARYElementor Pro memiliki library dengan templates pages yang bermacam-macam dan tentunya dapat kamu manfaatkan untuk halaman website kamu.

    Nah beberapa hal di atas dapat kamu lakukan untuk membuat halaman basic pada website-mu. Telusuri kegunaan berbagai widget yang tersedia pada Elementor Pro agar kamu dapat memaksimalkan website-mu sebaik mungkin.

    DEWAWEB EBOOK

  • Tutorial Tema Divi

    Divi merupakan sebuah tema WordPress dari Elegant Theme. Tema ini banyak mendapat perhatian karena desainnya yang menarik dan memiliki serangkaian fitur, termasuk Divi Page Builder Tool. Saat ini, Divi adalah satu dari beberapa tema WordPress yang memiliki tool page builder dengan konsep drag and drop. Jadi, kalau kamu sedang mencari tema WordPress yang stylish dan bisa kamu desain dengan mudah, Divi bisa menjadi pilihan kamu.

    Sebelum memulai tutorial membuat website dengan Divi Themes Builder, pastikan kamu sudah menginstal Divi di WordPress-mu ya. Jika belum, kamu bisa menghubungi Ninja Support Dewaweb untuk membantu instalasi Divi pada CMS WordPress kamu. Bagi yang sudah menginstall Divi, simak tutorial berikut.

    1. Pilih Pages pada menu bar yang terdapat di sebelah kiri, lalu klik Add New.

    2. Berikan nama untuk halaman yang akan kamu buat, lalu klik “Use The Divi Builder” untuk memulai membuat halaman website dengan Divi.

    21CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • 3. Setelah mengklik “Use The Divi Builder” di halaman sebelumnya, akan muncul tampilan seperti di bawah ini. Pada tutorial ini, kita akan membuat website mulai dari halaman kosong. Oleh karena itu, kamu dapat memulainya dengan mengklik tombol “Start Building” berikut.

    4. Setelah muncul tampilan seperti di bawah ini, kamu dapat mengklik “Build On The Front End” untuk mempermudah mengedit tampilan website seperti yang diinginkan.

    22DEWAWEB EBOOK

  • 23CREATING A POWERFUL WEBSITE WITH WORDPRESS

    5. Klik “Start Building.”

    6. Lalu akan muncul tampilan seperti di bawah ini. Pada tutorial kali ini, kita akan membuat section pertama berisi slider dengan “Fullwidth”. Agar muncul tampilan seperti di bawah ini, arahkan kursor pada ikon dengan tanda “+”, lalu pilih “Fullwidth”.

  • 24

    7. Setelah mengklik “Fullwidth”, akan muncul tampilan seperti di bawah ini, yang berisi beberapa module yang bisa kamu gunakan untuk mengisi section tersebut. Karena pada section pertama kita akan membuat slider, maka kita dapat mengklik “Fullwidth Slider”.

    8. Setelah itu, akan muncul tampilan di bawah ini. Untuk mengedit tampilan dari slider-nya, kamu dapat mengeditnya pada kolom “Fullwidth Slider Settings”. Apabila tidak muncul kolom seperti tampilan berikut, kamu dapat memunculkannya dengan mengarahkan kursor pada bagian kiri atas section, lalu klik pada ikon Settings.

    DEWAWEB EBOOK

  • 25CREATING A POWERFUL WEBSITE WITH WORDPRESS

    9. Tambahkan gambar untuk membuat tampilan lebih menarik pada slider, contohnya seperti gambar berikut.

    10. Sekarang kita akan membuat section selanjutnya. Arahkan kursor ke arah ikon dengan tanda “+”, lalu klik button “Specialty”.

  • 26

    11. Setelah itu akan muncul tampilan seperti berikut. Kamu dapat memilih jenis kolom yang sesuai kebutuhan website-mu.

    12. Setelah memilih kolom yang kamu anggap sesuai, isi kolom tersebut dengan mengarahkan kursor pada ikon dengan tanda “+”, lalu akan muncul module yang dapat kamu gunakan untuk mengisi kolom tersebut. Pada tampilan berikut ini, kita akan mencoba mengisi kolom paling kanan dengan “Countdown Timer”.

    DEWAWEB EBOOK

  • 14. Setelah membuat countdown timer, selanjutnya kita akan mengisi kolom-kolom berikutnya dengan “Text”. Sama seperti cara sebelumnya, untuk mengisi kolom tersebut dengan serangkaian module yang tersedia, kamu dapat mengarahkan kursor ke ikon dengan tanda “+”, lalu pilih module “Text.”

    13. Setelah mengklik module “Countdown Timer”, akan muncul tampilan seperti di bawah ini. Untuk mengatur countdown timer-nya kamu dapat menyesuaikan dengan keinginanmu.

    27CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • 16. Untuk mengedit isi dari teks tersebut, kamu dapat mengedit melalui kolom yang akan muncul seperti pada tampilan berikut.

    15. Pada kolom berikutnya kamu dapat memasukkan module “Text.” Ikuti langkah yang telah dijelaskan sebelumnya.

    28DEWAWEB EBOOK

  • 18. Setelah memilih “Regular” section, akan muncul tampilan seperti berikut. Setelah itu, kamu dapat memilih berapa banyak baris yang akan kamu gunakan pada section ini.

    17. Pada tahap selanjutnya, kita akan menambahkan section berikutnya dengan “Regular” section.

    29CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • 20. Setelah mengklik module “Slider”, maka akan muncul tampilan seperti di bawah ini. Untuk mengatur isi dari slider tersebut, kamu bisa mengaturnya melalui “Slider Settings” seperti pada tampilan berikut.

    19. Setelah memilih baris yang akan kamu gunakan pada section ini, kamu dapat mengarahkan kursor ke ikon dengan tanda “+”, lalu pilih module yang cocok untuk mengisi baris-baris tersebut. Rangkaian module ini sama persis seperti pada “Specialty” section, yang membedakan hanya pada pilihan baris dan kolom. Pada section ini, akan kita coba masukan dengan slider.

    30DEWAWEB EBOOK

  • 31CREATING A POWERFUL WEBSITE WITH WORDPRESS

    21. Selesai!

    Jika kamu ingin membuat tampilan website dengan Divi tapi belum mendapatkan ide mau membuat tampilan website seperti apa, tenang aja, karena Divi juga sudah menyiapkan berbagai template yang mungkin sesuai dengan tampilan website yang kamu inginkan.

    1. Pertama pilih Pages pada menu bar yang terdapat di sebelah kiri, lalu klik Add New.

  • 32

    2. Berikan nama untuk halaman yang akan kamu buat, lalu klik “Use The Divi Builder” untuk memulai membuat halaman website dengan Divi.

    3. Untuk membuat website dengan template yang sudah disediakan oleh Divi, kamu dapat mengklik button “Browse Layouts” seperti pada tampilan berikut.

    DEWAWEB EBOOK

  • 33CREATING A POWERFUL WEBSITE WITH WORDPRESS

    4. Setelah itu, akan muncul tampilan seperti berikut. Kamu dapat mencari berbagai template yang mungkin sesuai dengan website yang kamu inginkan.

    Selesai!

    Selanjutnya, jika kamu ingin mencari tau berbagai informasi terkait WordPress, kunjungi wpbeginner.com dan telusuri berbagai artikel yang mungkin bisa membantumu mendapat-kan ilmu baru tentang WordPress. Di samping itu, jangan lupa kunjungi website Dewaweb di dewaweb.com/blog/ jika kamu ingin mengetahui berbagai informasi tentang marketing, bisnis, serta pengembangan dan keamanan website yang nantinya bisa membantumu mengembang-kan bisnis melalui website-mu. Tak hanya website, kamu juga bisa mengikuti Dewaweb melalui berbagai platform media sosial seperti Instagram, Facebook, Twitter, dan YouTube dengan username @dewaweb.

    https://www.wpbeginner.comhttps://www.dewaweb.com/blog/

  • 34

    Meningkatkan Kecepatan Website

    Membuat website yang optimal tak hanya membutuhkan konten yang menarik dan dibutuhkan oleh para audiensnya, tapi juga kecepatan website. Bayangkan ketika website dengan konten yang menarik dan berkualitas berhasil mengundang banyak pembaca untuk mengunjungi website-mu, tapi tiba-tiba website-mu malah bermasalah ketika diakses. Tidakkah hal ini dapat mengurangi jumlah pengunjung website-mu di kemudian hari?

    Oleh karena itu, kamu perlu memahami bagaimana mencegah masalah ini dengan mempelajari cara meningkatkan kecepatan website. Melalui tips berikut ini, Dewaweb akan menjelaskan beberapa cara yang bisa kamu lakukan untuk meningkatkan kecepatan website-mu dengan menggunakan beberapa plugin yang bisa diinstal dengan mudah. Ada beberapa jenis plugin yang bisa kamu gunakan baik melalui WordPress atau cPanel, yaitu Redis Cache dan LiteSpeed Cache.

    REDIS CACHERedis merupakan akronim dari Remote Dictionary Server atau biasa disebut sebagai server struktur data. Kemampuan utama Redis adalah untuk menyimpan dan memanipulasi high-level data, seperti struktur fundamental (fundamental data structure) yang biasanya digunakan oleh para pengembang (developer).

    Kamu juga bisa menggunakan Redis untuk menyimpan cache dari website-mu. Caranya: • Login cPanel website-mu. • Klik “Select PHP Version” di kolom Software. • Pilih PHP Version ke versi paling baru tanpa kata “native.” • Setelah itu, akan muncul pengaturan yang terdapat dalam PHP yang kamu pilih, cari pengaturan yang dimulai dari huruf R dan beri tanda centang pada “redis” seperti pada gambar. Selesai!

    DEWAWEB EBOOK

  • 35CREATING A POWERFUL WEBSITE WITH WORDPRESS

    LITESPEED CACHEPlugin yang satu ini bisa kamu temui baik di cPanel maupun WordPress. Di WordPress, kamu harus menginstal plugin LiteSpeed terlebih dulu dengan memilih menu “Plugin” di dasboard WordPress, lalu cari “LiteSpeed Cache” dan lakukan instalasi seperti biasanya. Usai melakukan instalasi, aktivasi plugin ini dengan mengklik “Activate.”

    Tunggu dulu, tugasmu belum selesai. Setelah berhasil diaktivasi, masih ada beberapa hal yang bisa kamu lakukan untuk mengoptimalkan kinerja LiteSpeed Cache. Buka pengaturan LiteSpeed dengan mengklik pilihan “Settings” di menu LiteSpeed Cache dari dashboard WordPress. Setelah itu, klik pada “Show Advanced Options” di kanan atas seperti pada gambar berikut.

  • 36

    OPTIMASI GAMBARSelain data dalam bentuk tulisan atau objek, kamu juga bisa mengoptimasi gambar yang terlampir dalam website-mu. Tenang saja, fitur optimasi gambar juga termasuk dalam kelebihan LiteSpeed. Masih di halaman Advanced Options View, klik halaman “[7] Media.” Ada dua panel yang bisa kamu aktifkan untuk mengoptimasi gambar di website, yaitu “Lazy Load Images” dan “Optimize Automatically,” aktifkan keduanya lalu klik “Save Changes.”

    Masih ada beberapa pengaturan yang harus kamu aktifkan agar LiteSpeed dapat bekerja optimal. Klik halaman Advanced seperti pada gambar di bawah ini, lalu aktifkan Object Cache yang berfungsi untuk menyimpan cache dari tampilan objek di website dan ubah Method dari “Memcache” menjadi “Redis.” Aktifkan juga Browser Cache yang berfungsi untuk menyimpan data hasil browsing website yang ada di device pengunjung website-mu. Jangan lupa, setelah kamu sudah memastikan semua pengaturan sesuai dengan yang kamu harapkan, klik “Save Changes” di kanan atas.

    DEWAWEB EBOOK

  • Backup& Recover

    37CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • Saat kamu telah memilih untuk menggunakan layanan cloud hosting di Dewaweb, kamu tak perlu mencemaskan backup untuk website-mu. Inilah salah satu keuntungan menggunakan cloud hosting di Dewaweb, sebab setiap website yang sudah menggunakan hosting di Dewaweb telah dilengkapi dengan Acronis Cloud Backup. Selain berfungsi untuk melakukan backup data website-mu secara otomatis, Acronis Cloud Backup juga dapat melakukan recovery atau pemulihan data ketika kamu tak sengaja menghapus data tertentu. Yuk perhatikan cara yang bisa kamu terapkan untuk melakukan recovery.

    1. Buka cPanel, lalu klik “Acronis Backup” di kolom Files.

    2. Kamu akan diarahkan ke daftar hasil backup yang telah dilakukan Acronis pada website-mu di tiga bulan terakhir. Pilih tanggal dengan data yang ingin kamu pulihkan.

    3. Tunggu hingga Acronis Cloud Backup berhasil mendapatkan datamu dari server Dewaweb, lalu pilih tipe data apa yang akan kamu pulihkan atau recover; Files, Databases, Mailboxes, dan Mail Forwarders.4. Di halaman selanjutnya, kamu bisa memilih secara spesifik data mana yang ingin kamu pulihkan. Berikan centang pada data yang ingin kamu pulihkan, lalu klik Restore (recover) atau Download.

    Selain mendapat keuntungan dalam bentuk backup otomatis, kamu juga tidak perlu repot mencari data yang hilang atau tak sengaja terhapus. Melalui Acronis Cloud Backup, datamu telah dijamin aman terkendali dan bisa diakses kapanpun kamu mau dalam tiga bulan terakhir. Fitur ini juga bisa kamu dapatkan gratis tanpa menambahkan biaya apapun untuk setiap pembelian hosting.

    38DEWAWEB EBOOK

  • Simpulan

    39CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • 40

    Sebuah website yang ideal adalah ketika website tersebut tak hanya bisa menjadi faktor yang membangun sebuah brand image, tapi juga bisa menjadi manfaat bagi para pembacanya. Tak hanya memberi pengaruh dalam bentuk informasi atau ilmu, website yang bermanfaat juga bisa mengantar para pembaca melakukan interaksi dengan website atau brand yang bersangkutan. Baik untuk personal maupun bisnis, kamu harus tetap memastikan fungsi, cara kerja, performa teknis, serta kualitas konten yang dibagikan di website-mu.

    Saat ini, kamu baru saja akan memulai tantangan Dewaweb untuk #AyoBuatWebsite. Bagaimana, setelah mempelajari panduan lengkap yang berisi cara membuat website dengan WordPress, apakah kamu sudah siap memulai sukses online bersama website-mu di Dewaweb? Jika masih ada beberapa hal yang belum kamu pahami, kamu bisa menghubungi Ninja Support yang selalu siap sedia selama 24 jam penuh setiap hari atau hubungi kami melalui media sosial yang tersedia. Semangat sukses online!

    Sebelum meninggalkan halaman ini, ayo luangkan waktumu untuk mengisi survei di bawah ini agar kami bisa selalu memberikan pelayanan terbaik untukmu. Jawab sejujur-jujurnya ya, 20 orang beruntung akan mendapatkan merchandise spesial dari Dewaweb! Klik link-nya di bawah ini!

    http://bit.ly/surveiberhadiahdewaweb

    DEWAWEB EBOOK

    http://bit.ly/surveiberhadiahdewaweb

  • Dewaweb adalah perusahaan penyedia jasa cloud hosting pertama

    di Indonesia yang telah tersertifikasi ISO 27001 for Standard Information Security Management. Didirikan pada tahun 2014 dengan motto secure, fast, reliable. Prioritas utamanya pada aspek

    keamanan ditunjukkan pula dengan menjadi partner resmi pertama

    di Indonesia CloudLinux yang memungkinkan adanya layanan

    CloudLinux OS, Imunify360, dan KernelCare. Selain itu teknologinya

    dilengkapi juga dengan Patchman yang bisa membunuh malware serta

    memperbaiki kerentanan sistem, juga BitNinja sebagai pelindung

    server dengan kecerdasan artifisial. Sementara bagi aspek kecepatan,

    Dewaweb menggunakan teknologi terbaru seperti Intel Xeon Gold, HP

    Blade System, SSD Raid 50, LiteSpeed Enterprise, HTTP/2, Redis DB

    Caching, dan Acronis Backup. Terkait aspek keandalan, Dewaweb

    memberikan dukungan Ninja Support 24/7 untuk membantu apapun kendala klien terkait layanan setiap waktu. Dewaweb telah

    berkembang pesat dan telah melayani lebih dari 42.000 klien, baik

    di dalam maupun luar negeri. Melalui blognya, Dewaweb juga kerap

    mengedukasi para pebisnis soal strategi bisnis terbaru yang efektif

    untuk dapat membantu mensukseskan mereka secara online.

    Mengenai Dewaweb

    41CREATING A POWERFUL WEBSITE WITH WORDPRESS

  • www.dewaweb.com

    @dewaweb

    PT DewawebAKR Tower – 16th FloorJl. Panjang No. 5, Kebon JerukJakarta 11530

    Email : [email protected] Phone : (021) 2212-4702 Mobile : 0813-1888-4702

    https://www.dewaweb.comhttps://www.dewaweb.comhttps://www.facebook.com/dewawebhttps://www.instagram.com/dewaweb/https://twitter.com/dewawebhttps://www.linkedin.com/company/dewaweb/https://www.youtube.com/dewaweb