Menambahkan Image Slider di Homepage

Ukuran: px

Mulai penontonan dengan halaman:

Download "Menambahkan Image Slider di Homepage"

Fanny Kartawijaya
6 tahun lalu
Tontonan:

1 Upload Website ke server 1. Akses local host website 2. Buka plugin duplicator 3. Create new file duplicator 4. Download file directorynya dan installernya 5. Buka cpanel domain 6. Akses create file directory 7. Upload file yang telah di download 8. Buka mysql 9. Create dan setup databasenya 10. Buka link domainnya 11. Jalankan installernya 12. Finalize Login Admin 13. Ketik URL Masukkan username & password admin. username : ianta Password : ikatanabnonjakarta 15. Ketika berhasil login, maka akan langsung masuk ke halaman Dashboard Admin, dimana anda bisa mengakses seluruh fitur administrator website. Menambahkan Image Slider di Homepage 1. Siapkan terlebih dahulu image dengan ukuran pixels dan format JPEG / JPG. 2. Pada halaman Dashboard Admin, pada menu utama di sebelah kiri klik klik Flexslider > Add New Slider. 3. Setelah masuk ke halaman "Add New Slider Item", pada kolom Enter title here masukkan judul slider (hanya sebagai penanda, judul tidak akan muncul di halaman website) misalnya Homeslider2, dst. 4. Pada kolom di sebelah kanan, klik Set featured image. Pada bagian ini anda akan memasukkan image yang akan digunakan sebagai slider. 5. Akan muncul Pop Up "Set Featured Image". Pilih Upload Files dan upload image yang sudah disiapkan sebelumnya dari komputer anda. 6. Setelah proses upload selesai, klik button Set featured image di pojok kanan bawah.

2 7. Image tersebut sudah terpilih,pop up window tertutup dan kembali ke halaman sebelumnya. 8. Untuk kolom yang lain dikosongkan saja, cukup title dan featured image saja. 9. Klik button Publish. 10. Buka kembali homepage dan refresh browser untuk memastikan bahwa image slider sudah bertambah. Mengedit Image Slider di Homepage 1. Pada halaman Dashboard Admin, pada menu utama di sebelah kiri klik klik Flexslider > Flexslider. 2. Setelah masuk ke halaman Flexslider, maka pilih judul image yang ingin diedit (contoh: Homeslider1). 3. Arahkan mouse ke judul tersebut, akan muncul submenu yaitu : Edit - Quick Edit - Trash - View - Clone. 4. Klik Edit. 5. Lakukan perubahan image atau judul. 6. Setelah selesai, klik button Update. 7. Refresh browser untuk memastikan bahwa image tersebut sudah diedit. Menghapus Image Slider di Homepage 1. Pada halaman Dashboard Admin, pada menu utama di sebelah kiri klik klik Flexslider > Flexslider. 2. Setelah masuk ke halaman Flexslider, maka pilih judul image yang ingin dihapus (contoh: Homeslider1). 3. Arahkan mouse ke judul tersebut, akan muncul submenu yaitu : Edit - Quick Edit - Trash - View - Clone. 4. Klik Trash. 5. Refresh browser untuk memastikan bahwa image tersebut sudah diedit. Menambahkan Berita

3 1. Pada halaman Dashboard Admin, klik Posts > Add New pada menu utama di sebelah kiri. 2. Setelah masuk ke halaman Add New Post, masukkan judul berita di bagian Enter title here. 3. Isi konten berita pada kolom di bawahnya. 4. Untuk memasukkan foto, klik button Add Media dan pilih Upload Files jika ingin mengupload file dari komputer, atau klik Media Library jika foto tersebut sudah terupload sebelumnya. 5. Pada kolom Categories, pilih opsi yang sesuai dengan kategori berita. Apabila belum ada atau ingin menambahkan klik Add New Category. 6. Scroll ke bagian WordPress SEO by Toast, bagian ini berfungsi untuk SEO (Search Engine Optimization). 7. Isi kolom Focus Keyword dengan keyword yang sesuai dengan isi konten berita. Untuk lebih dari satu keyword pisahkan dengan tanda koma (,) 8. Pada kolom SEO Title tidak perlu diisi karena sudah secara otomatis terisi sesuai dengan judul berita. 9. Pada kolom Meta Description isi headline dari berita tersebut dengan maksimal 156 karakter huruf. 10. Scroll ke bawah pada bagian Jupiter Page Options. Pada opsi Manage Page Elements pilih Remove Page Title. Dan pada opsi Stick Template set ke On (berwarna biru). 11. Pada kolom sebelah kanan, klik Set featured image untuk memilih image cover berita. 12. Klik Upload files dengan ukuran image pixels format JPEG. 13. Apabila sudah terisi semua data-data sesuai dengan langkah di atas, klik button Publish di kolom kanan atas. 14. Berita terbaru akan muncul di halaman Berita. Mengedit Berita 1. Pada menu utama di sebelah kiri, klik Posts > All Posts. 2. Setelah masuk ke halaman Posts, arahkan mouse ke judul berita yang ingin diedit. 3. Opsi Edit - Quick Edit - Trash - View - Clone akan muncul tepat di bawah judul. 4. Lalu klik Edit untuk mulai mengedit post tersebut. 5. Setelah selesai melakukan proses editing post, klik button Update di kolom kanan atas.

4 6. Maka berita tersebut akan ter-update. Menghapus Berita 1. Pada menu utama di sebelah kiri, klik Posts > All Posts. 2. Setelah masuk ke halaman Posts, arahkan mouse ke judul berita yang ingin dihapus. 3. Opsi Edit - Quick Edit - Trash - View - Clone akan muncul tepat di bawah judul 4. Lalu klik Trash untuk menghapus post tersebut Menambahkan Data Event 1. Pada menu utama di sebelah kiri, klik Events > Add New. 2. Setelah masuk ke halaman Add New Event, masukkan judul event di bagian Enter title here. 3. Isi deskripsi event pada kolom besar dibawah judul event. 4. Scroll ke bawah, pada kolom The Event Calendar isi data acara. Mulai dari tanggal, tempat, alamat, dan data EO.

5 5. Anda dapat mengosongkan data yang kiranya tidak perlu. 6. Setelah data pada langkah di atas sudah terisi, scroll kembali ke atas dan klik button Publish. 7. Data terbaru akan muncul di halaman Kalender Event. Mengedit Data Event 1. Pada menu utama di sebelah kiri, klik Events > Events. 2. Setelah masuk ke halaman Events, klik judul event yang diinginkan. 3. Maka akan masuk ke halaman editor, dan anda bisa mulai melakukan proses editing. 4. Setelah selesai, scroll ke atas dan klik button Update. 5. Cek kembali halaman Kalender Event, dan refresh browser maka event tersebut sudah terupdate. Menghapus Data Event 1. Pada menu utama di sebelah kiri, klik Events > Events.

6 2. Setelah masuk ke halaman Events, arahkan mouse ke judul event yang diinginkan. 3. Klik Trash.

dokumen-dokumen yang mirip

MANUAL BOOK WEBSITE [BUAT HALAMAN BARU + EDIT HALAMAN]

MANUAL BOOK WEBSITE [BUAT HALAMAN BARU + EDIT HALAMAN] Cara Membuat Halaman Website Berikut ini adalah langkah-langkah Cara Membuat Page (Halaman) di WordPress : 1. Langkah pertama yang harus dilakukan