INHOUSE TRAINING REFRIGERASI DAN TATA UDARA(AC)|Sertifikasi BNSP.Hub. 081 221 800 510

website siswa dan guru SMK tanpa pulsa

 website siswa dan guru SMK tanpa pulsa

Download CMS WordPress

Karena untuk memudahkan Anda membuat website localhost, maka kali ini Saya akan menggunakan CMS WordPress untuk website nya. Anda bisa download WordPress di tautan tersebut.

Setelah Anda selesai download WordPress Anda extract file WordPress tersebut dan simpan di folder htdocs C:xampphtdocs. Ubah nama folder tersebut menjadi wordpress atau sesuai nama website Anda.

Buat Database di PhpMyAdmin

Jika Anda sudah download file WordPress nya dan sudah di extract, langkah selanjutnya yaitu cara membuat database. Anda bisa buka browser lalu ketikan localhost/phpmyadmin. Tampilannya akan seperti tampak pada layar anda.

Anda pilih menu basis data/database lalu masukkan nama database yang ingin Anda buat. Dalam artikel ini saya menggunakan nama ‘wordpress’ untuk nama database nya. Setelah itu pilih button buat atau create.

Install CMS WordPress

Setelah database sudah Anda buat, langkah selanjutnya Anda buka browser lalu ketikan localhost/wordpress atau localhost/namafolderAnda. Nah nanti tampilan nya akan seperti tampak pada layar anda.

Anda tekan button let’s go dan tampilannya berubah menjadi seperti tampak pada layar anda. Anda ganti nama database nya sesuai dengan yang Anda buat tadi ‘wordpress’ lalu untuk user isi dengan ‘root’, password database kosongkan saja.

Catat semua informasi tersebut dan simpan di notepad agar Anda tidak lupa. Setelah selesai Anda klik submit. Jika form yang isi sudah benar maka akan muncul button run the installation. Klik saja button tersebut. Lalu tunggu proses selesai dan tampilannya akan seperti tampak pada layar anda.

Anda isikan nama website Anda, user dan password untuk login dashboard dan lain-lain. Setelah selesai dan klik install wordPress. Website Anda sudah bisa dilihat atau diakses di browser dengan mengetik localhost/wordpress atau localhost/namafolder Anda.

Edit Website Anda

Sebenarnya website Anda sudah jadi, namun masih website standar. Anda perlu mengedit serta menambahkan kontennya nya agar terlihat lebih menarik dan keren. Anda isi url di browser Anda dengan localhost/wordpress/wp-admin.

Setelah itu masukkan username dan password nya yang sudah Anda buat disaat install WordPress. Setelah masuk ke halaman dashboard Anda pilih menu appearance -> themes disebelah kiri layar Anda dan pilih add new.

Anda bisa pilih theme sesuai keinginan Anda lalu klik install. Disini Saya menggunakan themes bizroot. Setelah themes berhasil terinstall, Anda masuk ke plugins, lalu add new dan cari plugins dengan nama elementor lalu install dan activate.

Jika elementor sudah di install dan di activate, Anda bisa masuk masuk ke bagian pages. Jika Anda sudah memiliki halaman home Anda bisa langsung edit halaman tersebut dengan pilihan edit with elementor. Namun jika belum, Anda bisa membuatnya dengan klik add new diatas.

Masukkan judul halaman nya ‘Home’ dan pilih template nya menjadi elementor full width dan remove gambar di featured image. Selanjutnya publish dan pilih edit with elementor. Tampilannya akan seperti tampak pada layar anda.

Anda bisa tambahkan konten apapun yang Anda inginkan hanya tinggal drag and drop. Anda bisa tambahkan gambar, tulisan, content box dan lain-lain. Gambar di bawah ini contoh tampilan website yang sudah Saya buat. Anda bisa masukkan konten sesuai kebutuhan Anda dengan mudah tanpa perlu mengerti bahasa pemrograman.

Kesimpulan

• Nah itulah tutorial membuat website dengan XAMPP. Jika ada beberapa hal yang kurang Anda mengerti, Anda bisa tinggalkan komentar dibawah ini dan akan Saya bantu hingga Anda mengerti. Terima kasih sudah membaca artikel tutorial ini sampai selesai, semoga bermanfaat untuk Anda semua.

Jika Anda ingin website Anda bisa diakses online, Anda bisa baca panduan cara upload website localhost ke hosting. Beli hosting murah di Masterweb dengan fitur lengkap untuk website Anda.

SILAKAN BAGIKAN ARTIKEL INI
————————————————–
Sumber :

http: https://blogs.masterweb.com/membuat-website-dengan-xampp/

https://pojokppgdaljab.blogspot.com/2024/01/localhost-dengan-xampp-bagi-siswa-dan.html



Post a Comment

Previous Post Next Post