Belajar WordPress: Cara Membuat Website Rental Komputer Bag 1

posted in: Tutorial Pemrograman | 0

 

DAFTAR ISI

1.  Melakukan Setting Dasar

2.  Membuat Content

  • Memasukan Gambar ke Media Library
  • Membuat Post
  • Memasang Read More
  • Membuat Page
  • Membuat Page About Us sebagai Halaman Frontpage

3.  Memasang Widget

4.  Membuat Menu

Pada latihan Wordpres kali ini, kita akan membuat sebuah situs Rental Komputer. Tampilan akhirnya kira-kira seperti berikut:belajar wordpress-cara membuat website rental komputerbelajar wordpress-cara membuat website rental komputer1

Melakukan Setting Dasar

Langkah awal membuat website WordPress adalah melakukan setting dasar. Ada 3 setting dasar yang penting:

  1. Setting General, yaitu mengkonfigurasi Title, Tagline, format waktu dan tanggal. Isi Title dan Tagline harus benar-benar dipertimbangkan karena akan menyangkut Search Engine Optimization (SEO)
  2. Setting Discussion, terkait konfigurasi bagaimana website WordPress menghandle komentar
  3. Setting Permalink, terkait struktur link yang akan dipakai pada keseluruhan web.

Berikut adalah langkah melakukan setting dasar:

  1. Masuklah ke Administrator Panel melalui login di alamat http://domain/wp-adminbelajar wordpress-cara membuat website -wp-admin
  2. Setelah login, kita masuk Panel Administrator (untuk selanjutnya kita sebut Panel saja).belajar wordpress-cara membuat website rental komputer-panel
  3. Menu utama ada di sebelah kiri, terdiri dari Posts, Media, Pages, Comments, Appearance, Plugins, Users, Tools, dan Settings.
  4. Masuklah Panel Menu Settings > General kemudian lakukan setting seperti berikut ini.belajar wordpress-cara membuat website -setting generalbelajar wordpress-cara membuat website -setting general1
  5. Setelah selesai, simpan dengan tombol Save Changes.
  6. Kemudian masuk Panel menu Settings > Discussions
  7. Lakukan setting seperti berikut.belajar wordpress-cara membuat website -setting general2
  8. Kemudian, masuk ke Panel menu Settings > Permalink
  9. Pilih Post name, kemudian simpan dengan tombol Save Changesbelajar wordpress-cara membuat website -setting permalink

 

Membuat Content

Dalam membuat materi/content, kita harus berpatokan pada tujuan pembuatan website. Ada dua hal yang penting dalam menyusun content:

  1. Menentukan Struktur Informasi, yaitu struktur content yang akan dibangun dalam website. Struktur content sebaiknya dibuat dalam bentuk hierarki, dan dibuat mirip dengan menu website nantinya. Sebagai perbandingan, Anda dapat melihat website kompetitor atau webiste lain dari bisnis yang sejenis.
  2. Menentukan Layout, yaitu bagaimana informasi akan ditampilkan di halaman website. Beberapa jenis blok yang biasanya termasuk dalam sebuah website adalah: header, menu, body, sidebar, footer. Sebaiknya anda membuat sebuah Wireframe sebagai panduan, nantinya dapat digunakan saat memilih Theme.

Contoh Wireframe Layout Website
belajar wordpress-cara membuat website -contoh layout

Untuk website rental ini, halaman yang akan dibuat terdiri dari:

  • Tentang Kami (page)
  • Layanan 1: Sewa Komputer (page)
  • Layanan 2: Sewa Laptop (page)
  • Layanan 3: Sewa Proyektor (page)
  • Kontak (page untuk plugin)
  • Blog (kategori post)
    • Blog 1 (post)
    • Blog 2 (post)
    • Blog 3 (post)
  • Frontpage

Memasukan Gambar ke Media Library

Sebelum mulai membuat Page dan Post, ada baiknya semua media/gambar yang akan dipakai dimasukan lebih dulu ke Media Library, supaya langsung bisa dipakai dalam post/page (tidak mengupload saat sedang mengedit content).

  1. Masuk menu Media > Library
  2. Klik tombol Add New
  3. Kemudian Drop File dari File Manager atau klik tombol Select Files untuk memilih gambar yang akan diupload
  4. Lakukan proses upload.
  5. Setelah selesai, maka semua gambar yang sudah terupload akan tampil di halaman Media Librarybelajar wordpress-cara membuat website -media library

Membuat Post

Berikutnya kita akan membuat Post yang jumlahnya adalah 3 buah. Masing-masing kita beri nama Blog 1, Blog 2, dan Blog 3.

Isi post yang akan dipakai adalah dummy teks di bawah ini (hanya untuk percobaan saja).

Dummy Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet sodales risus. Quisque et eros at tellus facilisis vulputate. Vestibulum venenatis porttitor erat. Fusce ac mauris in augue volutpat lacinia interdum eget eros. Curabitur interdum urna quis neque venenatis, in imperdiet quam pretium. Nulla imperdiet scelerisque lectus, eget ullamcorper odio finibus et. Nulla fringilla et massa id tristique. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed magna velit, rhoncus id feugiat ut, facilisis eu eros. Mauris quis aliquet quam, eget accumsan ipsum. Ut ipsum ex, tempor eu commodo quis, commodo non nibh. Cras felis turpis, aliquet non pretium eget, malesuada et orci. Maecenas mollis eget est luctus lobortis. Sed rhoncus in turpis sit amet vulputate. Donec id commodo nulla. Fusce eget malesuada magna.

Berikut adalah langkah membuat post:

  1. Masuk menu Post > Add New
  2. Masukan judul Blog 1
  3. Masukan teks “Lorem ipsum..” ke dalam teks editor, dengan cara di copy-paste dari manual ini.belajar wordpress-cara membuat website -add post
  4. Setelah selesai klik tombol Posisi tombol Publish ada di sebelah kanan window teks editor.
  5. Tambahkan set Feature Image dari Panel bagian kanan bawah (satu kolom dengan panel Publish).
  6. Caranya klik Set featured image, kemudian pilih gambar dari Media Library, terus klik Set featured image
    belajar wordpress-cara membuat website -featured image                             belajar wordpress-cara membuat website -featured image1
  7. Klik Publish

 

Berikut adalah tampilan setelah blog dibuat.belajar wordpress-cara membuat website -tampilan blog

Memasang Read More

Agar post tidak tampil penuh, Anda dapat menyetel dan menambahkan Read More pada setiap Post yang dibuat. Caranya, letakan kursor pada paragraph yang akan dipotong. Kemudian klik tombol Insert Read More.

belajar wordpress-cara membuat website -readmore

Membuat Page

Berikutnya kita akan membuat 4 Page yang terdiri dari:

  • About Us
  • Rental Komputer (Layanan 1)
  • Rental Laptop (Layanan 2)
  • Rental Proyektor (layanan 3)

Cara membuat Page mirip dengan Post. Berikut adalah membuat page “Tentang Kami”.

  1. Masuk Panel Menu Pages > Add New.
  2. Masukan Title: Tentang Kami
  3. Masukan teks dengan cara copy-paste dari bahan di bawah ini.
  4. Untuk menambahkan gambar, klik Add Media > Pilih dari Media Library/Upload > Insert into pagebelajar wordpress-cara membuat website -menambah gambar
  5. Kemudian pada bagian Featured Image, tambahkan gambar yang sesuai.belajar wordpress-cara membuat website - menambah featured image
  6. Setelah selesai, klik Publish.
  7. Kemudian lakukan hal yang sama untuk membuat 3 layanan lainnya:
    1. Rental Komputer
    2. Rental Laptop
    3. Rental Proyektor.

 

Materi Page  
Tentang Kami Inosis Rental merupakan perusahaan berbadan hukum yang bergerak dibidang penyedia jasa rental Komputer sewa laptop. Dengan di dukung oleh team yang berpengalaman membuat kami siap untuk membantu di bidang perangkat hardware komputer.belajar wordpress-cara membuat website - hardware

Sebagai penyedia jasa rental komputer, Inosis Rental membantu perusahaan anda untuk mendapatkan perangkat rental komputer,sewa notebook,ipad,printer,server yang sesuai dengan kebutuhan. dengan biaya sewa negotiable, fleksibel dan perangkat yang kami miliki milik sendri itu yang membuat kami lebih percaya diri. kami memberikan pelayanan yang professional dan berkualitas tentunya Karena kami memiliki komitmen dan tanggung jawab setiap pelayanan yang di berikan.

 belajar wordpress-cara membuat website - hardware2

Mengapa Memilih Kami

·         Total Quality

·         Produk terupdate dengan teknologi sekarang

·         Unit yang selalu terjaga & terbaru

·         Quality Check sebelum barang keluar

Total Service

·         Layanan Teknis 24 Jam (By Phone)

·         Account Manager siap memberikan konsultasi di setiap acara

·         Team Teknisi yang handal & berpengalaman di setiap lapangan

·         Jaminan acara berjalan lancar tanpa ada gangguan teknis

 

 

Rental Komputerbelajar wordpress-cara membuat website - rental komputer

Kami menyediakan beragam desktop dengan mulai dari core i5 hingga core i7 dan berjumlah ratusan unit.  Komputer desktop untuk disewa harian hingga tahunan. Cocok untuk perkantoran proses multimedia.

Layanan kami menjangkau semua wilayah di Indonesia, khususnya sewa komputer Jakarta yang memberikan free ongkir di Jabodetabek.Rental Laptopbelajar wordpress-cara membuat website - rental laptop

Kami menyediakan laptop dengan spesifikasi mulai core i3 hingga core i7. Jumlah yang tersedia hingga ratusan unit dan siap pakai. Laptop untuk harian hingga tahunan cocok untuk acara seminar, pelatihan, meeting, konferensi dan sebagainya

Layanan kami menjangkau semua wilayah di Indonesia, khususnya sewa komputer Jakarta yang memberikan free ongkir di Jabodetabek.Rental Proyektorbelajar wordpress-cara membuat website - rental proyektor

Kami menyediakan LCD Projector 5000 Ansi lumens biasanya dipadukan dengan big screen ukuran 3×4 meter dan juga fast fold screen ukuran 2×3 meter. Kami menyediakan proyektor kualitas terbaik tanpa dead-pixel. Projector ini cocok digunakan untuk ruangan ballroom atau hall dengan penonton mencapai 500 orang.  Cocok untuk acara seminar, pelatihan, meeting, konferensi dan sebagainya.

Layanan kami menjangkau semua wilayah di Indonesia, khususnya sewa komputer Jakarta yang memberikan free ongkir di Jabodetabek.

 

 

Membuat Page About Us sebagai Halaman Frontpage

Selanjutnya, kita akan memasang salahsatu page, yaitu About Us di halaman depan.

  1. Masuk menu Settings > Reading.
  2. Page Front page display pilih Static Page
  3. Pilih Page: Tentang Kami                                                       belajar wordpress-cara membuat website - setting reading
  4. Untuk menghilangkan komentar, klik tombol screen option dibagian kanan atasbelajar wordpress-cara membuat website -screen option
  5. Pada halaman Show on Screen Klik Discussion. Opsi ini akan memunculkan check-box untuk opsi komentar.belajar wordpress-cara membuat website - show on screen
  6. Kemudian pada di sebelah bawah teks editor, matikan opsi Allow Comments.belajar wordpress-cara membuat website - allow comment

Jika perlu, pada halaman ini anda dapat menambahkan link ke daftar layanan Rental Komputer, Laptop, dan Proyektor.

Memasang Widget

Posisi dan jumlah widget tergantung pada Theme yang kita pilih. Pada Theme ini, hanya terdapat satu lokasi widget yaitu Sidebar.

  1. Masuk menu Appearance > Widget
  2. Hapuslah beberapa Widget yang tidak ingin kita tampilkan dengan cara men-drag keluar dari kotak Widget.belajar wordpress-cara membuat website - widget
  3. Hapuslah semua Widget kecuali Search dan Recent Posts.
  4. Kemudian, kita akan menambahkan satu Widget teks yang berisi kontak.
  5. Klik Widget Text                                                                                         belajar wordpress-cara membuat website - widget teks
  1. Kemudian klik Add Widget untuk menambahkannya ke Sidebar
  2. Isi Title dengan “Kontak”
  3. Page bagian isi widget, tambahkan:

<strong>PT Inosis Kursus Wordpres</strong><br />

Metro Trade Center<br />

Blok G-12 <br />

Jl.Soekarno Hatta Kav 590<br />

Bandung<br />

<br />

Telp: 022-1234567<br />

Email: info@inosispro.com

  1. Save
  2. Maka hasilnya akan seperti berikut:                                                           belajar wordpress-cara membuat website - widget hasil

Membuat Menu

Kita akan membuat menu dengan struktur berikut:

  • Home
  • Tentang Kami
  • Rental Komputer
  • Rental Laptop
  • Rental Proyektor

Langkah membuat menu adalah sebagai berikut:

  1. Masuk menu Appearance > Menu
  2. Beri nama menu: Main Menu, kemudian klik Create Menu.belajar wordpress-cara membuat website - membuat menu
  3. Dari panel Pages disebelah kiri, tandai semua Pages kemudian klik Add to Menu    belajar wordpress-cara membuat website - membuat menu 1
  4. Aturlah posisi urutan menu sesuai kebutuhan.belajar wordpress-cara membuat website - menu struktur
  5. Setelah selesai, klik Save Menu
  6. Kemudian kita akan menyimpan menu dilokasi tertentu di Theme.
  7. Klik Manage Locations
  8. Pilih menu yang akan dipakai.                    belajar wordpress-cara membuat website - pilih menu
  9. Klik Save Changes untuk menyimpan perubahan.
  10. Tampilannya adalah sebagai berikut.                                                                                      belajar wordpress-cara membuat website - save change

Leave a Reply