Cara Membuat Website Dengan CMS WordPress

DhikaDwiPradya.com – Pada tutorial sebelumnya telah dibahas mengenai Cara Mendapatkan Hosting dan domain Gratis hingga ke bagian Auto Installer CMS WordPress. Dan pada kesempatan kali ini, saya akan membahas secara detail tentang tutorial pembuatan website dengan menggunakan CMS WordPress tersebut.




Setelah anda melakukan registrasi hosting dan domain gratis di Hostinger, kemudian anda telah melakukan instalasi WordPress pada cpanel anda, selanjutnya silahkan lakukan langkah-langkah berikut:

  • Ketik alamat website anda dengan ditambahkan ekstensi “/wp-admin”. Sehingga menjadi seperti berikut ini: belajarilmuwebsite.16mb.com/wp-admin
  • Masukkan username dan password yang sudah anda buat sebelumnya.
  • Setelah anda masuk ke menu Dashboard, silahkan tentukan tema website terlebih dahulu, pilih AppearanceThemesAdd New.

cara-membuat-website-dengan-cms-wordpress3-dhikadwipradya

  • Silahkan pilih tema yang anda suka, klik pada tab Popular.

cara-membuat-website-dengan-cms-wordpress4-dhikadwipradya

  • Setelah anda menemukan tema yang disukai (tema yang saya pilih adalah MH Magazine lite), klik Install – tunggu sejenak – klik Active.

cara-membuat-website-dengan-cms-wordpress5-dhikadwipradya

  • Selanjutnya pilih Customize untuk melakukan pengaturan tampilan website anda.
  • Klik Site Identity – isilah Site Title dan Tagline website anda (jika anda ingin menambahkan gambar logo dan ikon website silahkan klik Select Logo dan Select Image) – klik Save & Publish.

cara-membuat-website-dengan-cms-wordpress6-dhikadwipradya




  • Anda dapat melakukan eksplorasi pada tampilan web anda pada menu customize Disini saya hanya menerangkan beberapa poin penting saja.
  • Selanjutnya silahkan kembali pada menu Dashboard.
  • Masukkan beberapa artikel yang sudah anda siapkan, pilih menu PostsAdd New.
  • Input Judul Artikel dan Isi Artikel pada ruang kosong yang telah disediakan. (Untuk menginput gambar klik tombol Add Media, untuk menambahkan kode HTML klik tab Text).

cara-membuat-website-dengan-cms-wordpress7-dhikadwipradya

  • Agar menu toolbar tersedia lebih lengkap, klik Toolbar Toggle.

cara-membuat-website-dengan-cms-wordpress8-dhikadwipradya

  • Setelah anda melengkapi judul dan isi artikel, selanjutnya silahkan tambahkan Categories dan Tags pada side menu untuk keperluan kata kunci.

cara-membuat-website-dengan-cms-wordpress9-dhikadwipradya

  • Tentukan gambar profil artikel dengan cara meng-klik Set featured image.

cara-membuat-website-dengan-cms-wordpress10-dhikadwipradya

  • Selanjutnya klik tombol Publish.

cara-membuat-website-dengan-cms-wordpress11-dhikadwipradya

  • Artikel anda sudah berhasil ditayangkan. Untuk melihat artikel, silahkan klik View post.

cara-membuat-website-dengan-cms-wordpress12-dhikadwipradya

  • Kembali pada menu Dashboard – pilih PostsAll Posts.
  • Silahkan hapus artikel Hello world! dengan cara klik Trash.
  • Selanjutnya pergi ke menu Appearance – pilih Widgets.
  • Pilih beberapa widget yang anda butuhkan. Lakukan klik and drag pada widget lalu taruh pada sidebar. Berikut ini adalah contohnya:

cara-membuat-website-dengan-cms-wordpress13-dhikadwipradya

  • Setelah anda mengatur seluruh pengaturan pada website anda, silahkan kunjungi alamat website anda untuk melihat tampilan secara menyeluruh dari pengaturan yang telah anda sesuaikan.
  • Berikut ini adalah tampilan halaman web yang sudah kita buat seperti contoh di atas.

Demikianlah tutorial cara membuat website dengan CMS WordPress. Selalu lakukanlah posting artikel setiap harinya agar meningkatkan trafik pada website anda, tentunya artikel yang bermutu, bukan hanya sekedar copy paste. Semoga artikel ini bermanfaat bagi para pembaca.



Artikel Terkait:

Cara Membuat Form Kontak Kami Dengan PHP

dhikadwipradya.com

[epiclink link = ‘http://dhikadwipradya.com/cara-membuat-form-kontak-kami-dengan-php’ color = ‘btn btn-primary’ ]Selengkapnya[/epiclink]

 

Cara Mendapatkan Hosting dan Domain Gratis

dhikadwipradya.com

[epiclink link = ‘http://dhikadwipradya.com/cara-mendapatkan-hosting-dan-domain-gratis’ color = ‘btn btn-primary’ ]Selengkapnya[/epiclink]

 

Baca artikel lain:

3 Comments

Leave a Reply

Your email address will not be published.


*