loader loader
membuat single page wordpress

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.

Perlu diingat, nama file single.php ini nantinya tidak boleh diganti, karena WordPress sudah mempunyai paten nama file sendiri. Untuk mengetahui nama-nama file yang benar, Anda bisa check di sini.

Single page adalah bagian website WordPress yang berisi satu halaman saja. Misalnya ketika Anda membuka halaman utama pada sebuah website dan masuk ke satu artikel tertentu, Anda akan masuk ke single page.

Jadi, file single page ini berguna sebagai template untuk menampilkan satu artikel post atau post type yang lain yang belum mempunyai file single sendiri. Berikut tutorial selengkapnya!

Langkah 1: Membuat File Single Page

File single.php pada dasarnya sama seperti file index.php yang sebelumnya telah kita buat, karena memiliki fungsi dan attribute sama. Hanya saja, untuk file single.php ini tidak ada fungsi looping post.

Pada kode single ini, fungsi yang bisa kita highlight adalah if ( has_post_thumbnail() ). Fungsi lain yang juga penting dapat Anda lihat di sini. Kondisi ini berfungsi mengecek apakah artikel tersebut mempunyai featured image. Berikut cara penerapannya:

Buka software text editor Anda. Kami menggunakan text editor VS Code. Klik File > New File > beri nama single.php.

membuat file single.php

Membuat file single.php di text editor.

  • Simpan di folder (C:) > xampp (atau software local server yang Anda gunakan) > htdocs > testingdua (menyesuaikan nama web Anda) > themes > WordPress-theme-from-scratch. Beri nama single.php dan klik Create.

    membuat file single.php

    Tempat menyimpan file single.php.

  • Copy-Paste code single page ke file single.php yang telah Anda buat.

    membuat file single.php

    Template code single page.

  • Berikut code single page yang dapat Anda copy dan nantinya dapat dimodifikasi:

    <?php /** * The template for displaying all single posts * * @package Tutorial */ get_header(); ?> <article class="blog-post px-3 py-5 p-md-5"> <?php while ( have_posts() ) : ?> <?php the_post(); ?> <div class="container single-col-max-width"> <header class="blog-post-header"> <h2 class="title mb-2"><?php the_title(); ?></h2> <div class="meta mb-3"> <span class="date"><?php tutorial_publish_date(); ?></span> <span class="time"><?php tutorial_reading_time(); ?></span> <span class="comment"><?php comments_popup_link( false, false, false, 'text-link' ); ?></span> </div> </header> <div class="blog-post-body"> <?php if ( has_post_thumbnail() ) : ?> <figure class="blog-banner"> <?php the_post_thumbnail( 'large', array( 'class' => 'img-fluid' ) ); ?> <?php tutorial_post_thumbnail_caption(); ?> </figure> <?php endif; ?> <?php the_content(); ?> </div> <?php tutorial_post_navigation(); ?> <div class="blog-comments-section"> <div id="disqus_thread"></div> </div><!--//blog-comments-section--> </div><!--//container--> <?php endwhile; ?> </article> <?php get_footer(); Read More

    cara install plugin wordpress

    Cara install plugin WordPress di localhost dapat dilakukan secara manual, baik online maupun offline. Sehingga Anda dapat memilih metode sesuai dengan kondisi dan kebutuhan.

    Metodenya bisa melalui dashboard wp-admin WordPress ataupun melalui folder web server yang ada di localhost Anda. Sehingga, Anda dapat memanfaatkan plugin WooCommerce terbaik, dan plugin penting lainnya.

    Lantas, bagaimana cara install plugin WordPress dengan benar? Simak selengkapnya berikut ini.

    Cara Install Plugin WordPress dengan Benar

    Berikut tiga cara install plugin WordPress, yakni melalui menu Add Plugin, melalui opsi Upload, dan melalui folder web server di localhost Anda. Read More

    WampServer berwarna orange

    WampServer berwarna orange atau merah adalah indikator bahwa software web server tersebut tidak dapat bekerja. Anda dapat mengatasinya dengan beberapa cara di artikel ini.

    Di antara caranya adalah dengan menonaktifkan Internet Information Services (IIS) atau web server lain yang sedang berjalan. Namun, tidak semua kasus memiliki cara penyelesaian yang sama.

    Maka dari itu, Anda juga perlu memahami fitur WampServer mana yang tidak bekerja, (1.) Apache atau (2.) MySQL? Berikut penjelasan selengkapnya. Read More

    cara install wordpress di wampserver

    Cara install WordPress di WampServer dapat dicoba apabila Anda ingin mengembangkan website di komputer lokal, tanpa perlu menyewa hosting terlebih dahulu.

    Namun, sebelum melakukan instalasi WordPress, ada beberapa proses persiapan yang perlu Anda lakukan. Sehingga proses instalasi WordPress di komputer Anda berjalan lancar.

    Lalu, bagaimana cara install WordPress di localhost Wamp? Sebelum masuk ke prosesnya, Anda juga perlu memahami apa itu WampServer dan cara kerjanya. Berikut penjelasan lengkapnya! Read More

    Cara Install WordPress di XAMPP

    Cara install WordPress di XAMPP localhost bisa jadi metode yang dapat kamu pilih saat sedang proses development. Sehingga Anda bisa menguji fitur-fitur dan fungsi situs secara privat.

    Namun, sebelum melakukan instalasi, ada beberapa tahap persiapan yang perlu Anda lakukan, sehingga proses instal WordPress di laptop atau komputer Anda berjalan lancar.

    Lantas, apa itu XAMPP? Bagaimana cara install WordPress di XAMPP? Apa saja persiapan instalasi yang diperlukan sebelum melakukan instalasi WordPress? Semua pertanyaan tersebut dijawab dalam artikel ini. Read More

    Tags: ,

    Lupa Password WordPress

    Bagi yang lupa password WordPress di localhost, Anda sebenarnya tidak perlu klik “lupa password” untuk mendapatkan pembaruan sandi.

    Karena pengembangan website yang masih dalam ranah localhost atau komputer lokal berarti belum terhubung dengan jaringan server secara online.

    Maka dari itu, jika Anda mengirim sandi ke alamat email melalui fitur lupa password tidak akan berhasil. Ketika Anda cek di email yang digunakan pun tidak akan muncul.

    Yang dapat Anda lakukan adalah reset password WordPress phpMyAdmin melalui localhost. Untuk mengatasi masalah tersebut, ikuti langakah-langkah mengganti password WordPress di bawah ini. Read More

    Setelah berhasil instalasi WooCommerce pada WordPress untuk membuat website toko online, selanjutnya penting untuk melakukan cara setting Shipping di WooCommerce.

    Karena salah satu elemen penting dalam jual-beli barang online adalah tentang bagaimana pengirimannya, maka WooCommerce sudah menyediakan fitur mengelola kebutuhan shipping (pengiriman) tersebut.

    Dua fitur paling penting adalah 1.) pengaturan zona pengiriman, dan 2.) pengaturan metode pengirimannya. Jadi, Anda harus mengatur ongkos kirim secara manual melalui fitur ini. Read More

    Cara Menambahkan Metode Pembayaran di WooCommerce

    Cara menambahkan metode pembayaran di WooCommerce WordPress cukup mudah, baik untuk metode pembayaran transfer bank maupun dengan sistem Cash on Delivery (COD).

    Metode pembayaran tersebut nantinya dapat menjadi pilihan bagi kustomer saat melakukan checkout barang dari toko online Anda. Adanya pilihan tersebut akan memudahkan kustomer Anda.

    Namun, sebelum dapat mengaktfikan metode pembayaran di WooCommerce, Anda harus sudah melakukan pengaturan Shipping Zone terlebih dahulu dengan cara klik WooCommerce > pilih Settings > tab pada menu Shipping. Read More

    Would you need to disable trackbacks and pings in your old WordPress articles? Trackbacks and pingbacks make it possible for sites to inform each other that they’ve connected to an article. But today it’s principally used by spammers to send trackbacks from junk sites. In the following guide, we’ll explain to you how you can disable trackbacks and pings on present WordPress posts.

    In the first days of blogging, both trackbacks and pingbacks were released as a means for sites to inform each other about hyperlinks. Read More

    make a Reaction Button

    For bloggers to rate a reacted content on the sites other than by utilizing the comments features postings, can also utilize Emoticons reactions in response to feedback from the reader of the site content.

    If you are using Facebook and want to give the Like in addition you can also give other Emoticons according to your desires.

    make a Reaction Button

    Well, now we can also create it as such for the content of websites with WordPress.

    Please see how:

    How to add a Reaction Button on WordPress

    1.Install Plugin WordPress DW Reactions
    make a Reaction Button
    2.After the installation and plugin activation process completed, we start setting up DW Reaction Select Dashboard > Settings > Reactions.
    The setting can be like below: Read More