jsfj

27 September 2026 project
jsfj


Melihat desain modal "Tambah Blog" saat ini, area Isi Konten Lengkap (Rich Text Editor) memang terasa agak sempit jika pengguna ingin menulis artikel yang panjang.

Berikut adalah rekomendasi dan panduan tata letak (layout) jika Anda ingin membuat area editor konten menjadi full screen, serta bagaimana mengatur posisi inputan lainnya agar tetap rapi dan nyaman digunakan:

Opsi 1: Mengubah Modal Menjadi Halaman Penuh (Full Page / Dedicated View)

Cara paling efektif untuk menulis artikel blog yang panjang adalah memindahkan form Tambah/Edit Blog dari bentuk pop-up modal menjadi halaman baru (full page) secara keseluruhan. twat

  • Layout Halaman Penuh:

    • Header Atas: Berisi tombol kembali (← Kembali), judul halaman ("Tambah Blog Baru"), serta tombol aksi utama (Batal dan Simpan) di sebelah kanan atas agar mudah diakses.

    • Dua Kolom Utama (Grid Layout):

      • Kolom Kiri (Lebar: 70% - 75%): Dikhususkan untuk Isi Konten Lengkap dengan editor teks yang membentang tinggi ke bawah secara leluasa.

      • Kolom Kanan (Lebar: 25% - 30%): Dikhususkan untuk pengaturan metadata blog seperti Judul, Kategori, dan Gambar Utama.

    • Keuntungan: Penulis bisa fokus menulis tanpa batasan tinggi kotak pop-up, dan seluruh informasi pendukung tersusun rapi di sidebar sebelah kanan.

Opsi 2: Tetap Menggunakan Modal, tapi Tambahkan Tombol "Maximize / Full Screen"

Jika Anda ingin tetap mempertahankan bentuk modal pop-up, Anda bisa menambahkan tombol Maximize (ikon kotak/panah diagonal) di pojok kanan atas kotak Isi Konten Lengkap.

  • Cara Kerja Layout:

    • Keadaan Normal: Modal berukuran sedang seperti saat ini.

    • Saat Tombol Full Screen Diklik:

      • Modal akan melebar dan menutup seluruh layar (100% width dan 100% height).

      • Inputan lain (Judul, Kategori, dan Gambar Utama) disembunyikan sementara atau digeser ke panel sisi kiri yang bisa diciutkan (collapsible sidebar).

      • Area Isi Konten Lengkap berubah menjadi layar penuh penuh untuk menulis.

    • Tombol Keluar: Sediakan tombol X atau Minimize di pojok kanan atas untuk kembali ke mode modal normal.

Rekomendasi Tata Letak (Layout) Inputan Lainnya

Jika Anda beralih ke layout halaman penuh (Opsi 1), susunan komponen yang ideal dari atas ke bawah atau kiri ke kanan adalah sebagai berikut:

  1. Bagian Atas (Header & Judul Utama):

    • Buat inputan Judul dengan ukuran font yang lebih besar (misal: heading atau placeholder yang jelas) karena judul adalah elemen penting. Letakkan di bagian paling atas area kerja utama.

  2. Bagian Konten Utama (Editor):

    • Di bawah judul, langsung letakkan editor Isi Konten Lengkap dengan tinggi minimal 400px–500px atau mendukung auto-grow (tinggi bertambah otomatis seiring tulisan bertambah panjang).

  3. Bagian Sidebar / Pengaturan Tambahan (Kanan):

    • Kategori: Berbentuk dropdown pencarian cepat jika kategorinya banyak.

    • Gambar Utama: Area drag-and-drop gambar dibuat lebih ringkas (bentuk vertikal) di dalam sidebar agar tidak memakan banyak tempat horizontal.

    • Tombol Aksi: Tombol Simpan sebagai Draft dan Publikasikan diletakkan di bagian paling atas atau bawah sidebar dengan warna yang kontras (misalnya warna biru/hijau untuk tombol utama).