Anda di halaman 1dari 33

Custom Tampilan OJS 3

Muhammad Yunus | m.yunus@relawanjurnal.id


Latar Belakang
• Seiring berkembangnya pengguna OJS 3
• Kesulitan teknis dalam custom tampilan OJS
• Kekurangan dan atau ketergantungan sumber daya pada tim IT
Tujuan
• Merubah tampilan jurnal (tatak letak) sesuai keinginan sendiri
(custom)

Manfaat
• Tampilan web jurnal menjadi lebih menarik
• Tambah semangat dalam mengelola jurnal
• Mempengaruhi penilaian akreditasi jurnal
Persiapan
• Akun Admin/JM/Editor Jurnal
• Tampilan custom web jurnal lain yang akan dicontoh
• Koneksi internet
Beberapa Jenis Custom Jurnal
• Merubah tampilan side bar (custom block manager) => OJS
• Merubah tata letak Navigation Menu => OJS
• Merubah tampilan header (banner) dan footer => OJS
• Theme (tema) => OJS & Server (Cpanel)
• Article Metrics => Server (Cpanel)
• Dll
Contoh Tampilan Standar (Default) OJS 3

User Navigation Menu


Header

Primary Navigation Menu

Side bar

Tampilan standar (default) setelah OJS 3 setelah diinstall

Footer
Contoh Tampilan Setelah di Custom
Header

Primary Navigaton Menu

Custom Block
Side Bar
Contoh Tampilan Setelah di Custom, Next..

Article Metrics

Footer
1. Custom Block Manager untuk Side Bar
• Langkah-langkah :
1. Aktifkan Plugin Custom Block Manager & Static Page
1
3
2

4
2. Aktifkan Plugin Custom Block Manager & Static Page, Next..

6
3. Copy Source Code dr Page Source Jurnal Lain

Klik kanan pd side bar,


pilih “Page Source”
4. Copy Source Code dr Baris 707 - 835
5. Paste Source Code di Custom Block Manager
6. Paste Source Code di Custom
1 Block Manager, Next..
Nama Block
3
2

Source Code

Paste Disini
7. Edit Menu Side Bar
8. Hasil Menu Side Bar

Nama block

Remove link
Link dari
setiap
item
dibuat
Jangan lupa hilangkan link semua menu
menggun
akan
static
page
2. Navigation Menu
L1. Add Item
L2. Entry Data Item

Pilih Sesuai Kebutuhan


L3. Masuk ke Primary Navigation Menu
L4. Mengatur Tatak Letak

Drag dan lepas “Beranda” ke bagian


Assigned Menu Items
L5. Hasil Mengatur Tatak Letak

Klik “SAVE” jika pengaturan


sudah selesai
3. Hasil Custom Block & Navigation Menu
4. Menambahkan Static Page
• L1 : Add Static Page

2
• L2 : Entry Meta Data Static Page

Path : tidak boleh pakai spasi

Sesuaikan
dengan focus
scope jurnal
sendiri
• L3 : Copy Link Address Static Page ke Custom Block Side Bar

Klik kanan

Hasil add static page

Klik “copy link address”,


paste di block side bar
• L4 : Insert Link Address Static Page ke Custom Block Side Bar

1
3

4
• L5 : Hasil Preview & Akhir

Kalau berhasil, warna berubah

Hasil Akhir
5. Article Metrics
• Misalnya ada tampilan Issue sebagai berikut :

Article metrcis akan tampil disini

Belum ada memunculkan


Statistik download dan abtract views
(Article Metrics)
L1. Masuk ke Akun Cpanel
Urutan direktori dan file

Paste Source Code

L2. Menambahkan Source Code Article Metrics


L3. Cek Hasil Article Metrics

Article Metrics sudah muncul


L4. Menampilkan DOI per Artikel
Urutan Direktori dan file

Tambahkan Source Code ini


L5. Cek Hasil DOI per Artikel
Demo Praktis..

Anda mungkin juga menyukai