{"id":19321,"date":"2023-11-10T10:47:55","date_gmt":"2023-11-10T03:47:55","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?post_type=manual-4&p=19321"},"modified":"2023-11-10T10:54:16","modified_gmt":"2023-11-10T03:54:16","slug":"pengaturan-tema","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/id\/blog\/manual-4\/pengaturan-tema\/","title":{"rendered":"Pengaturan Tema"},"content":{"rendered":"

Untuk mengatur tema situs, pengguna dapat melakukan langkah-langkah berikut:<\/span><\/p>\n

1. Klik tombol \u201dDesign Website<\/span>\u201d<\/p>\n

\"\"2. Klik tombol \u201cWebsite Theme<\/span>\u201d<\/p>\n

\"\"<\/p>\n

3. Ada 5 sistem manajemen yang dapat dipilih:<\/p>\n

\u00a0 \u00a0 \u00a03.1 Atur Tema Website<\/span><\/p>\n

\u00a0 \u00a0 \u00a03.2 Atur Gaya Font<\/span><\/p>\n

\u00a0 \u00a0 \u00a03.3 Atur Background Website<\/span><\/p>\n

\u00a0 \u00a0 \u00a03.4 Atur Button<\/span><\/p>\n

\u00a0 \u00a0 \u00a03.5 Atur Template<\/span><\/p>\n

\"\"<\/p>\n

<\/h3>\n

3.1 Atur Tema Website<\/b><\/h3>\n
    \n
  1. Saat memilih \u201c<\/span>Preset Color<\/span>\u201d, klik kumpulan warna yang diinginkan. Ingin menyesuaikan tema warna? Anda dapat melanjutkan ke poin 2.<\/span><\/li>\n<\/ol>\n

    \"\"<\/p>\n

    Catatan<\/span><\/span><\/p>\n

      \n
    • Tema saat ini adalah tema menu yang sedang digunakan pengguna.<\/span><\/li>\n
    • Template adalah sekumpulan tema menu sistem.<\/span><\/li>\n<\/ul>\n

      2. Klik tombol \u201cCustom Design<\/span>\u201d untuk menyesuaikan tema.<\/span><\/p>\n

      \"\"3. Pengguna dapat memilih mode tema warna terang (Light) atau gelap (Dark).<\/span><\/p>\n

        \n
      • Theme Light adalah gradasi dari warna terang ke gelap.<\/span><\/li>\n
      • Theme Dark adalah gradiasi dari warna gelap ke terang.<\/span><\/li>\n<\/ul>\n

        \"\"
        \n4. Anda dapat mengklik \u201c<\/span>Kotak Warna<\/span>\u201d untuk mengatur tema warna pada baris 2-5.<\/span><\/p>\n

        \"\"<\/p>\n

        Catatan<\/span><\/span><\/p>\n

        Baris 1 adalah default sistem, pengguna tidak dapat mengeditnya.<\/span><\/p>\n

        5. Ketika Anda klik \u201c<\/span>Kotak Warna<\/span>\u201d, sistem akan menampilkan Color Picker untuk memilih warna yang diinginkan.<\/span><\/p>\n

        \"\"<\/p>\n

        6. Klik tombol \u201c<\/span>Apply<\/span>\u201d dan sistem akan mengubah tema warna yang dipilih pengguna.<\/span><\/p>\n

        \"\"<\/p>\n

        <\/h3>\n

        3.2 Atur Gaya Font<\/b><\/h3>\n

        Klik tab <\/span>Font Style<\/span> “T<\/span>” untuk menyesuaikan tema font situs web. Dengan menyesuaikan gaya font ini, sistem akan mengambil gaya font yang ditentukan. Terapkan ke setiap bagian situs web.<\/span><\/p>\n

        \"\"<\/p>\n

          \n
        1. Klik pada ikon \u201c<\/span>T<\/span>\u201d untuk menyesuaikan tema font situs web.<\/span><\/li>\n
        2. Klik ikon \u201c<\/span>pensil<\/span>\u201d untuk mengedit gaya font.<\/span><\/li>\n
        3. Sistem menampilkan pengaturan gaya font. Pengguna dapat mengatur gaya font, ukuran, ketebalan, miring, dan warna font.<\/span><\/li>\n
        4. Pada bagian ini pengguna bisa mengunggah fontnya sendiri. Anda dapat mengklik tombol \u201c<\/span>Uploud Font<\/span>\u201d untuk mengunggah font berhak cipta tambahan.<\/span><\/li>\n<\/ol>\n

          \"\"<\/p>\n

          <\/h3>\n

          3.3 Atur Background Website<\/b><\/h3>\n

          Pada bagian ini pengguna bisa mendesain situs web dengan menambahkan latar belakang dengan warna pilihan. Saat melakukan kustomisasi tema background website, perubahan pada background website tidak akan ditampilkan. Kecuali jika pengguna mengatur latar belakang bagian menjadi transparan. Ada 3 gaya latar belakang:<\/span><\/p>\n

            \n
          • Tipe 1: Warna (Color) latar belakang<\/span><\/li>\n
          • Tipe 2: Latar Belakang gradiasi (Gradient)<\/span><\/li>\n
          • Tipe 3: Pola latar belakang (Image)<\/span><\/li>\n<\/ul>\n

             <\/p>\n

            “Color” Latar Belakang<\/b><\/p>\n

              \n
            1. Klik tab \u201c<\/span>Background Website<\/span>\u201d untuk menyesuaikan seluruh latar belakang situs web.<\/span><\/li>\n
            2. Klik pada Dropdown Background dan pilih \u201c<\/span>color<\/span>\u201d.<\/span><\/li>\n<\/ol>\n

              \"\"<\/p>\n

              3. Klik \u201c<\/span>Kotak Warna<\/span>\u201d dan sistem akan menampilkan Color Picker untuk mengatur warna latar belakang.<\/span><\/p>\n

              \"\"<\/p>\n

              \"\"<\/p>\n

              Hasil setelah warna latar belakang berubah<\/span><\/p>\n

              Latar Belakang Gradiasi (Gradient)<\/b><\/p>\n

                \n
              1. Klik tab \u201c<\/span>Background Website<\/span>\u201d untuk menyesuaikan seluruh latar belakang situs web.<\/span><\/li>\n
              2. Klik pada Dropdown Background<\/span> dan pilih \u201c<\/span>Gradient<\/span>\u201d.<\/span><\/li>\n<\/ol>\n

                \"\"<\/p>\n

                3. Klik \u201c<\/span>kotak warna<\/span>\u201d yang ingin dipilih untuk mendapatkan 2 warna sekaligus mengatur dengan posisi gradien sesuai dengan derajat gradien.<\/span><\/p>\n

                \"\"<\/p>\n

                \"\"<\/p>\n

                Hasil setelah warna latar belakang berubah<\/span><\/p>\n

                Pola Latar Belakang (Image)<\/b><\/p>\n

                  \n
                1. Klik tab \u201c<\/span>Background Website<\/span>\u201d untuk menyesuaikan seluruh latar belakang situs web.<\/span><\/li>\n
                2. Klik pada Dropdown Background<\/span> dan pilih \u201c<\/span>Image<\/span>\u201d.<\/span><\/li>\n
                3. Sistem akan menampilkan file yang bisa pengguna klik untuk \u201c<\/span>Browse<\/span>\u201d <\/span><\/li>\n<\/ol>\n

                  \"\"<\/p>\n

                  4. U<\/span>nggah<\/span> gambar latar belakang yang diinginkan.<\/span><\/p>\n

                  \"\"<\/p>\n

                  5. Pilih gambar latar belakang yang diinginkan kemudian klik tombol \u201c<\/span>Add Image<\/span>\u201d. Sistem menampilkan latar belakang yang telah dipilih pengguna.<\/span><\/p>\n

                  \"\"<\/p>\n

                  6. Klik <\/span>Dropdown<\/span>\u00a0untuk mengatur ukuran gambar. Ada 3 format ukuran gambar:<\/span><\/p>\n

                    \n
                  • Ukuran penuh (Fill)<\/span><\/li>\n
                  • Ukuran asli (Original)<\/span><\/li>\n
                  • Gambar diulang (Tiles)<\/span><\/li>\n<\/ul>\n

                    \"\"<\/p>\n

                    7. Klik pada \u201c<\/span>Background image position<\/span>\u201d untuk memposisikan gambar latar belakang.<\/span><\/p>\n

                    \"\"<\/p>\n

                    \"\"<\/p>\n

                    Hasil setelah warna latar belakang berubah<\/span><\/p>\n

                    <\/h3>\n

                    3.4 Atur Button<\/b><\/h3>\n
                      \n
                    1. Klik pada tab \u201c<\/span>Button<\/span>\u201d untuk mengelola tombol di situs web.<\/span><\/li>\n<\/ol>\n

                      \"\"<\/p>\n

                      2. Klik \u201c<\/span>Button style<\/span>\u201d untuk memilih gaya tombol sesuai kebutuhan Anda. Sistem memiliki 3 gaya tombol untuk dipilih:<\/span><\/p>\n

                        \n
                      • Tombol tepi persegi<\/span><\/li>\n
                      • Tombol tepi membulat<\/span><\/li>\n
                      • Tombol tepi melengkung<\/span><\/li>\n<\/ul>\n

                        \"\"<\/p>\n

                        3. Pengguna dapat memilih gaya font, ukuran font, dan menyesuaikan font yang diinginkan.<\/span><\/p>\n

                        \"\"<\/p>\n

                        4. Pengguna dapat memilih warna tombol dan warna border yang diinginkan. Dengan memilih waktu tayang normal (Normal) dan saat mengarahkan mouse (Hover).<\/span><\/p>\n

                        \"\"<\/p>\n

                        5. Pengguna dapat mengatur jarak antara perbatasan konten (Padding)<\/span><\/p>\n

                        \"\"<\/p>\n

                        \"\"<\/p>\n

                        Hasil setelah warna latar belakang berubah<\/span><\/p>\n

                        <\/h3>\n

                        3.5 Atur Template<\/b><\/h3>\n

                        1. Klik tab \u201c<\/span>Template<\/span>\u201d, sistem akan menampilkan templat yang sedang digunakan (My Template).<\/span><\/p>\n

                        2. Untuk mengubah templat klik tombol \u201c<\/span>Select New Template<\/span>\u201d.<\/span><\/p>\n

                        \"\"<\/p>\n

                        3. Sistem menampilkan semua template dari sistem.<\/span><\/p>\n

                        4. Klik tombol \u201c<\/span>Preview<\/span>\u201d untuk melihat pratinjau template<\/span><\/p>\n

                        5. Klik tombol \u201c<\/span>Select<\/span>\u201d untuk memilih template.<\/span><\/p>\n

                        \"\"<\/p>\n

                         <\/p>\n

                        Catatan<\/span><\/span><\/p>\n

                          \n
                        • Jika template sudah dipilih tema website akan otomatis berubah. Template baru akan menjadi halaman beranda (Home), sedangkan halaman beranda sebelumnya akan menjadi Custom Page.<\/span><\/li>\n
                        • Untuk website dual bahasa, semua template akan ikut terubah.<\/span><\/li>\n<\/ul>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1982],"yoast_head":"\nPengaturan Tema - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/id\/blog\/manual-4\/pengaturan-tema\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Pengaturan Tema - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Untuk mengatur tema situs, pengguna dapat melakukan langkah-langkah berikut: 1. Klik tombol \u201dDesign Website\u201d 2. Klik tombol \u201cWebsite Theme\u201d 3. Ada 5 sistem manajemen yang dapat dipilih: \u00a0 \u00a0 \u00a03.1 Atur Tema Website \u00a0 \u00a0 \u00a03.2 Atur Gaya Font \u00a0 \u00a0 \u00a03.3 Atur Background Website \u00a0 \u00a0 \u00a03.4 Atur Button \u00a0 \u00a0 \u00a03.5 Atur Template […]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/11\/Group-219-920x462-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual-4\/19321"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=19321"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=19321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}