Cara Memasang jQuery di WordPress dan Blogger

Berbagi :
Cara Memasang jQuery di WordPress dan Blogger

Apa itu kode jQuery dan apa gunanya? Secara singkat jQuery ini adalah sebuah kode perpustakaan untuk kepentingan JavaScript.

Kode jQuery ini juga bisa diartikan sebagai fungsi mempersingkat penulisan kode-kode JavaScript dengan berbagai macam kepentingan desain web.

Sebagai contoh kode JavaScript yang ditulis.
document.getElementById("linkmantap")
Contoh kode jQuery secara simple dan singkat.
$(#linkmantap)
Fungsinya sama saja, tidak ada yang membedakan, hanya saja penulisan lebih singkat.

Ada banyak manfaat yang didapatkan menggunakan jQuery, pertama adalah memberikan berbagai efek animasi ditampilan situs.

Bagi seorang desainer template, memahami fungsi dari jQuery adalah kewajiban. Sebab tanpa menguasai hal ini akan sulit untuk mendapatkan tampilan yang menarik.

Fungsi & Manfaat jQuery

  1. Tampilan mendukung disemua tipe browser.
  2. Manipulasi kode HTML & CSS.
  3. Mendukung AJAX
  4. Memberikan macam efek Animasi.
  5. Sangat mudah dipelajari & dipahami.
  6. Mempersingkat waktu pekerjaan.

Cara Memasang jQuery di WordPress

Memasang jQuery ini cukup mudah dilakukan, jika kamu ingin yang simple dan cepat. Cukup menyalin salah satu URL kode CDN berikut :

Google:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Microsoft:
<script src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js'></script>

Cloudflare CDN:
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>

jQuery Offical:
<script src='https://code.jquery.com/jquery-3.5.1.min.js'></script>
Saran! Pastikan selalu cek data update jQuery versi terbaru disini.
  1. Cara meletakan kode diatas, bisa langsung lewat tema WordPress. Caranya sebagai berikut.
  2. Tampilan > Penyunting Tema > Tajuk Tema (Header) > (header.php)
  3. Letakan script URL jQuery yang sudah disalin tadi, dibawah kode <head>
  4. Kurang lebih seperti dibawah ini susunan kodenya.
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </head>
  5. Klik "Perbaharui Berkas".

Memasang jQuery lewat cPanel FTP WordPress

Cara kedua ini juga cukup mudah karena hanya melakukan upload file.js nya saja, tapi sedikit lebih susah karena harus tahu letak folder jquery di cPanel.

Silahkan download terlebih dahulu file jquery.js dan simpan di folder laptop kalian masing-masing.
  • Buka cPanel
  • Pilih File Manager
  • Cara Memasang jQuery di WordPress dan Blogger
    cPanel namecheap
  • Klik folder public_html > wp-includes > js > jquery > Upload file jquery.js yang tersimpan di laptop / komputer kalian masing-masing.
    Cara Memasang jQuery di WordPress
    file jquery dilaptop
  • Setelah berhasil diupload, maka kamu sudah berhasil memasang jQuery di WordPress.

Tips Memasang jQuery di Blogger | Blogspot

Cara disini kurang lebih seperti cara pertama yang ada diatas versi WordPress. Hanya saja beda tampilan untuk dashbor di blogger.

Cara Memasang jQuery di WordPress dan Blogger
  • Blogger Tema / Template > Edit HTML > CTR+F masukan dikolom pencarian </head> lalu tekan keyboard enter.
  • Letakan kode URL jQuery dibagian atas kode </head> dan klik simpan.

Sampai disini, semua panduan memasang jQuery di WordPress dan Blogspot sudah lengkap.
Selanjutnya tinggal kamu pelajari cara menggunakan berbagai macam fungsi jQuery.

Kekurangan jQuery

  • Isi kode lumayan banyak.
  • Mengurangi nilai skor Google pagespeed, GTmetrix & Pingdom.
  • Susunan kode sulit dipahami bagi yang awam tentang coding.

Kekurangan diatas tidak memberikan dampak ke loading web, hampir semua tampilan situs saat ini menggunakan jQuery.

Daftar Isi [Tutup]

    Apakah Halaman ini membantu?
    Lebih baru
    Lebih lama
    BosHJN
    BosHJN Technical Content Writer, Menyukai dunia Technical IT, Produk Digital & Blogging. Suka berbagi satu sama lain.

    0 Komentar

    Posting Komentar

    Kami memiliki kebijakan dalam berkomentar di Blog ini :

    — Dilarang promosi suatu barang
    — Dilarang jika memasang link aktif di komentar
    — Dilarang keras melakukan promosi iklan
    — Dilarang menulis komentar yang berisi sara, bully atau cemuhan

    NB :Komentar yang melanggar tidak akan ditampilkan

    Kebijakan komentar yang bisa Anda temukan selengkapnya disini

    Dukungan :

    Jika menyukai dengan artikel blog kami, silahkan Ikuti blog ini