Dokumentasi Pembuatan Website

       

Studi Kasus: Pembuatan Website Company Profile (Construction / Cabling / IT Infrastructure)

Dokumen ini menjelaskan proses dari awal hingga berhasil menampilkan template Construction Company (Astra + Elementor) pada domain baru.

BAGIAN 1 — Registrasi Domain Baru & Pengaturan Document Root (Tanpa public_html)

1. Tujuan

Pada tahap ini, tujuan utamanya adalah:

  • Mendaftarkan domain baru
  • Mengatur agar website tidak berada di dalam folder public_html
  • Setiap domain berdiri sendiri dengan document root sendiri (best practice hosting)

2. Registrasi Domain

Domain didaftarkan melalui:

  • Registrar domain (Niagahoster, Rumahweb, Domainesia, dll)

  • Atau melalui provider hosting langsung

Contoh:

zorin.my.id

Setelah aktif, domain diarahkan ke hosting melalui:

  • Nameserver default hosting atau
  • DNS record (A record / NS)

3. Menambahkan Domain di cPanel

Masuk ke cPanel → Domains

Langkah:

  1. Klik Create A New Domain
  2. Isi Domain: zorin.my.id
  3. Hilangkan centang: Share document root
  4. Biarkan sistem membuat folder otomatis

Biasanya cPanel akan membuat folder seperti:

/home/username/zorin.my.id

✅ Inilah document root baru
❌ BUKAN public_html

4. Struktur Folder yang Benar

Setelah domain ditambahkan, struktur akan menjadi:

/home/username/
├── public_html/        → domain utama lama
├── zorin.my.id/        → domain baru (website baru)

Keuntungan metode ini:

  • Lebih rapi
  • Aman
  • Tidak bercampur antar website
  • Cocok untuk banyak domain
  • Mudah maintenance

5. Verifikasi Document Root

Masuk ke cPanel → Domains

Pastikan kolom Document Root untuk zorin.my.id adalah:

/home/username/zorin.my.id

Jika sudah seperti itu, maka konfigurasi domain ✔️ selesai.

BAGIAN 2 — Instalasi WordPress di cPanel

1. Masuk ke Softaculous

Masuk ke:

cPanel → Softaculous Apps Installer → WordPress

Klik tombol Install Now

2. Konfigurasi Instalasi WordPress

Bagian Software Setup

Isi sebagai berikut:

  • Choose Protocol  :https://
  • Choose Domain  :zorin.my.id
  • In Directory  :(kosongkan) ← sangat penting

Jika diisi, WordPress akan masuk ke subfolder.

3. Site Settings

Contoh:

  • Site Name:  PT Zorin Network
  • Site Description:  Solusi Infrastruktur Jaringan & Fiber Optic

Nilai ini masih bisa diubah nanti.

4. Admin Account

Isi:

  • Username admin
  • Password kuat
  • Email aktif

Catat dengan baik.

5. Pilih Bahasa

  • Bahasa: Indonesia (Atau terserah preferensi anda)

6. Klik Install

Tunggu hingga proses selesai. Jika sukses, maka akan muncul:

  • URL website
  • URL admin (/wp-admin)

7. Verifikasi Instalasi

Buka:

https://zorin.my.id

Jika tampil halaman WordPress default → instalasi berhasil.

BAGIAN 3 — Instalasi Tema Astra & Template Construction Company

Bagian ini adalah tahap sampai website tampil persis seperti demo construction company.

1. Instal Tema Astra

Masuk ke dashboard WordPress:

Appearance → Themes → Add New

Cari:

Astra
Klik  Install lalu Activate

2. Instal Plugin Starter Templates

Masuk:

Plugins → Add New

Cari:

Starter Templates

Install & Activate.

Plugin ini dipakai untuk:

  • Import template siap pakai
  • Mengatur builder
  • Mengatur struktur awal website

3. Pilih Page Builder: Elementor

Setelah Starter Templates aktif:

  • Klik Appearance → Starter Templates
  • Akan muncul pilihan builder
  • Pilih:  ✅ Elementor

Ini penting karena template construction menggunakan Elementor.

4. Memilih Template “Construction Company”

Pada halaman Starter Templates:

  • Ketik di pencarian:  construction
  • Pilih template Construction Company
  • Preview dulu (opsional)
  • Klik Import Complete Site

5. Proses Import Template

Sistem akan:

  • Menginstal plugin pendukung
  • Mengimpor halaman
  • Mengimpor menu
  • Mengatur homepage
  • Mengatur layout

Tunggu sampai proses selesai (±1–3 menit).

6. Hasil Akhir

Setelah import berhasil:

  • Homepage langsung berubah mengikuti demo
  • Header menampilkan teks “Urban Nest”
  • Layout, gambar, dan section sudah lengkap
  • Website siap diedit menggunakan Elementor

URL:

https://zorin.my.id

Tampilan:
✅ Sama seperti demo Construction Company
✅ Siap dikustomisasi
✅ Siap dijadikan website jasa cabling / fiber / IT infrastructure

✅ STATUS AKHIR DARI 3 BAGIAN

✔ Domain baru berhasil dibuat
✔ Document root tidak memakai public_html
✔ WordPress terinstal dengan benar
✔ Tema Astra aktif
✔ Starter Templates aktif
✔ Template Construction Company berhasil diimport

DOKUMENTASI LAMA

    ⬆