Cara Membuat Website Gratis dengan Joomla (update 2018)

Cara Membuat Website Gratis dengan Joomla (update 2018)

Cara Membuat Website Gratis dengan Joomla 3.6.0. Adanya sebuah tugas saat sebelum saya melaksanakan praktik kerja lapangan. waktu itu di suruh membuat portal web sekolah oleh dosen. dan membuatkan sebuah laporan mengenai tugas tersebut. Sudah lama sekali tidak saya buka. Mungkin jika ini sebuah produk makanan sudah basi ^_^. namun nyatanya ini bukan makanan, jadi ya tidak akan basi sampai akhir hanyat nanti "kecuali dihapus" atau file rusak. Dengan demikian untuk mengabadikan laporan yang saya buat itu maka akan saya posting pada blog ini.



Setelah mempelajari dan mengimplementasikan tatacara membuat portal web ini diharapkan saya pribadi  dan teman-teman sekalian dapat  membuat Web dengan mudah terkait untuk sekolah ataupun perusahaan, di harapkan dapat memngimplementasikan dan mampu menggarap web dengan benar. .
NB: Gunakan phpmyadmin/offline atau langsung menggunakan hosting gratisan seperti idhostinger atau 000Webhost.com [ saya menggunakan hosting gratisan]
Adapun tatacara untuk membuat portal web ini akan di sajikan setelah ini  , dengan teknik dasar yang saya ketahui , step by step akan saya jelaskan berdasarkan materi ini.

  1. Cara Mengganti Template 
  2. Cara Mengganti Logo 
  3. Membuat Artikel 
  4. Membuat Main Menu 
  5. Membuat Menu Dropdown
  6. Menampilkan Artikel di Halaman Depan/Home

Untuk memahami dan agar web yang kamu kerjakan dapat terselesaikan maka kamu perlu mengikuti langkah langkah membuat web yang saya berikan ini. Apakah kamu sudah siap ?

Baiklah mari kita mulai saja, Berikut ini langkah - langkahnya.

1. Cara Mengganti Template 

adapun cara yang dapat kita lakukan untuk mengganti template web berikut ini akan saya jelaskan , namun kira - kira kenapa kita perlu mengganti template ? menurut saya pribadi , jika kita menggunakan temlate bawaan joomla biasanya tidak responsive atau tidak friendly , selain itu tampilan nya juga kurang menarik , dengan mengganti template yang kita download selain responsive dan friendly diharapkan tampilannya pun akan bagus dan menarik . saya menggunakan template dari: https://www.joomdev.com/products/templates/jd-atlanta-template

Berikut ini langkah menggantinya :
  • Pilih entensions - manage - install

  • akan masuk pada tampilan install disini selanjutnya chose file ( cari dan pilih template yang download atau yang ingin digunakan ) - pilih upload & install

  • kembali ke control panel di sini kita pilih menu Templates

  • install template selesai 
  • selanjutnya kita aktifkan  dengan klik tanda bintang atau bisa juga dengan ceklis template di pojok kiri sana pilih default

2. Cara Mengganti Logo

mengganti logo ini tidak semua template sama , karena tergantung dengan menage template yang di sediakan dari template yang kita terapkan .


Berikut ini langkahnya :
  • klik pada template yang aktif atau sebagai default yang kita gunakan

  • akan masuk di templates manager pilih Style pada bagian logo di ON dan di Type  pilih custom , setelah itu pada custom logo pilih select ( cari logo yang ingin di gunakan ) , jika sudah 
  • Save - di pojok kanan atas , jika sudah lihat beranda web logo akan berubah dengan yang logo yang kita gunakan tadi .
  • berikut ini hasil logo yang saya ganti 


3. Membuat Artikel 

pada tahap ini kita akan membuat artikel untuk mengisi web yang kita buat , tentunya artikel yang baik seperti pengenalan sekolah , profil , dan lain lain.
Berikut ini langkahnya :
  • pada halaman control panel - pilih content - articles - add new articles 

  • pilih New - lalu akan masuk dimana kita menulis artikel  - setelah selesai lalu Save  artikel yang sudah di buat .

  • setelah selesai akan artikel tersebut akan tersimpan , namun artikel tersebut tidak langsung terpublish ke web , kita perlu melakukan tahapan yaitu publish dan membuatkan menu agar artikel tersebut dapat tampil di halaman .
  • Langkah Publish- ceklis pada artikel lalu pilih menu di atasnya itu publish - maka artikel kita sudah terpublish dan tampil di halaman . tinggal membuatkan menu.

4. Membuat Main Menu 

dengan membuat menu kita dapat menampilkan artikel yang kita buat tadi , artinya menu ini sebagai wadah untuk menampung artikel tersebut 
Berikut langkahnya :
  • pada halaman control panel - pilih Menus - Main Menu - Add New Menu Item

  • selanjutnya akan di alihan ke halaman Menus , disana kita isi Menu Title ( sesuai dengan nama artikel ) , lalu Menu Item Type pilih ( select ) 
  • akan tampil di seperti berikut - pada langkah ini pilih Articles - Single Articles

  • setelah itu akan muncul select articles - lalu pilih secect - dan pilih artikel yang sesuai dengan judulnya , saya prakteknya yaitu artikel profil .

  • Jika sudah maka terakhir di Save 
  • save = hanya menyimpan
  • Save & close = setelah tersimpan akan menutup
  • Save & New = setelah tersimpan akan membuka new menu / membuat menu baru yang lainya .

5. Membuat Menu Dropdown

membuat menu drop down ini guna meminimkan tab yang banyak , dengan membuat menu dropdown kita bisa membuat menu menu berdasarkan kategori . sehingga tampilan pun akan lebih bagus .
Berikut Langkahnya :
  • langkah pertama buat artikel & buatkan menu Visi & Misi , setelah itu buat artikel Visi sendiri dan Misi sendiri , jika sudah buat menu sama dengan cara yang di atas , yang membedakan hanya pada lihat bagian kanan , itu kita pilih visi & misi tadi yang sudah kita buat .
  • Membuat menu Drop Visi
  • Jika sudah lalu save -  selanjutnya membuat menu drop Misi
  • Membuat menu Drop Misi
  • langkahnya sama dengan yang di atas cuma bedanya visi dengan misi


  • setelah itu di save - lalu buka beranda halaman web


6. Menampilkan Artikel di Halaman Depan / Home 

di Cms Joomla ini , postingan kita tak langsung tampil di halaman depan/home , tidak seperti blogspot atau wordpress yang online , mungkin ini masih localt host jadi kita perlu menampilkan nya.
Berikut langkahnya:
  • pada halaman Control Panel - pilih Articles
  • selanjutnya akan masuk ke halaman list artikel yang sudah kita buat - di sana kita pilih artikel apa saja yang ingin di tampikan pada halaman web dengan memberi tanda bintang pada artikel tersebut , jelasnya lihat gambar berikut ini :

DOKUMENTASI TAMPILAN

Setelah mengiplementasikan beberapa teknik yang paling mendukung dan mendasa yaitu :

  1. Cara Mengganti Template 
  2. Cara Mengganti Logo 
  3. Membuat Artikel 
  4. Membuat Main Menu 
  5. Membuat Menu Dropdown
  6. Menampilkan Artikel di Halaman Depan/Home

Ada beberapa cara Kecil untuk sedikit merias tampilan namun saya rasa itu tidak begitu mendongkrak atau sebagai landasan membuat web portal , pada dokumentasi ini akan saya tapilkan web yang sudah di buat dengan teknik-teknik diatas .

1. Web Sumber

Portal Web yang saya buat  di adopsi dari laman web sekolah www.sman4spn.sch.id 


2. Web yang dibuat

Berikut ini web localhost yang saya buat dengan cara - cara di atas .
a) Home



b)  Profil



c) Menu Dropdown Visi & Misi




d) Menu Dropdown Fasilitas




e) Menu Dropdown Lainnya ( Dewan Guru )


f) Bagian Foorter


Jika di rasa bermanfaat dan kamu ingin menyimpan artikel ini saya juga sudah membuatkan ebook dengan format PDF.
Panduan Lengkap Membuat Web Sekolah dengan Joomla Joomla_3.6.0-Stable-Full_Package [ E-book PDF] - Link1 | Link 2
***Mohon maaf link ebook sudah dihapus, jika ingin ebooknya silahkan hubungi saya melalui menu contact ( ini gratis).

PENTING !!! - Gunakan Password ini untuk mendownload 
Password : www.jalankutu.com ( sudah di hapus )

Demikian langkah-langkah yang dapat saya sampaikan mengenai Cara Membuat Website Gratis dengan Joomla, semoga apa yang saya sampaikan dapat membantu kamu semua yang sedang membuatuhkan. Terimakasih, jika ada pertanyaan silahkan berkomentar. 

Mungkin rekan mu juga membutuhkan silahkan bagikan.


Advertisement

Baca juga:

Blogger
Disqus
Pilih Sistem Komentar

3 komentar

Assalamualaikum admin. Terimakasih telah memberikan tutorial buat web dengan joomla. di tunggu update nya yg lain .

Balas
Komentar ini telah dihapus oleh pengarang.