OOTDviral.com - Tahukah kamu bahwa membuat catatan kaki atau footnote di wordpress bisa dilakukan secara manual? Nah, jika kamu ingin tahu lebih lanjut tentang caranya, ikuti tutorial tentang cara membuat catatan kaki di wordpress secara manual di bawah!
Membuat catatan kaki atau catatan kaki di wordpress cukup mudah. Kamu bisa menggunakan bantuan plugin agar simpel atau menuliskan kode-kodenya secara manual langsung di postingan.
Nah, beberapa pengguna wordpress mungkin lebih memilih untuk menulis secara manual mengingat penggunaan plugin bisa memperlambat loading situs web sehingga skor pagespeed kita menurun.
Selain itu, cara membuat catatan kaki di wordpress secara manual juga tidaklah terlalu sulit. Tidak perlu riset atau mempelajari HTML lebih dulu, jadi orang awam-pun yang hanya biasa menulis artikel juga dapat melakukannya.
Tapi sebelum memulai, ayo cari tahu tentang apa itu catatan kaki terlebih dahulu!
Mengenal Sekilas tentang Catatan Kaki
catatan kaki atau dalam Bahasa Indonesianya Catatan Kaki biasa digunakan untuk mereferensikan sesuatu atau menambahkan keterangan lebih lanjut tentang kalimat atau kata-kata yang dimaksud.
Seperti namanya, catatan kaki terletak di akhir daripada tulisan atau biasa disebut kaki. Yups, catatan kaki terletak di kaki artikel untuk menjelaskan keterangan yang berkaitan dengan informasi pada tulisan yang dimaksud yang terletak di isi tulisan.
Dalam penulisannya, catatan kaki sering dituliskan dengan simbol angka, huruf, atau tanda kurung yang ditulis secara berurutan. catatan kaki sering dipakai untuk penulisan dalam jurnal, karya ilmiah, buku, novel, dan sebagainya.
Cara Membuat Catatan Kaki di Wordpress
A. Membuat Catatan Kaki menggunakan Plugin
Ada banyak plugin catatan kaki yang tersedia di wordpress. Kamu tinggal mengakses dasbor wordpressmu, lalu buka menu Plugin > Add new, lalu cari plugin dengan nama 'catatan kaki'. Banyak plugin catatan kaki yang bisa kamu pakai dengan bermacam-macam variasi dan gaya. Pilih plugin yang kamu sukai, instal lalu aktifkan. Nantinya kamu tinggal memakai plugin tersebut untuk membuat catatan kaki di setiap postingan.
Meski begitu, tidak jarang orang yang menghindari pemakaian plugin. Alasan utamanya yaitu semakin banyak plugin maka semakin lambat situs wordpressmu bisa diakses pengunjung. Yups, plugin bisa mempengaruhi pagespeed situs webmu. Selain itu, tidak jarang pula plugin yang bermasalah setelah mengupgrade versi wordpress. Jadi ya, saya sendiri lebih memilih untuk membuat catatan kaki secara manual di postingannya langsung tanpa bantuan plugin.
B. Membuat Catatan Kaki secara Manual
1. Cara membuat catatan kaki dua arah
Cara membuat catatan kaki di wordpress secara manual cukup mudah loh, kamu hanya perlu menuliskan keterangan catatan kaki lalu menambahkan beberapa tag dan atribut HTML di paragraf yang ingin kamu arahkan ke catatan kaki tersebut. Meskipun saya sebut sebagai tag HTML, tapi bukan berarti kamu harus menguasai HTML ya~
Sebagai contoh, berikut saya berikan kalimat dengan keterangan catatan kaki dua arah:
Isi tulisan
Min Aezi bercita-cita menjadi jaksa setelah menonton film Sassy Girl Chun Hyang***.
Nah, tanda *** di atas merupakan tanda pemanggil catatan kaki di mana ketika diklik maka keterangan catatan kakinya akan muncul. Coba kamu klik tanda tersebut, maka kamu akan dialihkan ke teks isi catatan kaki yang ada di bawah.
Nah, coba perhatikan versi html dari isi tulisan di atas berikut:
<p>Min Aezi bercita-cita menjadi jaksa setelah menonton film Sassy Girl Chun Hyang<a href="#111" id="tigabintang"><sup>***</sup></a>.</p>Ada 3 tag dan 2 atribut yang dipakai, berikut rinciannya:
- Tag p
Tag p merupakan tag paragraf. Tag ini berisikan kalimat-kalimat yang membuat satu paragraf. - Tag a
Tag a merupakan tag yang biasa digunakan untuk tautan atau menyisipkan link. Nah berbeda dari - Atribut href
Atribut ini berisikan link yang ingin disisipkan. Jika kita ingin menyisipkan link internal (link yang merujuk ke tempat tertentu di laman yang sama), kita perlu menambahkan tanda # di awal. - Atribut id
Atribut ini memberikan identitas pada isi tag yang dimaksud. Dalam kasus di atas, isi tag a diberikan identitastigabintang. - Tag sup
Tag sup adalah tag superscript. Tag ini membuat huruf, angka, atau tanda yang normalnya berada di tengah menjadi kecil dan ada di atas (seperti pangkat). Contoh: huruf superscript dari Min Aezi adalah Min Aezi. - Tag sub
Tag sub adalah tag subscript. Tag ini merupakan kebalikan dari tag sup, yaitu membuat huruf, angka, atau tanda yang normalnya berada di tengah menjadi kecil dan ada di bawah. Tag ini tidak ada di isi tulisan di atas, namun ada di catatan kaki. Contoh: huruf subscript dari saya adalah saya.
Setelah ini, mari kita ulik teks HTML dari isi catatan kaki di bawah:
<p><a href="#tigabintang" id="111"><sub>***</sub></a>Sassy Girl Chun Hyang adalah series Korea Selatan yang menceritakan sepasang kekasih yang menikah tanpa cinta namun mulai tumbuh perasaan ketika sudah berpisah.</p>Coba perhatikan, apakah ada perbedaan dari teks Isi tulisan dan isi teks catatan kaki? Yups, selain tag superscript di isi tulisan dan subscript di catatan kaki, yang berbeda adalah atribut di dalam tag a di teks isi tulisan berbeda dengan atribut di dalam tag a di teks catatan kaki.
Tag a di teks isi tulisan: <a href="#111" id="tigabintang">
Tag a di teks catatan kaki: <a href="#tigabintang" id="111">
Jadi bisa kita simpulkan bahwa tanda *** di teks isi tulisan memiliki identitas tigabintang, sedangkan tanda *** di teks catatan kaki memiliki identitas 111.
Dengan begitu, membuat teks catatan kaki dua arah adalah mudah. Kita hanya perlu memberikan identitas kepada huruf, angka, atau tanda yang ingin kita gunakan sebagai pemanggil catatan kakis di isi tulisan, lalu menyisipkan link internal berupa identitas catatan kakis di dalamnya.
Sebaliknya, untuk kembali ke isi tulisan yang mempunyai catatan kakis, kita hanya perlu memberikan identitas kepada huruf, angka, atau tanda yang digunakan sebagai pemanggil isi tulisan yang mempunyai catatan kakis di catatan kakis, lalu menyisipkan link internat berupa identitas isi tulisan yang mempunyai catatan kakis tersebut. Silakan baca cara memberikan identitas di paragraf tertentu wordpress di bawah!
INGAT!
- Link internal merujuk ke tempat baik itu kalimat maupun huruf, angka, atau tanda tertentu di laman atau alamat yang sama. Diperlukan tanda # di awal link internal yang ingin disisipkan.
- Cara penulisan tag yaitu <tag>teks isi dari tag tersebut</tag>.
- Cara penulisan atribu yaitu atribut="jenis_atribut", dan disimpan di dalam tag. Contoh: <tag atribut="jenis_atribut">teks isi dari tag tersebut</tag>.
Cara memberikan identitas di paragraf tertentu di wordpress
Isi paragraf di wordpress baik itu huruf, angka, maupun tanda bisa kita berikan identitas. Berikut caranya:
Pertama: Di paragraf postingan artikel yang sedang kamu tulis, klik vertical ellipsis (⋮) > Edit sebagai HTML.
Kedua: Berikan id pada salah satu tag di paragraf tersebut.
Dalam satu paragraf setidaknya pasti ada satu tag, yaitu tag p. Kamu dapat menambahkan identitas hanya di salah satu tag yang ada pada paragraf tersebut. Jika kamu ingin menambahkan identitas pada sebuah teks berisi link (tag a), caranya tambahkan atribut identitas pada tag a tersebut.
(Penjelasan saya bisa dimengerti gak, sih? Hehe).
Setelah ini, coba praktikkan dengan membuat catatan kakimu sendiri, atau lewati tulisan catatan kaki di bawah dan langsung saja lihat cara membuat catatan kaki jenis lainnya.
catatan kaki
***Sassy Girl Chun Hyang adalah series Korea Selatan yang menceritakan sepasang kekasih yang menikah tanpa cinta namun mulai tumbuh perasaan ketika sudah berpisah.
Coba klik kembali tanda bintang yang ini, maka kamu akan kembali ke paragraf isi tulisan.
2. Cara membuat catatan kaki searah
Nah, membuat catatan kaki searah ini lebih mudah daripada membuat catatan kaki dua arah di atas. Kamu juga tidak perlu membuat identitas di paragraf menggunakan menu edit HTML, karena bisa dilakukan langsung di pengaturan sidebar.
Sebelum mulai ke langkah-langkahnya, coba perhatikan cerpen dengan catatan kakinya di bawah:
Isi tulisan
Ini adalah contoh isi tulisan dari artikel tutorial tentang cara membuat catatan kaki di wordpress secara manual. Penulisnya yaitu saya sendiri, yang dikenal orang-orang sebagai Min Aezi. Di artikel inilah kamu akan menemukan tutorial terbaru tentang cara membuat catatan kaki, baik itu catatan kaki dua arah maupun searah.
Namun karena ini hanyalah contoh tulisan, saya1 hanya akan menulis hal-hal yang tidak jelas di sini. Yups, saya memang seringkali disebut 'gaje2' sama temen-temen saya. Dulu juga pernah kejadian, pas saya pedekate dengan temen cewek yang saya sukai, saya gak tahu ngelantur apaan pokoknya sampe doi bilang "Kamu gaje banget, sih!"
Saat itu saya cuman bisa jawab dengan senyuman "hehe ...". Duh, kikuk banget dah hahaha ....
Cewek yang saya gebet itu adalah temen sekelas saya sendiri. Dia adalah cewek populer di kelas, terkenal akan kebaikan hatinya sehingga disukai banyak orang. Saat itu dia sering bersama seorang cewek lagi yang aktif di kelas, dan mereka sering mengaku sebagai sahabat.
Jujur, bukannya berniat sombong apalagi berbohong. Dulu saya termasuk salah satu murid paling populer di sekolahan. Tampang saya di atas rata-rata dan nilai akademis saya juga selalu tertinggi seangkatan, sehingga tidak ada seorangpun yang tidak kenal saya di sekolah.
saya juga tidak pilih-pilih temen, siapapun itu saya selalu anggap teman. Karena kebaikan dan kepopuleran saya inilah, banyak kakak kelas yang tidak suka. Tidak jarang saya dikenai pungli atau dilabrak sepulang sekolah. Saat itu saya memang cupu, merasa takut sama senior apalagi guru BK. Karena itulah saya mencari dekengan yang kuat, yaitu senior saya di kampung dan alumni-alumni yang sudah dewasa. Kalau ada masalah, saya tinggal sebutin nama mereka dan masalah itupun pergi. Tapi yah, hal ini enggak mempan buat guru BK (wkwkwkwk).
Namun selama tiga tahun saya sekolah, saya gak pernah punya pacar. Yups, ini bukanlah spoiler. saya memang jomblo sejati di sekolah. Kembali ke temen cewek yang saya sukai, bermula dari kebersamaan kami sebagai teman sekelas. Kami menjadi temen pertama kali di kelas satu. Di sanalah saya mengenal lebih dekat dengannya.
Namun sayang di kelas dua, kelas kami berbeda. Hal inilah yang menjauhkan kami berdua. Tidak adanya topik obrolan ataupun alasan bertemu menjadikan kami yang awalnya berstatus 'teman dekat' menjadi 'teman biasa'. Anehnya, saya merasakan hal aneh saat melihat doi jalan sama cowok lain. Ada suatu rasa yang membuat saya sakit ....
Singkat cerita, kami bertemu lagi di kelas tiga. Kami mulai sering mengobrol kembali di kelas. Setelah beberapa bulan, barulah saya sadar kalau inilah yang dinamakan cinta. saya jadi agak canggung ketika melihatnya, apalagi bertatapan langsung dengannya.
Namun rasa cinta saya tidak berjalan mulus ....
Berbicara tentang alasannya, diperlukan perkenalan tentang sahabat kami. Gebetan saya punya teman dekat yang bahkan mereka sering mengaku sebagai sahabat. sayapun demikian, ada teman dekat saya yang sering bersama bertahun-tahun lamanya. Yah ... sebut saja nama mereka Amel dan Tisna. Amel adalah sahabatnya, dan Tisna adalah teman dekat saya. Oh ya, gebetan saya kita sebut saja Sri, soalnya agak sulit ceritainnya kalo gak pake nama (hehe).
Seperti yang saya bilang sebelumnya, saya merupakan tipe orang yang berbaur dengan siapa saja yang sudah saya kenal. Dan di antara semua teman saya, Sri, Amel, dan Tisna adalah teman yang paling dekat dengan saya, kami juga satu kelas di kelas 3. Hal yang saya hadapi saat itu cukup rumit, karena kami berempat mempunyai masalah asmara yang berkaitan.
Tisna sering curhat dengan saya tentang Sri, dan bahkan dia berterus terang ke saya bahwa dia menyukainya. Yups, rasa saya terhadap Sri memang terlihat jelas bilangnya. Hal itu wajar katanya, mengingat kebersamaan kita selama ini.
Di lain sisi, Sri sering comblangin saya dengan Amel. Dia sering membicarakan betapa cocoknya Amel dan saya. Jujur, saat itu saya sakit banget ... karena cewek yang saya suka bukanlah Amel, melainkan dia seorang.
Sejak saat itu, hubungan saya dengan Sri mulai renggang. Di kelas kami sudah mulai jarang mengobrol, kecuali jika ada tugas bersama. Tisna tampaknya tahu hal ini, jadi dia mulai memberikan kode pada Sri kalau dia itu suka padanya.
Namun tibalah saat Tisna bilang ke saya bahwa dia akan menembak Sri, sepulang sekolah hari itu. Mendengar hal ini tentu tidak membuat saya nangis, cuman ya ... entah kenapa, saya kesulitan bernapas.
2 hari pun berlalu. Tisna yang bilang akan menembak Sri di hari sabtu, kini berjumpa lagi dengan saya di hari senin. Dia tidak berbicara apapun tentang Sri pada saya, dan anehnya mereka malah saling menghindari satu sama lain hari itu.
Entah berapa hari berlalu, barulah saya mendengar kabar bahwa pengakuan cinta Tisna ditolak oleh Sri. Jujur, saat mendengar itu saya merasa bahagia. Namun setelah mendengar alasannya, saya kembali hilang harapan.
Dari yang saya dengar, Sri menolak karena dia akan masuk pesantren. Memang, saat itu posisi kami berada di semester terakhir di kelas tiga. Otomatis kami akan berpisah jika tidak melanjutkan sekolah, atau berbeda sekolah. Namun jika Sri masuk pesantren, sudah jelas bahwa saya dengannya akan berpisah.
Mengetahui hal ini, saya mencoba untuk tetap menjaga jarak dengan Sri. Meski begitu, entah berapa hari sudah berlalu sejak Tisna ditolak, tapi dia mulai dekat kembali dengan saya. Setelah momen-momen itulah saya sadar, bahwa mungkin ini hanyalah cinta sementara saat kecil, atau orang-orang sering menyebutnya sebagai 'cinta monyet'.
Namun di bulan sebelum Ujian Nasional, ujian terakhir kami di sekolah, saya dan Sri menjadi semakin dekat. Dan begitulah, ujian berlalu dan kami diliburkan hingga hari kelulusan tiba, sekitar 2 bulan jaraknya.
Saat dua bulan itulah saya merasa perlu menyatakan perasaan yang saya punya ke Sri. Namun saya gak mau kalau harus mengungkapkannya lewat telepon, mengingat HP Sri yang dia bilang sering dipakai mamanya. Lagian, kalaupun kami jadian sekarang tidak akan ada yang berubah, kecuali nama panggilan kami satu sama lain di sms ... itulah yang saya pikirkan.
Sehari sebelum kelulusan, ada hari persiapan kelulusan sehingga para murid kelas tiga wajib masuk sekolah. Di sana, saya rasa ini saat yang tepat untuk menyatakan rasa. Namun sayang, kesibukan di hari itu membuat saya tidak bisa menemukan kesempatan untuk menyatakan perasaan ini. Oleh karena itu, saya mengirimkan pesan pada Sri bahwa saya ingin bilang sesuatu padanya dan memintanya untuk pergi ke perpustakaan sebentar di hari esok sebelum pulang. Dia menjawab "Ya".
Hari kelulusan pun tiba. Kami berfoto-foto, menangis-tangis, dan berbagi banyak cerita bersama. Hingga tibalah saat ketika murid-murid mulai pergi. saya menunggunya di perpustakaan selama beberapa menit ... sampai saya mendengar kabar bahwa Sri dan teman-temannya sudah pulang. Saat itulah saya merasa sakit hati lagi. Entah apa yang Sri pikirkan, saya tidak tahu dan tidak ingin tahu.
Setelah itu saya tidak pernah lagi mengirimkan pesan padanya, begitupun dia yang sama sekali tidak mengirimkan pesan ke saya. Tetapi ini tidak berlangsung lama, karena saya mencoba mengirim pesan lagi padanya. Namun sayang tidak ada balasan sama sekali. Terkait hal ini, sayapun bertanya ke teman-teman yang lain. Ternyata Sri sudah pergi ke pesantren dan tidak membawa HP karena dilarang.
Kamipun lulus dan berpisah. saya melanjutkan sekolah sementara Sri masuk pesantren. Jujur, saya masih belum bisa move on. Di sekolah yang baru, saya tidak menemukan seseorang yang spesial seperti Sri.
Sekitar tiga tahun setelah kami putus kontak, seorang teman lama mendatangi rumah saya. Darinya saya dapatkan surat undangan, pernikahan Sri dengan seorang pria yang saya tidak kenal.
Ketika tiba hari pernikahannya, saya bisa melihat lagi senyum manis yang dia miliki ... dan saat itulah, saya baru sadar bahwa saya benar-benar mencintainya.
catatan kaki
1saya adalah istilah atau slang dari kata admin.
2Gaje adalah singkatan dari kalimat gak jelas.
Nah, sekarang kamu tahukan arti dari kata catatan kaki searah ini? Yups, artinya setelah kamu klik tanda pemanggil catatan kaki, maka kamu tidak bisa kembali ke teks sebelumnya. Cara membuat catatan kaki searah ini 100% lebih mudah daripada membuat catatan kaki dua arah. Alasannya simpel, kamu tidak perlu repot-repot mengedit versi html dari paragraf yang ingin kamu buatkan catatan kaki. Langsung saja, berikut langkah-langkah cara membuat catatan kaki searah di wordpress!
Pertama: Buat tanda pemanggil catatan kaki.
Sebagai contoh, pada teks di atas saya menggunakan huruf 1 yang di superscript sehingga menjadi 1 sebagai tanda pemanggil catatan kaki.
Kedua: Tambahkan identitas ke paragraf yang berisikan teks catatan kaki.
Sebagai contoh, salah satu teks catatan kaki di atas yaitu:
1saya adalah istilah atau slang dari kata admin.
Pada paragraf berisikan teks catatan kaki tersebut, buka tab Block di pengaturan sidebar. Klik Tingkat Lanjut dan isi kolom HTML ANCHOR dengan nama identitas. Dalam kasus saya, paragraf teks catatan kaki tersebut saya berikan identitas admin.
Ketiga: Sisipkan link internal identitas catatan kaki pada tanda pemanggil catatan kaki.
Sekarang kamu tinggal menautkan teks yang membutuhkan penjelasan lebih lanjut dengan identitas catatan kaki.
Dan begitulah tutorial tentang cara membuat catatan kaki di wordpress secara manual. Namun jangan pergi dulu, karena saya juga akan membagikan trik membuat catatan kaki di wordpress yang simpel namun bermanfaat besar bagi pengunjung. Check it out!
Trik Membuat Catatan Kaki di Wordpress
Pada teks contoh di atas, saya sertakan dua buah catatan kaki. Jika kamu jeli, kamu akan melihat perbedaan antara catatan kaki pertama dan catatan kaki kedua. Yups, catatan kaki pertama akan tampil di bagian teratas setelah tanda pemanggil catatan kaki diklik, sementara catatan kaki kedua akan tampil lebih bawah setelah diklik.
Sebagai pembaca, tentu saja catatan kaki kedua lebih bagus mengingat kita sering membaca posisi tengah layar. Nah, untuk membuat catatan kaki tidak ditampilkan di posisi teratas seperti catatan kaki kedua, kamu hanya perlu memberikan identitas catatan kaki bukan di teks yang dituju.
Sebagai contoh, saya tidak memberikan identitas 'gaje' pada teks catatan kaki kedua (yang menjelaskan gaje), melainkan identitas tersebut saya taruh di paragraf di atasnya.
Penutup
Itulah tutorial tentang cara membuat teks catatan kaki di wordpress secara manual. Mudah bukan? Yups, mungkin memang sulit untuk pertama kali. Namun jika kamu sudah memahaminya, membuat catatan kaki secara manual di wordpress ini akan menjadi mudah. Sekian yang bisa saya sampaikan kali ini, semoga bermanfaat dan sampai jumpa di artikel berikutnya!
Penulis: Aezi Bobby Brown (@aezife).