Gutenberg WordPress (Part 12): Membuat List Post dan Gallery Responsive

Setelah berhasil menerapkan cara menampilkan logo klien responsif, langkah terakhir untuk membuat homepage yang mobile-friendly adalah dengan membuat List Post dan Gallery responsive. List post merupakan section yang menampilkan daftar postingan blog. Sedangakan gallery …

06 Jul 2023
3 Menit

Gutenberg WordPress (Part 11): Menampilkan Logo Klien Responsif

Pada tutorial Gutenberg WordPress sebelumnya, Anda telah berhasil membuat slider responsive. Di bagian ini, kita akan belajar cara menampilkan logo klien responsif. Pengaturan ini penting agar tampilan logo dapat menyesuaikan perangkat berbeda yang digunakan …

05 Jul 2023
2 Menit

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

Gutenberg WordPress (Part 7): Cara Membuat Section Post di Homepage

Apabila Anda sudah selesaiĀ membuat section logo partner, untuk melengkapi landing page atau homepage dalam tutorial Gutenberg WordPress ini, Anda perlu membuat section post di bawahnya. Section post merupakan bagian dari landing page yang berisi …

27 Jun 2023
3 Menit

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 5): Membuat Slider di WordPress

Dalam series Gutenberg WordPress bagian ke-5 ini, kita akan belajar membuat slider di WordPress hanya dengan memanfaatkan block editor yang tersedia. Namun, diharapkan Anda sudah berhasil mengikuti tutorial sebelumnya, yakni membuat Footer. Slider adalah …

22 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 3): Membuat Halaman Sederhana (Header)

Setelah memahami cara menggunakan block editor Gutenberg WordPress, selanjutnya, Anda bisa langsung belajar membuat halaman sederhana tahap pertama, yakni merancang header. Header merupakan elemen penting pada website yang terletak pada bagian paling atas. Bagian …

20 Jun 2023
3 Menit