Advertisements

Gutenberg WordPress (Part 10): Membuat Slider Responsive

Jika sudah berhasil mencoba cara membuat header dan footer responsive, selanjutnya Anda perlu membuat slider responsive agar website dapat menyesuaikan pengguna mobile. Namun, sebelum melakukan pembuatan slider responsif, Anda perlu menyesuaikan homepage-nya terlebih dahulu, …

04 Jul 2023
3 Menit

Gutenberg WordPress (Part 9): Cara Membuat Header & Footer Responsive

Setelah menyelesaikan tutorial Gutenberg WordPress sebelumnya, yakni membuat section gallery di homepage, Anda perlu mencoba cara membuat header & footer responsive. Fitur responsif pada website penting karena orang yang berkunjung pada website kemungkinan besar …

30 Jun 2023
3 Menit

Gutenberg WordPress (Part 8): Cara Membuat Section Gallery di Homepage

Tutorial Gutenberg WordPress terkait cara membuat section post sudah berhasil dibuat sebelumnya. Sekarang saatnya menerapkan cara membuat section gallery di homepage. Section Gallery pada homepage berfungsi untuk menampilkan beberapa image yang dapat menarik perhatian …

28 Jun 2023
2 Menit

Advertisements

Gutenberg WordPress (Part 6): Membuat Section Logo Partner

Setelah berhasil membuat Slider atau Carousel, di tutorial cara menggunakan Gutenberg WordPress ke-6 ini, kita akan fokus membuat section logo partner pada halaman Home. Website membutuhkan logo partner untuk menunjukkan bahwa pemiliknya telah bekerja …

23 Jun 2023
3 Menit

Gutenberg WordPress (Part 4): Membuat Halaman Sederhana (Footer)

Pada tutorial Gutenberg WordPress sebelumnya, Anda telah berhasil membuat Header. Selanjutnya, membuat halaman sederhana pada website juga perlu ditambahkan footer. Footer merupakan bagian paling bawah dari website yang umumnya memuat informasi kontak, deskripsi perusahaan, …

21 Jun 2023
3 Menit

Gutenberg WordPress (Part 2): Cara Menggunakan Block Editor untuk Pemula

Setelah memahami apa itu Gutenberg WordPress beserta fitur unggulannya, saatnya Anda mencoba cara menggunakan block editor Gutenberg agar dapat memanfaatkannya dengan maksimal. Dengan memahami fungsi tiap fiturnya, nantinya akan lebih mudah ketika Anda membuat …

16 Jun 2023
6 Menit

Advertisements

Cara Menggunakan Editor Gutenberg WordPress (Part 2): Text dan Gambar

Setelah sebelumnya Anda sudah berhasil menambahkan dan melakukan pengaturan block, cara menggunakan editor Gutenberg WordPress selanjutnya adalah membuat text, gambar, dan embed media. Penambahan text, gambar, dan embed media perlu diperhatikan, karena nantinya berperan …

14 Jun 2023
3 Menit

Cara Menggunakan Editor Gutenberg WordPress (Part 1): Pengaturan Block

Cara menggunakan editor Gutenberg WordPress cukup mudah, karena bagi pengguna WordPress yang tidak memiliki skill coding pun dapat melakukan editing tanpa kesulitan. Fitur paling berbeda pada Gutenberg adalah adanya fitur block yang membuat proses …

13 Jun 2023
3 Menit

Cara Membuat Theme WordPress (Part 4): Membuat Single Page

Setelah membuat file index dengan looping-nya, step yang ke empat dalam pembuatan tema WordPress ini adalah membuat halaman single (single page). Untuk membuat single page, Anda perlu membuat file baru single.php melalui text editor. …

02 Jun 2023
4 Menit

Cara Membuat Theme WordPress (Part 3): Query Looping Index

Setelah melewati step ke-2 pembuatan theme WordPress, yakni membuat file functions, header, dan footer, di step ke-3 ini kita belajar Query Looping Index dan menggunakan filter hook. Query Loop merupakan serangkain kode yang berfungsi …

25 Mei 2023
3 Menit

Advertisements