Address

Perm. Handayani, Jl. Handayani, Pekanbaru, Riau

Contact

Pengenalan visual editor oxygen – Pada pembahasan artikel kali ini adalah mengenai pengenalan visual editor Oxygen builder. Visual editor adalah tampilan atau antarmuka secara visual tempat melakukan kontrol penuh atas apa yang akan Anda buat dan mengedit desain halaman.

Sebelum membuka visual editor oxygen ada baiknya Anda membuat satu halaman terlebih dahulu. Berikut langkah-langkah buat halaman:

Baca juga: Panduan Konfigurasi dan Install Oxygen Builder

  • Buka Dashboard » Pages.
  • Jika halaman belum ada sama sekali, tambah halaman baru “Add New”, beri nama lalu Publish.
  • Klik tombol biru “Edit with Oxygen” untuk membuka halaman di Oxygen builder.
  • Jika tombol biru tidak muncul, reload ulang halaman Anda.

Visual Editor Oxygen Builder

Pembahasan selanjutnya adalah mengenai apa saja yang tersedia pada editor di Oxygen. Perhatikan gambar di bawah ini:

visual editor oxygen

Saya akan menjelaskan satu persatu dari tampilan gambar diatas. Dari sebelah kiri Anda,

  • Save – Menyimpan apa yang Anda buat.
  • Manage – Melakukan pengaturan halaman, lebar kontainer, membuat file css, dan manage selector css.
  • Back to WP – Mengarahkan Anda pada tampilan Admin atau Frontend.
  • History – Menampilkan histori apa yang Anda lakukan di oxygen.
  • Redo, Undo – Melakukan intruksi permintaan aksi sebelumnya dan sesudah Anda melakukan sesuatu.
  • Structure – Tempat dimana Anda dapat melakukan peletakan dan menyusun elemen secara berurut.
  • Add Builder Element – Menambahkan elemen apa saja yang Anda butuhkan, seperti section, div, shortcode dan lain sebagainya.
  • Real Time Preview – Tampilan dimana dapat melihat langsung apa yang Anda lakukan seperti penambahan, edit ataupun delete elemen.

Pada bagian Add Builder Element, Anda akan menemukan banyak panel seperti Basic, Helpers, WordPress, Library, dan Resuable. Perhatikan gambar berikut ini:

visual editor oxygen

Anda dapat menggunakan panel ini untuk menambahkan elemen seperti section, div, membuat header, menambahkan menu. Selain itu jika Anda membuat satu layout dan ingin menggunakan di banyak tempat. Anda dapat menggunakan panel Reusable. Jika ingin menggunakan design yang ada pada oxygen, dapat menggunakan panel Library. Pilih salah satu kategori yang ada dan pilih design yang Anda inginkan.

Demikianlah pembahasan mengenai tampilan editor pada oxygen. Semoga bermanfaat dan terimakasih.


administrator

Eko Pramono lebih akrab disapa Pram, seorang web developer, suka nulis, suka ngegame, dan suka turing. Bekerja di salah satu perusahaan Digital Marketing.

Leave a Reply

Your email address will not be published. Required fields are marked *