Joomla Indonesia

Login or Sign Up
Sign In or Register
Avatar
Not Registered Yet?

Join Now! It's FREE. Get full access and benefit from this site

Reset My password - Remind Me My username

Username
Password
Remember me
  • Home
    Home This is where you can find all the blog posts throughout the site.
  • Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.
  • Bloggers
    Bloggers Search for your favorite blogger from this site.
  • Team Blogs
    Team Blogs Find your favorite team blogs here.
  • Login
    Login Login form

Tampilan Joomla 3.0 Fitur Baru JUI Bootstrap

Posted by on in Berita Joomla
  • Font size: Larger Smaller
  • Hits: 7192
  • 10 Comments
  • Subscribe to this entry
  • Print

Joomla 3.0 Alpha-2, yang digunakan secara eksklusif untuk pengujian dan tujuan evaluasi dengan fitur baru. Gosipnya sih tanggal 26 September ini bakal muncul dan siap di unduh di situs resmi Joomla. Tapi ini masih dalam versi beta, dan masih tergolong uji coba, yuk kita lihat bagaimana fitur dan struktur barunya Joomla 3.0

 

Fitur Baru Joomla 3.0

 

Proses instalasi telah sepenuhnya direvisi. Proses yang sangat sekarang hanya butuh tiga langkah. Anda juga dapat mengirim konfigurasi dan password melalui e-mail (untuk alasan keamanan).


 

nama bagian template baru administrasi situs, yang mengambil nama dari nama dewa Mesir, mirip dengan Hathor akrab dan Khepri. Dibangun pada kerangka, generasi baru Bootstrap, Isis mengambil yang terbaik dari Bootstrap markup dan mendukung tampilan pada perangkat yang berbeda. Template juga menggunakan fungsi jQuery UI untuk drag’n'drop, ikon Icomoon untuk semua font dan ikon Terpilih kotak selektif untuk semua bidang INPUT.

 

 

Joomla 3.0 dirilis dilengkapi dengan versi terbaru dari Beez template, tetapi Anda dapat mengaktifkan dan Protostar template baru. Protostar terus serangkaian ruang nama template tata surya dan Bima Sakti (Protostar – itu adalah bintang yang berada dalam aliran konstan gerakan dan perubahan ukuran).  Protostar selesai dibangun pada platform Bootstrap. Jika Anda seorang pengembang dan ingin menguji ekstensi Anda untuk gaya Bootstrap, merasa bebas untuk menguji Protostar tersebut.

 

Ada perpustakaan baru JUI, yang digunakan untuk peluang baru. Semua alat sekarang dalam kernel/component/menu, dan akan terus diperbarui.

JUI meliputi:

  • Bootstrap
  • Lanjutan Bootstrap untuk Joomla
  • jQuery
  • jQuery UI
  • Icomoon, ikon huruf
  • Dipilih js untuk kotak selektif

Migrasi ke jQuery

Joomla rilis 3.0 tersedia saat mengintegrasikan jQuery (modus noConflict) dan Mootools. Librari jQuery dipilih untuk JUI, karena Bootstrap dirancang di bawah jQuery, jQuery UI juga digunakan sebagai drag’n'drop dan lainnya.

 

Perhatikan bagian admin dan konfigurasi joomla baru dengan fitur drag n drop. lebih mudah bukan?. nah mootools dan JUI ini dikembangkan oleh tim Joomlashine agar lebih mempermudah kita dalam memanage web yang kita kelola.

 

Bootstrap JHtml

 

JUI tidak hanya menggeluti sisi form dan button, ada hadiah 145 ikon vektor akan lebih memikat para developer agar lebih mudah dan membantu untuk memasang icon. Mungkin anda sudah tahu ikon Bootstrap Icomoon kan?, Nah disini penggunaan icon diatas seperti itu contoh: .

Dalam pengaturan lanjutan dari modul sekarang dapat dimodifikasi:

  • Tags modul untuk mengubah div ke bagian
  • Bootstrap Ukuran untuk mengubah rentang Bootstrap grid-kelas
  • H3 tag judul untuk h1, h2, dll untuk SEO
  • Kelas judul untuk menambahkan Bootstrap kelas sebagai halaman-header
  • Tema modul Joomla untuk mengubah modul di salah satu template diinstal.

Bootstrap grid layout

Salah satu keuntungan utama pindah ke Bootstrap platform adalah desain web yang mendukung lebar dari semua browser. Para pengembang sangat menyarankan bahwa semua template ekstensi update untuk menggunakan gaya, sehingga mereka secara otomatis dijemput oleh dukungan adaptif. Menandai bagian depan dapat memiliki banyak variasi, tetapi pola administrasi dianjurkan untuk mengembangkan, mengikuti markup standar:

  • span2/span6/span4 – untuk panel kontrol panel samping
  • span2/span10 – untuk daftar / tabel pada panel sisi kiri dan menu ( info lebih lanjut di sini )
  • span10/span2 – untuk mengedit mode pada panel sisi kanan
  • span12 – untuk lebar penuh.

Anderson Grüdtner Martins mengembangkan kotak selektif sederhana untuk memilih posisi meletakan module dengan grid yang telah ditentukan.

KURANG CSS template, Joomla 3.0

Untuk Css  mungkin kurang bisa di maksimalkan dengan tersedianya grid dan button, tetapi jangan takut, untuk mengatur warna masih bisa dilakukan ko. Misalnya, perubahan sederhana warna tema, gunakan bukan Bootstrap variables.less standar. Demikian pula, Anda dapat mengubah ikon di icomoon.less.

Puncak dari pendekatan ini adalah bahwa semua CSS-file dari situs Anda dan semua komponen akan berada di file template.css yang sama dikompilasi! Tanpa redistribusi dan duplikasi CSS seperti itu sebelumnya di Joomla. Tapi Jika anda ingin menggunakan CSS dalam template Anda bisa mengimport ke Jui / Bootstrap CSS ke / media / Jui / css.

Bootstrap kelompok tombol untuk bidang switch radio

 

Anda juga bisa menambahkan class di div php nya class = “btn-group” di pengaturan xml-file bentuk komponen, dan radio-switch akan berubah menjadi sekelompok tombol di bagian administrasi.

Mari sedikit bersabar untuk menunggu rilis resmi Joomla 3.0.

 

sumber : banyak

 

 

 

 

Kategori Blog

Joomla User Group Indonesia

Joomla User Group indonesia

Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team

 
Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka

Socials

twitter id joomlafb idjoomla