Bagian Teks

Gunakan bagian Teks jika Anda ingin menampilkan sekumpulan teks dalam kolom. Anda dapat menambahkan Bagian teks ke halaman untuk dengan mudah menautkan berbagai halaman di dalam situs web atau untuk menambahkan tautan dengan deskripsinya.

Saat Anda menambahkan item daftar ke bagian ini, pengaturan dan gaya yang telah Anda tentukan akan diterapkan padanya. Bagian ini akan berguna untuk memamerkan tim, berbagai produk yang Anda jual, dan untuk banyak tujuan lainnya.


Dalam artikel ini:

  1. Apa itu bagian Teks?
  2. Tambahkan bagian Teks
  3. Tambahkan dan Edit item daftar
  4. Mengurutkan item daftar
  5. Menghapus item daftar
  6. Mengubah tata letak bagian
  7. Kelola Elemen
  8. Opsi gaya
  9. Gaya Korsel
  10. Contoh langsung

Bagian teks

  • Jika Anda ingin menambahkan teks atau tautan dalam teks tanpa gambar, Anda dapat menambahkan bagian teks.

Tambahkan bagian Teks

  • Bagian dapat ditambahkan ke halaman. Anda dapat menambahkan bagian ke halaman yang sudah ada atau buat halaman baru dalam situs web Anda.
  • Di halaman Anda, Klik pada biru + ikon untuk menambahkan Bagian Baru ke halaman Anda.

  •  Anda sekarang akan melihat kategori bagian di panel kiri.
  • Pilih Konten (1) pilihan dan klik pada Teks tab (2) tempat Anda dapat memilih tata letak yang berbeda (3).

  • Pilih tata letak bagian mana saja dan klik untuk menambahkannya ke halaman Anda.

Note

  1. Anda dapat mengatur lebar bagian dari pengaturan bagian dan lebar konten dari gaya konten.
  2. Pastikan judul, subtitel, dan deskripsi singkat dan jelas.
  3. Di bidang deskripsi, tekan Enter tombol untuk memberi jeda baris dan Shift + Enter tombol untuk memulai dari baris berikutnya.


Tambahkan dan Edit Item Daftar

Tambahkan Item Daftar

Setelah Anda menambahkan bagian: 

  • Klik pada Edit Konten (1) tombol untuk membuka panel item daftar.

  • Klik pada Tambahkan Barang (2) tombol untuk menambahkan item daftar baru.
  • Anda akan memiliki pilihan untuk Gandakan dan Hapus (3) item daftar.


Edit Item Daftar

Klik item daftar yang ingin Anda edit. Ini akan membuka opsi pengeditan item Daftar tertentu.

  • Tambahkan Judul (1), Subjudul (2), dan Deskripsi (3) dari Item Daftar.
  • Anda mungkin tidak menemukan opsi Subtitel dan Deskripsi dalam item daftar tertentu tergantung pada tata letak yang Anda pilih.
    Sebelum menambahkan deskripsi, periksa ini Artikel.

4. Aksi saat Klik

Anda dapat menyesuaikan perilaku klik item individual di Daftar Teks bagian. Berikut adalah pilihan yang tersedia:

  • Buka Tautan
    Memilih opsi ini akan membuka Pembuat Tautan, yang memungkinkan Anda menambahkan hyperlink ke item ini. Tautan tersebut dapat mengarahkan pengguna ke halaman lain di dalam situs web Anda atau URL eksternal. Tahu lebih banyak tentang Pembuat Tautan.
  • Buka di Lightbox
    Opsi ini menampilkan item dalam tampilan yang diperbesar Lightbox tampilan saat diklik. Dalam mode ini, Subtitle dan Uraian Teknis yang dikaitkan dengan item tidak akan muncul dalam tampilan kisi tetapi akan terlihat dalam mode Lightbox.
  • Tidak ada Aksi
    Pilih opsi ini untuk membuat item tidak dapat diklik. Jika dipilih, mengklik item tidak akan memicu tindakan apa pun.

5. Buka Tautan di Jendela Baru: Atur Tautan untuk dibuka di a tab baru atau di tab yang sama. Ini hanya akan terlihat ketika Buka Tautan opsi dipilih di bawah Aksi saat Klik menu.

6. Tombol & Tautan: Tambahkan semua jenis Link ke item daftar. Anda dapat menambahkan Tombol/Tautan Gambar/Ikon Sosial/Tautan Teks. Pelajari lebih lanjut.

7. Simpan: Setelah melakukan penyesuaian, simpan perubahannya.

8. Penggantian Gaya Kartu

Anda dapat mengganti pengaturan gaya kartu global dari bagian Pengaturan Gaya dan sesuaikan kartu setiap item secara individual di bagian Daftar Gambar. Ini memungkinkan Anda menerapkan gaya unik ke berbagai item daftar untuk penyesuaian yang lebih baik.

Pelajari lebih lanjut tentang pilihan Kartu di bagian dinamis.


Lihat cara mengedit item daftar teks:


Item Daftar Urutan

  • Anda dapat dengan mudah menarik dan melepaskan item daftar untuk mengubah urutannya.

Hapus Item Daftar

Setelah menambahkan item daftar, Anda dapat mengedit atau menghapusnya.

  • Klik pada Delete ikon di sebelah item Daftar.
  • Klik pada Delete tombol di popup konfirmasi.
  • Simpan perubahan.

Note

Item daftar yang pernah dihapus tidak dapat dipulihkan.


Tata Letak Bagian

  • Klik pada Edit Konten (1) tombol.

  • Pilih tata ruang (2) tab.
  • Pilih tata letak apa saja dan Simpan (3) perubahan Anda.


Kelola Elemen Teks

Bagian Daftar Teks mencakup tab elemen yang memungkinkan Anda mengelola visibilitas berbagai elemen dalam bagian dengan mudah. ​​Dengan menggunakan tombol sakelar sederhana, Anda dapat mengaktifkan atau menonaktifkan elemen tertentu tanpa harus menghapus atau mengubah elemen itu sendiri.

  • Klik pada Edit Konten (1) tombol.

  • Pilih Elemen (2) tab.
  • Setelah melakukan perubahan, tekan tombol Simpan (3) tombol.

Opsi Bagian

  1. Tampilkan Judul Utama: Mengaktifkan atau menonaktifkan visibilitas judul untuk bagian Daftar Teks.
  2. Tampilkan Tombol: Mengontrol apakah tombol ditampilkan di tingkat bagian.

Pilihan Item

  1. Tampilkan Judul: Mengontrol apakah judul akan ditampilkan.
  2. Tampilkan Subjudul: Mengaktifkan atau menonaktifkan subtitle.
  3. Tampilkan Deskripsi: Kelola visibilitas deskripsi item.
  4. Tampilkan Tombol: Tentukan apakah tombol untuk item individual akan ditampilkan.


Gaya bagian Anda

  • Klik pada Edit Konten (1) tombol.

  • Pilih Gaya (2) tab.
  • Ubah Gaya item daftar dan Simpan (3) perubahan Anda.


Anda akan memiliki beberapa opsi Gaya untuk bagian ini: 

  1. Tampilan Pilihan
  2. Layar Seluler
  3. Strategi
  4. Ukuran teks
  5. Jarak
  6. Judul Bagian
  7. Opsi kartu
  8. Opsi bayangan
  9. Tombol & Tautan

Tampilan Pilihan

  1. Memilih untuk Tampilkan Item in baris dan kolom or korsel 
    • Jika Anda telah memilih baris dan kolom pilihan, item daftar akan diatur dalam baris dan kolom. Dalam hal ini, Anda perlu menentukan jumlah baris dan kolom.
    • Jika Anda telah memilih korsel pilihan, item daftar akan disajikan sebagai tayangan slide. Tahu lebih banyak.
  2. Mengatur Jumlah kolom untuk daftar teks. Anda dapat memilih dari 1 hingga 10 kolom.
  3. Tentukan Ruang Antar Kolom dari item daftar.
  4. Tentukan Ruang Antara Baris dari item daftar.

Jika opsi Carousel dipilih pada Langkah 1, Anda akan melihat opsi tambahan berikut:

  1. Aktifkan Pengguliran Halus: Memungkinkan pengguliran item secara terus-menerus dalam korsel untuk pengalaman yang lancar dan menarik secara visual.
  2. Geser Otomatis: Secara otomatis berputar melalui slide tanpa interaksi pengguna.
  3. Tampilkan Kemajuan Putar Otomatis: Menampilkan indikator kemajuan saat putar otomatis aktif untuk visibilitas yang lebih baik.
  4. Penundaan Putar Otomatis: Mengatur interval waktu antara setiap transisi slide saat putar otomatis diaktifkan.
  5. Lingkaran Korsel: Memungkinkan perulangan slide yang berkesinambungan, sehingga korsel dimulai ulang dengan lancar setelah slide terakhir.
  6. Kontrol Korsel: Memilih Kontrol NavigasiAnda dapat memilih antara Tanpa Kontrol, Panah – Tengah Bawah/Kanan Atas/Kanan Bawah, Chevron, Titik, dan Gulir Horizontal.


Layar Seluler

  1. Tetapkan jumlah Kolom Grid untuk perangkat seluler. Anda dapat mengaturnya hingga maksimal 3 kolom.
  2. Tentukan Jarak antar grid (dalam piksel).

Tata Letak Kolom Khusus Perangkat Berdasarkan Pengaturan Studio:


Strategi

  • Penyelarasan Konten: Sejajarkan konten secara horizontal di Daftar Teks. Anda dapat mengaturnya agar sejajar kiri, kanan, atau tengah.


Ukuran Teks

  1. Klik pada Ubah Gaya Teks tombol untuk mengunjungi Mendesain bagian dan mengelola ukuran dan gaya font Anda. 
  2. Mengatur Judul gaya font untuk item daftar bagian.
  3. Mengatur Subtitle gaya font untuk item daftar bagian.
  4. Tetapkan default Uraian Teknis gaya font untuk item daftar bagian.
    Juga Periksa: Gaya teks situs web.
  5. Aktifkan opsi ini untuk animasikan angka apa pun hadir di Judul dan Subtitle kolom. Saat diaktifkan, nilai numerik akan muncul dengan animasi penghitungan dinamis, sehingga lebih menarik secara visual.


Jarak

  1. Tentukan Lebar Konten untuk item daftar.
  2. Tentukan Spasi di bawah Judul Bagian dalam px.
  3. Tentukan Spasi di bawah judul item daftar (dalam %).
  4. Tentukan Spasi di bawah Teks item daftar (dalam %).


Judul Bagian

  1. Sejajarkan Secara Horizontal teks judul bagian. Anda dapat mengaturnya ke Kiri, Tengah, dan Kanan.
  2. Aktifkan/Nonaktifkan Pembagi antara judul bagian dan konten bagian.
  3. Mengatur ketebalan pembagi (dalam piksel).
  4. Tentukan Warna Pembagi dari pemilih warna.
  5. Pilih Gaya Pemisah dari dropdown.
  6. Mengatur Lebar Judul untuk menentukan seberapa lebar judul bagian muncul, dimulai dari minimum 50%.


Opsi Kartu


Opsi Bayangan

  1. Display – Pilih untuk selalu menampilkan bayangan di belakang item daftar atau hanya saat melayang.
  2. Gaya – Pilih dari preset yang ada atau buat bayangan khusus.
    Jika Anda telah memilih opsi Kustom, kunjungi ini Pembuat Bayangan Kotak untuk membuat bayangan kustom. Terakhir, salin dan tempel kotak bayangan CSS.
  3. Jika Anda telah memilih opsi preset, maka Pilih Gaya Bayangan dari dropdown.

Note

Pengaturan gaya akan diterapkan ke semua item di bagian tersebut. Mereka tidak dapat diubah untuk setiap item daftar satu per satu.


Tombol & Tautan


Gaya Korsel

Gaya Carousel menampilkan item daftar sebagai tampilan slide yaitu, item daftar akan didaur ulang satu sama lain.

Lihat cara kerja gaya carousel: 


Tampilkan item daftar teks sebagai Kartu

  • Ketika Anda memilih untuk tunjukkan kartu atas daftar teks Anda, item daftar akan memiliki latar belakang dengan warna kartu yang telah Anda tentukan di Mendesain bagian.
    Juga Lihat: Warna dan jarak situs web.

Lihat: 


Berikut Daftar Teks langsung: 

Lihat situs demo langsung. 


Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.