Halo, Sobat Jagoan! Header jurnal adalah elemen yang muncul di bagian paling atas halaman website jurnal. Biasanya berisi logo, judul jurnal, tagline, dan kadang menu navigasi. Memasang header dapat meningkatkan citra profesional dan memperkuat identitas jurnal. Artikel kali ini akan membahas cara membuat header di Open Journal System (OJS) versi 3.4 dengan mudah.
Tips Mendesain Header
- Gunakan gambar/logo beresolusi tinggi (misalnya width: 6000px height: 900px resolusi: 300)
- Pilih warna dan font yang senada dengan branding jurnal
- Jika memakai tagline, pastikan singkat dan bermakna
- Tambahkan elemen CSS seperti padding, background-gradient, atau shadow biar tampak lebih menarik
- Pastikan teks bisa dibaca jelas
Prasyarat
- Menginstal dan mengaktifkan Manuscript Theme pada halaman Jurnal. Cara mengganti tema ikuti artikel Cara Mengganti Theme Open Journal System (OJS).
- Sudah menyediakan desain untuk header
Setelah memastikan 2 hal di atas terpenuhi, kuy mulai memasang header di jurnal kamu!
Step 1: Login halaman dashboard OJS.
Step 2: Pada grup menu Settings klik menu Website > Appearance > pilih tab Setup. Kemudian klik Upload File pada bagian Logo untuk mengunggah file yang sudah kamu siapkan.
Step 3: Bagian Alternate text isi dengan deskripsi singkat mengenai gambar lalu klik Save dibagian bawah.
Step 4: Selanjutnya, periksa halaman jurnal kamu untuk melihat hasilnya setelah memasang header.
Kalau header kamu memerlukan penyesuaikan posisi atau style lainnya, silahkan menambahkan kode HTML pada Website > Appearance > Advanced > Journal style sheet unggah file CSS dengan klik Upload File.
Misalnya seperti ini:
.pkp_site_name {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pkp_site_name > a {
padding-top: 0;
padding-bottom: 0;
}
.pkp_site_name .is_img img {
max-height: 200px !important;
}
.pkp_site_name_wrapper {
padding-left: 0;
padding-right: 0;
}
.pkp_navigation_user_wrapper {
top: 0;
right: 0;
padding-right: 30px;
}
.pkp_structure_page {
margin-top: 20px !important;
margin-bottom: 20 !important;
padding-bottom: 20 !important;
}
Header bisa meningkatkan kesan pertama pengunjung jurnal, ibaratnya adalah ‘wajah depan’ jurnal. Jadi, penting banget memastikan tampilannya rapi, informatif, dan sesuai dengan identitas jurnal kamu. Pastikan header responsif di semua dimensi layar.
Kalau ada yang masih bikin bingung, jangan ragu hubungi Tim Support Jagoan Hosting ya, Sob!