Pedoman Lengkap Pengelolaan Website

Panduan Operasional Komprehensif untuk Operator Website (Tema Custom UIN Sulthan Thaha Saifuddin Jambi).

Edisi: 2026

Target: Pengelola Website Prodi / Fakultas / Lembaga

Cakupan: 9 Bab Pembahasan Lengkap

Tujuan Pedoman

Pedoman ini disusun sebagai panduan teknis bagi operator website untuk mengelola dan memelihara konten pada website. Dokumen ini mencakup instruksi langkah-demi-langkah terkait pengelolaan identitas situs, konten beranda, data sivitas akademika, hingga optimalisasi media. Tujuannya adalah memastikan alur kerja pengelolaan website berjalan secara efektif, efisien, dan tetap selaras dengan standar desain serta informasi yang ditetapkan oleh universitas.

1. Identitas & Header

Logo, Slogan 1 & 2, Favicon, Menu

2. Pengaturan Beranda

Customizer, Section Statis, Slider Dosen

3. Slider Banner

Rasio 16:7 (1920x800px), Atribut Slide

4. Berita, Acara, Opini

Kategori Pos & SEO 'Baca Juga...'

5. Data Dosen & Staff

Pas Foto 3:4, Metabox NIP, SINTA, Scopus

6. Import & Export Excel

Mass input data sivitas via file .csv

7. Laman & Template

Full Wide, Tanpa Judul, Arsip Dosen

8. Footer & Widget

Pembagian 4 kolom mandiri footer

9. Format & Dimensi Media

Tabel resolusi optimal media & kompresi

Struktur & Identitas Website (Header & Logo)

Identitas website merupakan elemen visual utama yang menampilkan logo institusi, nama program studi/fakultas, serta slogan resmi universitas pada bilah header.

a. Mengubah Logo & Slogan Website

Akses Menu: Dashboard WordPress > Tampilan > Sesuaikan (Customize) > Identitas Situs

Buka Menu Identitas Situs

Masuk ke Dashboard WordPress, pilih menu Tampilan > Sesuaikan (Customize), lalu klik submenu Identitas Situs.

Konfigurasi Parameter Identitas

a. Logo

Unggah logo resmi institusi. Format transparan PNG/WebP dengan tinggi 80–120 px.

b. Judul Situs

Nama Program Studi atau Fakultas.

Contoh: Program Studi Sistem Informasi

c. Slogan 1 (Tagline)

Motto prodi atau nama Fakultas.

Contoh: Fakultas Sains dan Teknologi

d. Slogan 2 (Second Tagline)

Nama resmi Universitas.

Contoh: UIN Sulthan Thaha Saifuddin Jambi

e. Ikon Situs (Favicon)

Ikon kecil tab browser persegi. Rekomendasi 512 x 512 px (PNG Transparan).

Simpan & Publikasikan

Klik tombol biru Terbitkan (Publish) di panel atas Customizer untuk menerapkan perubahan secara langsung ke website live.

b. Mengatur Menu Navigasi

Akses Menu: Dashboard WordPress > Tampilan > Menu

Tema custom menyediakan 2 lokasi menu navigasi mandiri:

Lokasi Menu	Penempatan di Website	Fungsi & Rekomendasi Konten
Primary Menu (Header Utama)	Di bawah logo header	Navigasi utama prodi/fakultas (Profil, Visi Misi, Akademik, Kurikulum, Layanan, Kontak). Mendukung struktur hierarki dropdown sub-menu bertingkat.
Secondary Menu (Top Bar)	Bilah biru bagian teratas	Tautan cepat portal eksternal institusi (Perpustakaan/Library, Lembaga Penjamin Mutu, Portal Journal OJS, Website Utama Universitas).

Pengaturan Beranda (Customizer)

Pengaturan visibilitas modul pada halaman depan (homepage) dapat dikontrol secara dinamis dan fleksibel tanpa perlu mengubah kode template.

Akses Menu: Dashboard WordPress > Tampilan > Sesuaikan > Pengaturan Beranda Khusus

Pilihan Pengaturan	Fungsi & Penjelasan Teknis
Tampilkan Custom Section 1	Mengaktifkan atau menonaktifkan bagian konten halaman statis di beranda.
Pilih Halaman: Custom Section 1	Memilih halaman statis (misal: Sambutan Ketua Prodi, Profil Singkat, atau Visi-Misi) yang blok konten Gutenberg-nya ingin dirender di beranda.
Tampilkan Custom Section 2	Mengaktifkan atau menonaktifkan slider horizontal data Dosen & Staff di beranda.
Judul: Custom Section 2	Mengubah teks heading judul slider dosen & staff (Default teks: Dosen & Tenaga Kependidikan).
Tampilkan Bagian Acara	Menampilkan modul agenda dan pengumuman acara mendatang di halaman beranda.
Tampilkan Bagian Opini	Menampilkan modul artikel opini karya dosen atau mahasiswa di beranda.
Tampilkan Bagian Galeri Foto	Menampilkan modul dokumentasi foto kegiatan terkini di beranda.

Tips Operator: Desain Modular

Jika Anda ingin beranda terlihat lebih ringkas, Anda cukup menonaktifkan modul yang belum memiliki konten aktif melalui tombol toggle di Customizer.

Pengelolaan Slider Banner Beranda

Slide banner besar di bagian atas halaman beranda (Hero Slider) dikelola melalui Custom Post Type mandiri bernama Slider Gambar.

Akses Menu: Dashboard WordPress > Slider Gambar > Tambah Baru

Tambah Banner Baru

Masuk ke menu Slider Gambar > Tambah Baru di sidebar dashboard admin.

Input Judul Banner

Masukkan teks judul banner atau nama kegiatan yang relevan pada kolom judul utama.

Unggah Gambar Andalan (Featured Image) — Wajib!

Unggah gambar melalui panel Gambar Andalan di sidebar kanan. Gunakan foto resolusi tinggi berorientasi horizontal/landscape:

Rasio Aspek: 16:7 (Landscape) Dimensi: 1920 x 800 px Format: WebP / JPG (< 300 KB)

Atur Urutan Tampil Slide

Pada panel samping kanan di bagian Atribut Slider (Urutan), isi angka urutan tampil:

Angka 1 untuk slide paling pertama / prioritas tertinggi.
Angka 2 untuk slide kedua, dan seterusnya.

Terbitkan

Klik tombol Terbitkan (Publish) untuk mengaktifkan slide banner di beranda.

Pengelolaan Berita, Pengumuman, Acara, Opini & Galeri

Seluruh postingan artikel umum dikelola terpusat melalui menu standar Pos (Posts). Sistem tema secara cerdas menempatkan konten ke modul beranda yang sesuai berdasarkan Kategori yang Anda centang.

Akses Menu: Dashboard WordPress > Pos (Posts) > Tambah Baru

Nama Kategori	Penempatan Otomatis di Website	Spesifikasi & Panduan
Kategori 'Berita'	Kolom berita utama & headline highlight beranda.	Wajib sertakan Gambar Andalan rasio 16:9 (1200 x 675 px).
Kategori 'Pengumuman'	Bagian Pengumuman resmi di bawah kolom berita.	Cocok untuk edaran akademik, jadwal yudisium, atau pengumuman beasiswa.
Kategori 'Acara'	Modul Agenda & Acara mendatang di beranda.	Sertakan tanggal kegiatan, lokasi, dan link registrasi (bila ada).
Kategori 'Opini'	Modul Artikel Opini sivitas akademika (dosen & mahasiswa).	Karya tulis ilmiah populer atau artikel ulasan kepakaran.
Kategori 'Galeri'	Modul Galeri Foto dokumentasi kegiatan.	Sertakan galeri gambar beresolusi tinggi dengan keterangan kegiatan.

Fitur Otomatis Internal Linking SEO ('Baca Juga...')

Setiap kali artikel berita dibuka, sistem tema secara otomatis menyisipkan tautan 'Baca juga: [Judul Berita Terkait]' setelah paragraf kedua dari kategori yang sama.

Keunggulan untuk Operator: Anda tidak perlu menginput tautan manual pada artikel. Algoritma SEO internal linking tema bekerja 100% otomatis untuk meningkatkan indeks pencarian Google dan retensi pembaca.

Pengelolaan Data Dosen & Tenaga Kependidikan (Staff)

Data sivitas akademika dipisahkan ke dalam Custom Post Type khusus agar struktur data terstandarisasi dan memudahkan integrasi pencarian:

Menu Dosen

Khusus untuk data Dosen Pengajar / Pendidik tetap maupun dosen luar biasa.

Menu Staff / Tendik

Khusus Tenaga Kependidikan / Tata Usaha / Laboran / IT Support.

Langkah Menambah Data Dosen / Staff Satuan:

Akses Menu: Dashboard WordPress > Dosen (atau Staff) > Tambah Baru

Akses Menu Tambah Baru

Buka menu Dosen > Tambah Baru (atau Staff > Tambah Baru).

Judul (Nama & Gelar Lengkap)

Isi dengan Nama Lengkap beserta Gelar Akademik resmi.

Contoh: Dr. Ahmad Fauzi, M.Kom.

Gambar Andalan (Foto Profil) — Wajib!

Unggah pas foto resmi berorientasi potret pada panel Gambar Andalan:

Rasio: 3:4 (Potret) Dimensi: 600 x 800 px Format: WebP / JPG (< 200 KB)

Isi Konten Biografi

Tulis ringkasan profil, riwayat pendidikan lengkap, publikasi ilmiah, mata kuliah yang diampu, atau uraian tugas pada editor Gutenberg.

Panel Data Metabox Sivitas

Lengkapi atribut metadata penting di bawah editor:

a. Jenis Kelamin

Pilih Laki-laki atau Perempuan.

b. Status Kepegawaian

Pilih ASN (PNS/PPPK) atau Non-ASN.

c. NIP / NIDN

Nomor Induk Pegawai atau NIDN 18 digit.

198501012010121001

d. Jabatan

Jabatan fungsional atau struktural.

Lektor Kepala / Ketua Prodi

e. Pangkat / Golongan

Pangkat golongan ruang kepegawaian.

Pembina / IV/a

f. Pendidikan Terakhir

Jenjang dan universitas almamater.

S3 Ilmu Komputer - Univ. Indonesia

g. Email Resmi

Alamat surel resmi institusi.

dosen@uinjambi.ac.id

h. Profil Riset (Khusus Dosen)

Link URL profil Scopus, Google Scholar, dan SINTA.

Simpan Data

Klik tombol Terbitkan (Publish) untuk menyimpan data ke direktori sivitas.

Fitur Import & Export Excel (Mass Input)

Untuk menginput puluhan data dosen atau staff secara cepat dan efisien tanpa perlu mengetik satu per satu di editor web, gunakan fitur import massal berbasis spreadsheet.

Akses Menu: Dashboard WordPress > Dosen (atau Staff) > Import & Export

Akses Halaman Import

Masuk ke menu Dosen > Import & Export (atau Staff > Import & Export).

Unduh Template Excel Kosong

Klik tombol 'Unduh Template Excel Kosong'. File berformat .csv terstruktur akan otomatis terunduh ke komputer Anda.

Pengisian Data pada Spreadsheet

Buka file template menggunakan Microsoft Excel atau Google Sheets. Isi baris-baris data dosen/staff sesuai dengan kolom header contoh yang telah disediakan (jangan mengubah nama kolom header).

Unggah File CSV

Kembali ke halaman admin WordPress, pilih file .csv yang sudah diisi pada formulir '2. Upload & Import File Excel'.

Opsi Pembaruan Data (Anti-Duplikasi)

Centang kotak opsi 'Perbarui data jika NIP sudah ada di database'. Ini memastikan bahwa jika pegawai sudah ada di sistem, datanya hanya akan diperbarui tanpa membuat duplikat entri baru.

Eksekusi Import

Klik tombol 'Mulai Proses Import Data'. Sistem akan memproses dan menampilkan laporan rincian jumlah data yang berhasil diimpor.

Pengelolaan Halaman Statis & Template Khusus

Saat membuat laman baru, operator dapat menentukan tata letak visual halaman dengan memilih Template Laman pada panel samping kanan (Atribut Laman > Template).

Akses Menu: Dashboard WordPress > Laman (Pages) > Tambah Baru > Atribut Laman (Template)

Nama Template Halaman	Karakteristik & Rekomendasi Penggunaan
Default Template	Halaman standar dengan judul halaman otomatis di atas serta batas lebar kontainer teks yang optimal untuk kenyamanan membaca artikel teks panjang.
Halaman Tanpa Judul	Judul bawaan disembunyikan. Sangat cocok jika operator ingin mendesain hero header custom atau banner grafis mandiri menggunakan blok Gutenberg / Cover Block.
Halaman Lebar Penuh (Full Wide)	Lebar kontainer membentang maksimal 100% layar. Sangat direkomendasikan untuk Tabel Kurikulum, diagram Struktur Organisasi, atau Denah Gedung/Laboratorium.
Halaman Lebar Penuh Tanpa Judul	Kombinasi fleksibel antara kontainer lebar penuh maksimal dan tanpa tampilan judul bawaan sistem.
Arsip Dosen & Staff	Halaman direktori otomatis seluruh dosen & staff, lengkap dengan Filter Tab Kategori dan fitur Pencarian Langsung (Live Search). Cukup buat halaman kosong dengan template ini.

Pengaturan Footer & Widget

Area bilah bawah website (Footer) dibagi menjadi 4 kolom widget mandiri yang dapat disesuaikan melalui menu widget WordPress.

Akses Menu: Dashboard WordPress > Tampilan > Widget

Footer Kolom 1: Profil Unit

Logo resmi unit, deskripsi singkat profil program studi/fakultas, dan alamat fisik kampus lengkap dengan kode pos.

Footer Kolom 2: Navigasi Penting

Daftar tautan navigasi penting, pintasan SIAKAD, tracer study, repository skripsi, atau layanan administrasi akademik online.

Footer Kolom 3: Kontak Resmi

Saluran komunikasi resmi (Nomor Telepon Kantor, WhatsApp Helpdesk, Email Institusi Resmi, dan Jam Operasional Layanan).

Footer Kolom 4: Peta & Medsos

Embed iframe Google Maps interaktif lokasi gedung kampus atau tautan akun media sosial resmi prodi (Instagram, YouTube, Twitter/X).

Panduan Ukuran Gambar & Format Media

Untuk menjaga kecepatan muat website (PageSpeed) dan tampilan yang tajam serta proporsional di semua perangkat, ikuti standar dimensi dan kompresi media berikut:

Jenis Media	Rasio Aspek	Dimensi Disarankan	Format Berkas & Batas Ukuran
Logo Website	Horizontal	`Lebar 250–350 px`, `Tinggi 80–120 px`	PNG / WebP Transparan
Slide Banner Beranda	16:7 / Landscape	`1920 x 800 px`	WebP / JPG (< 300 KB)
Foto Berita & Artikel	16:9	`1200 x 675 px`	WebP / JPG (< 250 KB)
Foto Dosen & Staff	3:4 / Potret	`600 x 800 px`	WebP / JPG (< 200 KB)
Ikon Situs (Favicon)	1:1 / Persegi	`512 x 512 px`	PNG Transparan

Visualisasi Proporsi Rasio Aspek

16 : 7

Slide Banner Beranda

1920 x 800 px

WebP / JPG • Maks. 300 KB

16 : 9

Foto Berita & Artikel

1200 x 675 px

WebP / JPG • Maks. 250 KB

3 : 4

Foto Pas Dosen & Staff

600 x 800 px

WebP / JPG • Maks. 200 KB

1 : 1

Favicon / Ikon Tab

512 x 512 px

PNG Transparan

Horizontal

Logo Header

250–350 x 80–120 px

PNG / WebP Transparan

Penting: Optimalisasi Ukuran Berkas Media

Hindari mengunggah gambar langsung dari kamera digital atau smartphone tanpa dikompresi (ukuran berkas > 2 MB akan memperlambat loading situs). Disarankan menggunakan format WebP atau mengompresi gambar terlebih dahulu sebelum diunggah ke WordPress Media Library.