Cara edit file SHTML di cPanel dapat dilakukan dengan cepat menggunakan fitur File Manager bawaan hosting. SHTML adalah ekstensi file yang mendukung Server Side Includes (SSI), yang sering digunakan untuk menyisipkan header, footer, atau elemen umum lainnya ke dalam beberapa halaman web statis sekaligus.
Untuk mulai mengedit file SHTML secara langsung melalui panel kontrol hosting Anda, pastikan Anda memiliki akses login ke akun cPanel, mengetahui direktori letak file website Anda (biasanya di dalam folder public_html), dan menggunakan editor teks bawaan seperti Code Editor atau Edit.
Langkah-Langkah Mengedit File SHTML di cPanel
- Login ke akun cPanel Anda melalui domain Anda (contoh:
namadomain.com/cpanelatau melalui member area penyedia hosting). - Gulir ke bawah hingga menemukan bagian Files, lalu klik ikon File Manager.
- Di jendela File Manager, arahkan navigasi ke direktori tempat file website Anda berada, umumnya terletak di dalam folder public_html.
- Cari file berformat
.shtmlyang ingin Anda ubah (misalnyaindex.shtmlataufooter.shtml). - Klik kanan pada file tersebut, lalu pilih Edit atau Code Edit. Jendela pop-up peringatan karakter encoding akan muncul, klik saja Edit untuk melanjutkan.
- Lakukan perubahan atau penulisan kode HTML/SSI yang diperlukan pada editor teks tersebut.
- Setelah selesai, klik tombol Save Changes di pojok kanan atas editor, lalu tutup tab editor.
Tabel Perbandingan Metode Edit File Website di cPanel
| Metode Edit | Tingkat Kesulitan | Kecepatan | Kebutuhan Software |
|---|---|---|---|
| File Manager cPanel | Sangat Mudah | Cepat (Langsung online) | Browser web saja |
| FTP Client (FileZilla) | Sedang | Sedang (Download-Edit-Upload) | Aplikasi FTP & Text Editor |
| SSH / Terminal | Mahir | Sangat Cepat | Client SSH (PuTTY/Terminal) |
Contoh Sintaks Dasar Server Side Includes (SSI) pada File SHTML
File SHTML memproses perintah server sebelum dikirimkan ke peramban pengunjung. Berikut adalah contoh sintaks dasar untuk menyertakan file eksternal seperti menu navigasi atau footer ke dalam file SHTML:
<!--#include virtual="/header.html" -->
<main>
<h1>Selamat Datang di Website Kami</h1>
<p>Halaman ini menggunakan format SHTML dengan SSI.</p>
</main>
<!--#include virtual="/footer.html" -->
Troubleshooting dan Tips Lapangan
Jika setelah melakukan edit file SHTML perubahan tidak kunjung tampil di browser, lakukan beberapa langkah pengecekan berikut:
- Clear Browser Cache: Tekan kombinasi tombol
Ctrl + F5di browser Anda untuk memuat ulang halaman secara paksa tanpa cache lama. - Periksa Handler Apache: Pastikan server web Anda mengizinkan parsing SSI untuk ekstensi file
.shtml. Anda dapat memeriksanya melalui menu Apache Handlers di cPanel. - Kesalahan Penulisan Sintaks: Pastikan tag komentar SSI seperti
&เตเดฒเดพ--#include...ditulis dengan benar tanpa ada kesalahan karakter spasi atau tanda kutip.