{"id":6849,"date":"2020-10-20T09:18:34","date_gmt":"2020-10-20T09:18:34","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=6849"},"modified":"2020-10-20T09:18:34","modified_gmt":"2020-10-20T09:18:34","slug":"panduan-mengenal-wordpress-template-hierarchy","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy","title":{"rendered":"Panduan Mengenal WordPress Template Hierarchy"},"content":{"rendered":"

Pengertian\u00a0Typographic Hierarchy<\/strong><\/h1>\n

Berarti\u00a0hirarki tipografi<\/strong>\u00a0(dalam bahasa Indonesia)\u00a0typographic hierarchy<\/em><\/strong>\u00a0adalah sistem yang menggunakan tipografi seperti ukuran, font, dan\u00a0layout<\/em>\u00a0atau tata letak berbagai teks untuk membuat divisi hierarkis yang dapat menunjukkan kepada pengguna tempat mencari jenis informasi tertentu berdasarkan simpulan Kami yang bersumber dari\u00a0Situs Technopedia.<\/strong><\/p>\n

Hirarki tipografi adalah sistem pengorganisasian untuk menetapkan pesanan dalam satu set data dengan membuat berbagai ukuran, bentuk dan blok teks.<\/p>\n

Para\u00a0developers<\/em> atau pengembang dapat mengarahkan mata pengguna ke informasi yang paling dibutuhkan audiens\u00a0atau mengelompokkan informasi tersebut secara visual untuk audiens.<\/p>\n

Apa itu Hirarki Tipografi ?\u00a0<\/strong><\/h1>\n

Hirarki tipografi merupakan bentuk lain dari hierarki visual, sebuah sub-hierarki per se dalam proyek desain keseluruhan.<\/p>\n

Hirarki seni tulisan ini menyajikan huruf sehingga kata-kata yang paling penting ditampilkan dengan dampak paling besar sehingga pengguna dapat memindai teks untuk informasi kunci.<\/p>\n

Tanpa adanya\u00a0typography hierarchy, setiap huruf, setiap kata dan setiap kalimat dalam desain akan terlihat sama.<\/p>\n

Hirarki tipografi menciptakan kontras antara elemen. Desainer mencapai ini melalui penggunaan tipografi, ukuran, berat, huruf kapital dan huruf kecil, cetak tebal atau miring, orientasi dan warna.<\/p>\n

Kombinasi dari alat-alat desain tersebut digunakan untuk membuat tipe atau jenis huruf yang jatuh ke lapisan yang berbeda.<\/p>\n

Faktor-Faktor yang Membentuk Typographic Hierarchy<\/strong><\/h1>\n

\"\"<\/p>\n

Mengacu pada penjelasan pengertian dan arti\u00a0typographic hierarchy\u00a0di atas, hirarki tipografi menunjukkan kepada pembaca informasi yang menjadi fokus, seperti perbedaan mana yang paling penting dan mana yang hanya mendukung poin-poin utama.<\/p>\n

Ada berbagai hal yang membentuk hierarki tipografi terutama di website, berikut ini adalah beberapa faktor-faktor pembentuk\u00a0typography hierarchy yang harus kalian ketahui :<\/p>\n

1.\u00a0Type\u00a0dan\u00a0Font Style<\/strong><\/h3>\n

Tipografi dan berat ukuran font memainkan peran penting dalam membangun hierarki tipografi, terutama untuk tajuk berita utama dan subjudul.<\/p>\n

Secara umum, huruf tebal, dekoratif, atau typestyles yang lebih khas menuntut perhatian dan menunjukkan kepentingan, tetapi demikian juga jenis huruf ultra ringan dalam pengaturan yang tepat.<\/p>\n

2.\u00a0Font Size<\/strong><\/h3>\n

Mata penonton biasanya ditarik ke tipe berukuran terbesar terlebih dahulu (yang biasanya, tetapi tidak selalu seperti judul) dan kemudian beralih ke elemen lain.<\/p>\n

Meskipun tajuk paling umum muncul berada di bagian atas halaman, penempatan ini bukanlah menjadi sebuah keharusan. Komposisi yang dirancang dengan baik akan memandu pembaca ke tajuk utama dan elemen penting lainnya di mana pun mereka berada.<\/p>\n

3.\u00a0Color<\/strong><\/h3>\n

Penggunaan warna dapat menarik perhatian atau mengurangi elemen. Sebagai contoh misalnya, jenis huruf warna merah pada halaman dengan sebagian besar teks hitam akan langsung menonjol, sementara membuat elemen abu-abu yang kurang penting di tengah-tengah teks hitam akan mengecilkannya.<\/p>\n

Perlu diingat bahwa terlalu banyak warna yang digunakan dalam banyak contoh dapat membuat kebingungan visual, yang pada gilirannya merusak efektivitasnya.<\/p>\n

4.\u00a0Case<\/strong><\/h3>\n

Penggunaan\u00a0case<\/strong><\/em>\u00a0atau\u00a0huruf besar<\/strong>\u00a0dalam dosis kecil dapat menjadi cara yang efektif untuk menarik perhatian dan menunjukkan kepentingan, terutama untuk judul atau subjudul.<\/p>\n

Di sisi lain, pemberian huruf besar diketahui akan membuat keterbacaan berkurang, jadi menggunakan huruf besar dan kecil lebih disukai untuk pengaturan yang panjang, termasuk running text.<\/p>\n

5.\u00a0Position\u00a0dan\u00a0Space<\/strong><\/h3>\n

Penempatan semua elemen, serta ruang antara dan di sekitarnya adalah bagian dari keseluruhan hierarki. Selalu jaga agar informasi yang paling penting tetap menonjol. Tempatkan semua elemen terkait secara bersamaan, sambil memisahkan yang lain secara visual untuk mengatur konten.<\/p>\n

6.\u00a0Alignment<\/strong><\/h3>\n

Alignment<\/strong>\u00a0atau\u00a0penjajaran<\/strong> adalah bagaimana elemen-elemen disejajarkan dapat menyiratkan tingkat signifikansi relatifnya. Centering misalnya untuk menyampaikan rasa penting, dan sering digunakan untuk judul, berita utama, pengumuman dan undangan.<\/p>\n

Sebaliknya, menjalankan\u00a0body copy<\/em> (bagian utama teks) biasanya membutuhkan penekanan yang lebih sedikit daripada judul dan subjudul dan biasanya dibiarkan rata yang lebih mudah dibaca.<\/p>\n

7.\u00a0White Space<\/strong><\/h3>\n

Penggunaan\u00a0white space <\/strong>digunakan untuk menciptakan penekanan dan menarik perhatian pada elemen-elemen penting.<\/p>\n

Tahan godaan untuk mengisi setiap\u00a0bit ruang pada halaman yang dapat menciptakan terlalu banyak \u201cnoise visual\u201d yang dapat membingungkan.<\/p>\n

Kategori dalam WordPress Template Hierarchy<\/span><\/strong><\/h1>\n

\"\"<\/p>\n

Semua website yang dibuat di WordPress terbagi ke dalam tujuh tipe halaman. Setiap kategorinya memiliki built-in WordPress template hierarchy :<\/p>\n

1. Site Front Page<\/strong><\/h3>\n

Ketika WordPress memuat halaman beranda utama website, hal pertama yang akan dicari adalah file front-page.php<\/strong>. Seandainya file ini tidak ditemukan, maka platform WordPress akan kembali ke\u00a0home.php<\/strong>. Jika kedua file ini tidak dapat ditemukan maka WordPress akan mencari file index.php<\/strong>.<\/p>\n

Begini urutan cara kerja hirarkinya :<\/p>\n

    \n
  1. front-page.php<\/strong><\/li>\n
  2. home.php<\/strong><\/li>\n
  3. index.php<\/strong><\/li>\n<\/ol>\n

    Meskipun ketiga file tersebut sama, WordPress masih saja mengacu pada\u00a0internal logic<\/em>-nya. Walaupun demikian, hirarkinya ini terkesan lebih mudah.<\/p>\n

    2. Single Posts<\/strong><\/h3>\n

    Sebelum WordPress melakukan rendering terhadap file tersebut, sebaiknya tentukan terlebih dulu mana file template yang akan digunakan di halaman secara keseluruhan.<\/p>\n

    Berikut cara kerja hirarki single posts :<\/p>\n

      \n
    1. single-{post-type}-{slug}.php<\/strong><\/li>\n
    2. single-{post-type}.php<\/strong><\/li>\n
    3. single.php<\/strong><\/li>\n
    4. singular.php<\/strong><\/li>\n
    5. index.php<\/strong><\/li>\n<\/ol>\n

      Pada daftar single-{post-type}-{slug}.php.\u00a0<\/strong>Misalnya saat ini tengah membangun dan mengelola toko online, maka contohnya akan seperti ini, single-product-ca-12.php<\/strong>. Dengan kata lain, WordPress akan mencari file template yang unik untuk setiap post yang di-load dalam kategori tertentu. Seandainya platform WordPress tidak bisa menemukan template yang relevan, maka CMS ini akan kembali ke\u00a0single-{post-type}.php\u00a0<\/strong>dan begitu seterusnya sampai tiba di\u00a0index.php<\/strong>.<\/p>\n

      Cara ini memungkinkan untuk mendesain sendiri template yang hendak di pasang di masing-masing post atau produk. Jika ingin menerapkan satu template untuk semua post di situs, maka gunakan single.php<\/strong>.<\/p>\n

      3. Single Pages<\/strong><\/h3>\n

      Single pages membuat kategori sendiri di WordPress. Disini akan mengambil situs Hostinger sebagai contoh. https:\/\/www.example.co.id<\/strong> adalah beranda atau halaman utama website. Pada saat mengakses halaman utama, WordPress akan meloading template front-page.php<\/strong>. Sementara itu halaman lain, seperti https:\/\/www.example.co.id\/web-hosting<\/strong>\u00a0menjadi bagian dari single pages.<\/p>\n

      Berikut hirarki yang dipatuhi oleh single page :<\/p>\n

        \n
      1. File template custom.<\/li>\n
      2. page-{slug}.php<\/strong><\/li>\n
      3. page-{id}.php<\/strong><\/li>\n
      4. page.php<\/strong><\/li>\n
      5. singular.php<\/strong><\/li>\n
      6. index.php<\/strong><\/li>\n<\/ol>\n

        Di nomor satu, entry tersebut bukanlah nama file. Hal ini terjadi karena WordPress bisa mendeteksi beberapa tipe konten sebagai single pages. Misalnya, jika ingin mengelola sebuah post, WordPress akan menetapkan hirarki default yang telah kami jelaskan sebelumnya. Di sisi lain, single pages (contohnya \/web-hosting<\/em>) akan berpindah ke\u00a0page-slug.php<\/strong>. Sebagai contoh page-web-hosting.php<\/strong>\u00a0(seandainya file seperti ini tersedia).<\/p>\n

        Sistem kerja hirarki pada single page akan sama seperti pada post. Jika tidak ada file template untuk slug unik dari suatu halaman, maka WordPress akan mencari file yang cocok dengan ID-nya. Seperti biasa, semua line akan berakhir di index.php<\/strong>\u00a0semisal beberapa file sebelumnya tidak ditemukan.<\/p>\n

        4. Category and Tag Pages<\/strong><\/h3>\n

        Berikut file template yang masuk dalam hirarki untuk kategori ini :<\/p>\n

          \n
        1. category-{slug}.php<\/strong><\/li>\n
        2. category-{id}.php<\/strong><\/li>\n
        3. category.php<\/strong><\/li>\n
        4. archive.php<\/strong><\/li>\n
        5. index.php<\/strong><\/li>\n<\/ol>\n

          Cara kerja hirarki di bagian ini sama seperti cara kerja hirarki terhadap post dan halaman. WordPress akan mencari template yang unik untuk kategori yang hendak di-loading. Pertama platform ini akan mencari filename yang menyertakan slug, kemudian ID. Jika filename yang dimaksud tidak ditemukan, maka WordPress akan mencari category.php.\u00a0<\/strong>Apabila gagal lagi, WordPress akan kembali mencari\u00a0archive.php<\/strong>. Arsip WordPress haruslah memuat post dari semua kategori sehingga dapat diikutsertakan dalam hirarki.<\/p>\n

          Selain itu telah dikelompokkan WordPress tag ke bagian ini karena keduanya merupakan elemen taxonomic<\/em>. Hirarki keduanya pun serupa, kecuali jika mengganti semua contoh category <\/strong>dari tag.category-{slug}.php\u00a0<\/strong>menjadi\u00a0tag-{slug}.php<\/strong>.<\/p>\n

          5. Custom Post Types<\/strong><\/h3>\n

          Pada dasarnya custom post types adalah tipe atau jenis konten yang tidak tergabung dalam klasifikasi default WordPress. Misalnya jika memiliki blog yang berfokus pada konten review atau ulasan, maka sudah pasti ingin membuat custom post type yang disebut reviews\u00a0<\/strong>dan kemudian menambahkan fitur tambahan ke dalam konten review tersebut.<\/p>\n

          Berikut hirarki dari tipe kontent :<\/p>\n

            \n
          1. archive-{post_type}.php<\/strong><\/li>\n
          2. archive.php<\/strong><\/li>\n
          3. index.php<\/strong><\/li>\n<\/ol>\n

            Hirarki tersebut tidak menyediakan informasi yang mendetail seperti pada beberapa hirarki sebelumnya. Meski demikian, WordPress masih harus melewati beberapa file template sebelum sampai pada\u00a0index.php\u00a0<\/strong>untuk membuat berbagai halaman yang rumit atau kompleks.<\/p>\n

            6. Search Result Pages<\/strong><\/h3>\n

            Umumnya, kategori search result pages tidak sesulit lima kategori sebelumnya. Hal ini dikarenakan telah tersusunnya tata letak atau layout terkait. Kemudahan ini tercermin dalam hirarki search result pages :<\/p>\n

              \n
            1. search.php<\/strong><\/li>\n
            2. index.php<\/strong><\/li>\n<\/ol>\n

              Dalam kasus ini, WordPress diatur secara default ke\u00a0index.php<\/strong> apabila tidak ditemukannya custom template untuk halaman hasil pencarian (search result page). Sebagian besar tema modern akan\u00a0menyertakan beberapa kustomisasi untuk halaman pencarian.<\/p>\n

              7. 404 Error Pages<\/strong><\/h3>\n

              \"\"<\/p>\n

              Halaman error adalah salah satu halaman yang paling dihindari oleh siapa pun baik sebagai pemilik situs maupun para pengunjung website. Namun, tetap saja halaman error harus dibuat jikalau kesalahan terjadi. Sekadar informasi, WordPress tidak menawarkan custom error pages. Namun jangan khawatir untuk membuat halaman error sangatlah mudah.<\/p>\n

              Jika membuat halaman error, WordPress akan mendeteksinya terlebih dulu, seperti yang akan didemonstrasikan oleh hirarkinya di bawah ini :<\/p>\n

                \n
              1. 404.php<\/strong><\/li>\n
              2. index.php<\/strong><\/li>\n<\/ol>\n

                Di sarankan untuk membuat halaman error jika traffic website saat ini semakin ramai.<\/p>\n

                Cara kerja WordPress Template Hierarchy<\/span><\/strong><\/h1>\n

                Template tersebut digunakan ketika halaman atau post telah di muat. WordPress template hierarchy menentukan template yang akan digunakan beserta fungsinya.<\/p>\n

                Sebagai contoh, apabila mencoba loading halaman di kategori hosting\u00a0<\/strong>hypothetical maka inilah yang terjadi di background :<\/p>\n

                  \n
                1. WordPress akan mencari file template\u00a0category-hosting.php\u00a0<\/strong>di direktori tema saat ini.<\/li>\n
                2. Jika file\u00a0category-hosting.php\u00a0<\/strong>tidak ditemukan maka WordPress akan mencari file yang menggunakan ID kategori, misalnya category-2.php<\/strong>.<\/li>\n
                3. Apabila WordPress tidak juga menemukan dua file yang dimaksud, maka CMS ini akan mencari file\u00a0generic\u00a0<\/em>category.php<\/strong>.<\/li>\n
                4. Jika file\u00a0category.php\u00a0<\/strong>tidak ditemukan maka WordPress akan mencari template archive.php<\/strong>.<\/li>\n
                5. Jika semua file di atas tidak juga ditemukan, platform blogging ini akan meloading file tema index.php\u00a0<\/strong>dan menggunakannya sebagai template halaman.<\/li>\n<\/ol>\n

                  File template akan dicari sesuai urutan. Karena itulah, file-file tersebut tersusun dalam sebuah hirarki. Dalam artian lebih luas, website WordPress terdiri atas tujuh kategori halaman dan masing-masing memiliki hirarki yang ketat.<\/p>\n

                  Tips Menerapkan Typographic Hierarchy yang Baik dalam Desain<\/strong><\/h1>\n

                  Halaman yang tampak cantik membutuhkan ketulusan dan rasa dalam membuatnya. Di bawah ini adalah beberapa tips penerapan\u00a0typographic hierarchy atau hirarki tipografi yang harus diketahui terutama dalam desain web :<\/p>\n

                    \n
                  • \n

                    Mengetahui konten<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                    Untuk membuat hierarki tipografi yang berhasil, penting untuk memahami kedua elemen yang dibutuhkan pada halaman dan kepentingan relatifnya.<\/p>\n

                      \n
                    • \n

                      Pisahkan bagian dari paragraf<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                      Hal ini menghasilkan desain halaman yang lebih harmonis dan pengalaman membaca yang lebih baik.<\/p>\n

                        \n
                      • \n

                        Coba dengan kombinasi jenis yang berbeda<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                        Ukuran, warna, posisi, jenis huruf. Ini hanyalah beberapa atribut yang dapat dicoba untuk membuat hierarki tipografi. Kombinasi yang tepat akan memberikan konten di tampilan yang sama sekali baru, buat judul bagian pop dan membantu membimbing mata pembaca melalui halaman.<\/p>\n

                          \n
                        • \n

                          Gunakan huruf yang lebih besar untuk teks isi<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                          Tidak akan dapat membaca artikel panjang dengan font 12px sampai akhir, terutama pada layar\u00a0mobile\u00a0(seluler) atau perangkat komputer lainnya yang dari tahun ke tahun semakin mengecil.<\/p>\n

                            \n
                          • \n

                            Tempatkan gambar di atas konten terkait<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                            Arah membaca alami adalah kiri ke kanan, atas ke bawah. Otak akan merasakan dan memproses gambar lebih cepat daripada teks, yang berarti melihat gambar terlebih dahulu, lalu secara alami melanjutkan membaca apa pun yang ditemukan di bawahnya.<\/p>\n

                              \n
                            • \n

                              Berikan\u00a0mock up\u00a0pada teks untuk proyek yang kaya konten<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                              Untuk sebagian besar proyek dapat bereksperimen dengan tipe saat bekerja dengan elemen lain di tata letak. Kemungkinan tidak akan membutuhkan lebih dari satu judul halaman, judul bagian dan teks paragraf. Tetapi jika proyek melibatkan hierarki tipografi yang lebih kompleks (seperti koran atau majalah online), maka hal yang terbaik adalah melakukan mockup\u00a0terlebih dahulu.<\/p>\n\n\n

                              \n \n
                              \n \n
                              \n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n <\/div>\n \n
                              \n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n
                              \n \n\n
                              <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
                              \n 5\/5 - (2 votes) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

                              Pengertian\u00a0Typographic Hierarchy Berarti\u00a0hirarki tipografi\u00a0(dalam bahasa Indonesia)\u00a0typographic hierarchy\u00a0adalah sistem yang menggunakan tipografi seperti ukuran, font, dan\u00a0layout\u00a0atau tata letak berbagai teks untuk membuat divisi hierarkis yang dapat menunjukkan kepada pengguna tempat mencari jenis informasi tertentu berdasarkan simpulan Kami yang bersumber dari\u00a0Situs Technopedia. Hirarki tipografi adalah sistem pengorganisasian untuk menetapkan pesanan dalam satu set data dengan membuat berbagai […]<\/p>\n","protected":false},"author":7,"featured_media":6859,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3,153,8],"tags":[2026,2024,2025,2023,2022,2027],"class_list":["post-6849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-pengetahuan-umum","category-wordpress","tag-cara-kerja-template-hierarchy","tag-faktor-yang-membentuk-template-hierarchy","tag-kategori-template-hierarchy","tag-template-hierarchy-adalah","tag-template-hierarchy-wordpress","tag-tips-menerapkan-template-hierarchy"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy-300x183.png",300,183,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png",1810,1102,false]},"yoast_head":"\nPanduan Mengenal WordPress Template Hierarchy - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panduan Mengenal WordPress Template Hierarchy - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Pengertian\u00a0Typographic Hierarchy Berarti\u00a0hirarki tipografi\u00a0(dalam bahasa Indonesia)\u00a0typographic hierarchy\u00a0adalah sistem yang menggunakan tipografi seperti ukuran, font, dan\u00a0layout\u00a0atau tata letak berbagai teks untuk membuat divisi hierarkis yang dapat menunjukkan kepada pengguna tempat mencari jenis informasi tertentu berdasarkan simpulan Kami yang bersumber dari\u00a0Situs Technopedia. Hirarki tipografi adalah sistem pengorganisasian untuk menetapkan pesanan dalam satu set data dengan membuat berbagai […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-20T09:18:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1810\" \/>\n\t<meta property=\"og:image:height\" content=\"1102\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Panduan Mengenal WordPress Template Hierarchy\",\"datePublished\":\"2020-10-20T09:18:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\"},\"wordCount\":1823,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png\",\"keywords\":[\"cara kerja template hierarchy\",\"faktor yang membentuk template hierarchy\",\"kategori template hierarchy\",\"template hierarchy adalah\",\"template hierarchy wordpress\",\"tips menerapkan template hierarchy\"],\"articleSection\":[\"Blog\",\"pengetahuan umum\",\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\",\"url\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\",\"name\":\"Panduan Mengenal WordPress Template Hierarchy - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png\",\"datePublished\":\"2020-10-20T09:18:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png\",\"width\":1810,\"height\":1102},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Mengenal WordPress Template Hierarchy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita & Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Panduan Mengenal WordPress Template Hierarchy - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy","og_locale":"en_US","og_type":"article","og_title":"Panduan Mengenal WordPress Template Hierarchy - Hosteko Blog","og_description":"Pengertian\u00a0Typographic Hierarchy Berarti\u00a0hirarki tipografi\u00a0(dalam bahasa Indonesia)\u00a0typographic hierarchy\u00a0adalah sistem yang menggunakan tipografi seperti ukuran, font, dan\u00a0layout\u00a0atau tata letak berbagai teks untuk membuat divisi hierarkis yang dapat menunjukkan kepada pengguna tempat mencari jenis informasi tertentu berdasarkan simpulan Kami yang bersumber dari\u00a0Situs Technopedia. Hirarki tipografi adalah sistem pengorganisasian untuk menetapkan pesanan dalam satu set data dengan membuat berbagai […]","og_url":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy","og_site_name":"Hosteko Blog","article_published_time":"2020-10-20T09:18:34+00:00","og_image":[{"width":1810,"height":1102,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png","type":"image\/png"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Panduan Mengenal WordPress Template Hierarchy","datePublished":"2020-10-20T09:18:34+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy"},"wordCount":1823,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png","keywords":["cara kerja template hierarchy","faktor yang membentuk template hierarchy","kategori template hierarchy","template hierarchy adalah","template hierarchy wordpress","tips menerapkan template hierarchy"],"articleSection":["Blog","pengetahuan umum","Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy","url":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy","name":"Panduan Mengenal WordPress Template Hierarchy - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png","datePublished":"2020-10-20T09:18:34+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png","width":1810,"height":1102},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/panduan-mengenal-wordpress-template-hierarchy#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Panduan Mengenal WordPress Template Hierarchy"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita & Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/10\/Template-Hierarchy.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/6849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=6849"}],"version-history":[{"count":0,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/6849\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/6859"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=6849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=6849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=6849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}