Posted on

Cara Menambahkan Kode HTML CSS JS Dan PHP Pada Website WordPress

wpJakarta – Cara Menambahkan Kode HTML CSS JS Dan PHP Pada Website WordPress. Membuat website dengan WordPress memang mudah dan simple. Setelah memiliki nama domain dan hosting, menginstal tema website WordPress juga dapat dilakukan “sekalian” mengimport kontennya dengan mudah. Hanya dengan “satu klik” dan hasilnya sesuai seperti yang di demokan oleh pengembang tema. Atau biasa disebut “one click demo import”, ketimbang harus mendesainnya dari “scratch”.

Jika ingin tetap menggunakan desain atau layout dari pengembang maka kita tinggal memulai untuk membuat konten. Tapi banyak juga orang yang kurang puas dengan elemen dan layout “default” tema tersebut, rasanya seperti kurang sreg di hati. Misalnya tombol atau button yang “rata” sementara kita kepingin tombol yang lebih “timbul”.

Mengkustomisasi WordPress dengan plugin

Mudah memulainya bebas memodifikasinya. Tentu WordPress dapat di modifikasi secara bebas sesuai seperti yang kita inginkan. Secara garis besar ada dua cara mudah untuk mengkustomisasi website WordPress. Yaitu, dengan : (1). Memasang plugin dan (2). Atau memberikan script kode baik HTML, CSS, JS atau PHP.

Paling mudah mengkustom website WordPress adalah dengan memasang plugin. Misalnya karena button atau tombol bawaan tema yang “kaku dan rata”. Anda bisa memasang plugin yang bisa memberikan banyak variasi bentuk dan warna tombol.

Memasang plugin atau menambahkan sesuai masing-masing kode dan bahasa pemrograman

Cara lainnya adalah menambahkan kode untuk membuat element lalu memolesnya dengan “stylesheet”. Yaitu dengan memberikan kode HTML, CSS dan JS serta PHP. Masing-masing skrip kode tersebut adalah bahasa pemrograman yang berbeda, kode-kode tersebut harus ditempatkan pada tempatnya masing-masing dan “selector” yang tepat supaya kustomisasi bisa menghasilkan sesuai yang diinginkan. Lalu dimana saja untuk menempatkan kode-kode tersebut :

Cara Menambahkan Kode HTML Pada Website WordPress

Untuk menempatkan kode HTML, bisa menempatkan langsung pada halaman atau post dimana tempat yang ingin ditambahkan element HTML. Gutenberg blok editor juga menyediakan blok khusus HTML. Misalnya untuk membuat tombol seperti berikut versus tombol default. Lebih lanjut tentang Bagaimana menambahkan Kode HTML Pada Website WordPress.

Cara Menambahkan Kode CSS Pada Website WordPress

Untuk kode CSS, selain menggunakan plugin. Secara default WordPress memberikan kotak snippet untuk menambahkan kode CSS yang terdapat pada halaman customizer. Kotak tersebut biasanya ada pada urutan paling bawah dan bisa dilihat secara “live” preview perubahannya. lebih lanjut bagaimana Cara menambahkan kode CSS ke dalam WordPress.

Cara Menambahkan Kode Javascript Pada Website WordPress

Secara default “customizer” atau /wp-admin WordPress tidak memiliki “kotak” khusus untuk menuliskan kode javascript. Tapi tentu saja ada plugin yang bisa mengatasi hal tersebut. Salah satunya “Insert Headers and Footers”. Selain itu kode “javascript” juga bisa diselipkan kedalam fungsi PHP melalui “site spesifik plugin” yang pernah kami bahas. https://wpjakarta.com/blog/tips-trik-membuat-site-specific-plugin-wordpress/. Lebih lanjut bagaimana Cara menambahkan kode javascript ke dalam WordPress.

Cara Menambahkan Kode PHP Pada Website WordPress

Seluruh file WordPress “didominasi” oleh skrip PHP. Untuk menambahkan kode php, bisa mengubah langsung pada file php tersebut atau membuat fungsi di file function.php “child theme”. Atau melalui site specific plugin yang sudah dibuat.


100% website WordPress transparan dan “ecofriendly”, tidak ada data pengunjung yang kami kumpulkan dan tidak ada tracking data apapun terhadap data-data pengunjung”.​ Selengkapnya kunjungi halaman tentang kami.

wpJakarta

Blog “native” yang fokus pada usaha online berbasis WordPress & WooCommerce. Lihat penawaran terbaik untuk merchandise WordPress (Kaos, Hoodie, Topi, Tas dll).

Selengkapnya, klik : https://wpjakarta.com/shop/

Fresh (+62)

e-Commerce produk fresh online. Order secara online sayur, daging, buah dan bumbu rempah atau kirim list pesanan untuk pemenuhan usaha makanan dan restoran.

Selengkapnya, klik : https://freshplus62.com/about/

Posted on

Setting Kustomisasi WordPress

wpJakarta – Setting Kustomisasi WordPress. Sesaat setelah melakukan instalasi WordPress maka yang harus dilakukan adalah melakukan kustomisasi. Kustomisasi dapat dilakukan secara live preview, artinya setiap perubahan setting yang dilakukan bisa langsung dilihat bagaimana perubahannya.

Halaman setting kustomisasi bisa diakses melalui dashboard admin pada menu : Tampilan >> Sesuaikan >> atau Appearance >> Customize jika setting bahasa WordPress anda dalam bahasa inggris.

Baca Juga :

Menu Setting Kustomisasi WordPress

Menu setting kustomisasi bisa saja berbeda-beda tergantung tema yang digunakan, tapi pada umumnya menu kustomisasi terdiri dari :

Identitas Situs atau Site Identity

Dimana kita dapat memberikan Judul situs, Slogan dan Ikon situs. Jika kita tidak memberikan logo pada situs, maka nama yang kita ketikan tadi akan berfungsi sebagai pengganti logo. Sementara ikon situs berupa sebuah logo berukuran 512 x 512 px yang akan muncul sebagai logo kecil pada browser yang mengunjungi situs kita.

Menu atau Menus

Disini anda akan menyeting susunan menu. Website anda mungkin bisa saja memiliki satu hingga lima menu tergantung tema yang digunakan. Yang biasanya lokasi menu terdiri dari :

  1. Primary menu
  2. Secondary menu
  3. Footer menu
  4. Social menu
  5. Mobile menu

Anda harus mensettingnya satu persatu mulai dari halaman, kategori atau tautan tersuai/link.

Widget

Menu widget biasanya terdiri dari dua lokasi, yaitu sidebar widget dan footer widget. Pada sidebar widget anda bisa menambahkan sebanyak widget yang anda suka, dan akan terpampang pada sebelah kanan/atau kiri halaman post. Sedangkan footer widget biasanya mengakomodasi hingga lima lokasi yang akan berada pada bagian bawah halaman website (Footer 1, Footer 2…… hingga footer 5).

General

Pada menu ini biasanya pengembang tema akan menempatkan setting untuk logo website termasuk juga retina logo, typography, layout halaman secara keseluruhan, bentuk atau warna form, tombol atau button, dan lain-lainnya.

Background and Color

Pada menu setting background and color, dimana anda akan memberikan warna background pada website atau ingin background adalah sebuah gambar. Secara default background warna tema website mungkin tidak berwarna putih murni. Jika anda suka dengan tampilan website yang minimal dan clean maka dapat diubah dengan warna putih, atau dengan warna apapun sesuka anda.

Pengaturan beranda atau homepage setting

Pilihannya ada dua, yaitu :

  1. Your latest posts, dimana halaman homepage akan bersifat dinamis, setiap post atau artikel yang dibuat maka akan terdisplay pada halaman homepage. Anda hanya perlu menentukan mode display blog, apakah blog list, blog grid atau blog alternate.
  2. A static page, halaman homepage akan bersifat tetap sesuai yang anda desain. Jika anda memilih setting statis ini maka perlu untuk menentukan halaman untuk menampung artikel post yang diterbitkan. Atau tempatkan kategori pada setting menu, sehingga artikel post akan menempati kategorinya masing-masing.

Theme Option

Pada setting theme option tergantung dari tema yang digunakan. biasanya terdiri dari layout website secara keseluruhan apakah full width, boxed dan framed. Selain itu disini juga biasanya disetting apakah ingin menampilkan “artikel terkait”, “enable/disable comment”, “apakah ingin menampilkan author box” dan lain-lainnya sesuai tema website yang digunakan.

Tambahan CSS atau Additional CSS

Jika anda ingin sedikit sentuhan pada website, maka anda bisa memberikan sentuhan css. Pada kotak tambahan CSS anda dapat memberikan kode-kode CSS tanpa harus merubahnya pada file CSS tema website anda.

Semua setting diatas tentu saja bergantung pada tema website yang digunakan. Semakin banyak fitur pada tema website anda maka akan semakin banyak dan lengkap juga pilihan setting kustomisasi situs website WordPress anda.


100% website WordPress transparan dan “ecofriendly”, tidak ada data pengunjung yang kami kumpulkan dan tidak ada tracking data apapun terhadap data-data pengunjung”.​ Selengkapnya kunjungi halaman tentang kami.

wpJakarta

Blog “native” yang fokus pada usaha online berbasis WordPress & WooCommerce. Lihat penawaran terbaik untuk merchandise WordPress (Kaos, Hoodie, Topi, Tas dll).

Selengkapnya, klik : https://wpjakarta.com/shop/

Fresh (+62)

e-Commerce produk fresh online. Order secara online sayur, daging, buah dan bumbu rempah atau kirim list pesanan untuk pemenuhan usaha makanan dan restoran.

Selengkapnya, klik : https://freshplus62.com/about/