Bagian Judul

Anda dapat menambahkan Membintangi Bagian untuk Anda halaman secara langsung sehingga Anda dapat menambahkan deskripsi untuk halaman tersebut. Saat Anda ingin menampilkan gambar dan teks yang relevan dengannya, Anda dapat menggunakan bagian ini.

Gambar yang diunggah di sini tidak mendukung mode lightbox. Itu dapat diubah skalanya dengan menyeret sudut gambar.

Bagian ini terutama dapat digunakan untuk halaman About Me/Us. Anda juga bisa tautkan gambar ke halaman mana pun yang Anda inginkan.

Dalam artikel ini:

  1. Tambahkan Bagian Judul
  2. Mengelola Konten
  3. Kelola Elemen
  4. Ubah Tata Letak
  5. Tata Letak Teks Pas Otomatis
  6. Opsi Gaya

Tambahkan Bagian Judul:

  • 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 sisi kiri.
  • Pilih Bagian Pahlawan (1) pilihan dan pilih Membintangi (2) Tab.

  • Pilih salah satu tata letak bagian (3) dan klik untuk menambahkannya ke halaman Anda.
  • Saat bagian ditambahkan, Anda dapat mengedit teks dan mengunggah gambar apa pun.

Mengelola Konten

Setelah Anda menambahkan bagian: 

  • Klik pada Edit Konten (1) tombol.

  • Ini akan membuka Panel Item Judul (2).

Dari sini, Anda dapat:

  • Unggah Gambar Utama (1) untuk blok Headline.
  • Unggah Gambar Sekunder (2) untuk blok Judul (hanya pada tata letak yang dipilih).

  • Tambahkan Judul (3), Subjudul (4), dan Uraian Teknis (5) dari blok Headline. Sebelum menambahkan deskripsi, periksa artikel ini.

  • Tambahkan semua jenis Link (6) ke bagian judul. Anda dapat menambahkan Tombol/Tautan Gambar/Ikon Sosial/Tautan Teks. Pelajari lebih lanjut.
  • Simpan (7) perubahan Anda.


Kelola Elemen

Bagian judul 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 Edit Konten (1) tombol.

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

Pilihan Item

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


Ubah Tata Letak

  • Klik pada Edit Konten (1) tombol.

  • Pilih tata ruang (2) tab.
  • Pilih Ldi luar (3) untuk bagian Anda dan Simpan (4) perubahan.

Pro Tip

Untuk membuat bagian Lebar Penuh, pilih tata letak apa pun mulai dari 11 hingga 16.


Tata Letak Teks Pas Otomatis

Bagian Teks Autofit adalah alat yang ampuh untuk membuat konten teks dinamis dan responsif di situs web Pixpa Anda.

Ini memungkinkan Anda mengatur ukuran font maksimum, dan teks akan secara otomatis diubah ukurannya sesuai dengan ukuran layar, ruang, dan panjang teks yang tersedia untuk memastikan keterbacaan dan daya tarik estetika yang optimal.


Tambahkan Bagian Autofit ke halaman

  • Klik pada biru + ikon untuk menambahkan Bagian Baru ke halaman Anda.
  • Pilih Membintangi (1) bagian dan pilih salah satu dari layout (2) ditandai di tangkapan layar.
  • Bagian tersebut akan ditambahkan ke halaman.


Edit Bagian Pas Otomatis

  • Klik pada Edit Blok Teks Paskan Otomatis tombol di sudut kanan atas bagian.
  • Di bawah Konten tab, Anda dapat menentukan konten teks untuk bagian tersebut menggunakan tanggal 1, 2, dan 3 bidang teks.
  • Ukuran font teks secara otomatis akan disesuaikan dengan ukuran layar dan panjang teks. Akhirnya, Simpan (4) perubahan.

Bagian Penyesuaian Otomatis Gaya

Sesuaikan gaya bagian dari Gaya tab. Anda akan menemukan opsi berikut di sini:

  1. Tinggi Garis: Menentukan jarak vertikal antar baris teks.
  2. Ukuran Font Maks: Mengatur ukuran font maksimum yang dapat dijangkau teks.
  3. Perataan Teks: Meratakan teks secara horizontal di dalam bagian.
  4. Keluarga Font: Pilih jenis font seperti Heading 1, Heading 2, Paragraph, dll.

Note

Ukuran teks tidak akan mengikuti ukuran yang ditentukan bagian desain tetapi akan menyesuaikan berdasarkan ruang yang tersedia dan panjang teks.


Opsi Gaya

  • Klik pada Edit Konten (1) tombol.

  • Pilih Gaya (2) tab.
  • Ubah Gaya untuk elemen bagian dan Simpan (3) perubahan Anda.


Anda akan memiliki beberapa opsi gaya untuk bagian tersebut: 

  1. Opsi Gaya Gambar
  2. Masker Bentuk
  3. Opsi Batas Gambar
  4. Perataan & Warna
  5. Opsi Spasi
  6. Ukuran Teks
  7. Tombol & Tautan

Foto 

  1. Pilih Imusia Tanaman untuk gambar. Anda dapat mengatur gambar sebagai Kotak, Lingkaran, Lanskap, Potret, dan Dinamis.
  2. Pilih untuk memiliki radius sudut yang sama atau radius sudut yang berbeda untuk setiap sisi item daftar dan tetapkan angka (dalam px) untuk Radius Sudut dari gambar item daftar.
    Menggunakan radius sudut bidang, Anda dapat membuat berbagai bentuk gambar. Jika Anda menentukan 500 px di sini, gambar akan ditampilkan dalam bentuk lingkaran.
    Jika Anda telah memilih sudut terpisah, Anda dapat mengatur radius sudut yang berbeda untuk setiap sudut. Tahu lebih banyak. 
  3. Memilih untuk Menganimasikan Gambar saat Melayang dengan mengklik Ya.
  4. Pilih dari yang berbeda Gaya Animasi untuk gambar saat melayang.

Saat tata letak Judul Lebar Penuh diterapkan, Anda akan melihat opsi tambahan ini:

  • Tentukan Warna Hamparan: Ini memungkinkan Anda menerapkan hamparan warna di seluruh bagian judul. Anda dapat memilih warna apa pun menggunakan pemilih warna dan mengontrol transparansinya menggunakan penggeser opasitas, yang membantu Anda meningkatkan visibilitas teks atau menciptakan suasana visual tertentu.


Masker Bentuk

  1. Masker Bentuk: Aktifkan tombol ini untuk menerapkan shape mask ke gambar di bagian Headline. Setelah diaktifkan, bentuk yang dipilih akan secara visual memotong gambar ke dalam formulir tersebut.
  2. Pilih Bentuk: Pilih dari berbagai bentuk yang telah ditetapkan untuk diterapkan pada gambar Anda. Ini memungkinkan Anda untuk secara kreatif menata konten Anda dengan menampilkan gambar dalam bentuk yang unik seperti bulat, berlian, jatuh, dll.

Catatan

  • Opsi Shape Mask bergantung pada tata letak – Mungkin tidak muncul dalam tata letak di mana teks seperti judul atau subjudul ditampilkan di atas gambar.
  • Pengaturan Peregangan bergantung pada beberapa faktor – termasuk pengaturan Ukuran Gambar, Penjajaran, dan Pemotongan yang ditetapkan pada tab Gaya.
  • Jika Pemotongan Gambar diatur ke Asli, dimensi gambar yang sebenarnya akan menentukan apakah gambar akan diregangkan secara vertikal atau horizontal.


Opsi Batas Gambar

  1. Aktifkan / Nonaktifkan perbatasan di sekitar gambar dengan mengalihkan tombol.
  2. Pilih untuk memiliki a perbatasan bersama di semua sisi gambar atau Anda dapat menentukan berbatasan secara terpisah untuk setiap sisi.
  3. Tentukan lebar perbatasan. Jika diset ke 0, maka border tidak akan muncul. Anda juga memiliki opsi untuk mengatur lebar batas satu per satu untuk setiap sisi gambar.
  4. Pilih Warna Perbatasan dari pemilih warna.
  5. Pilih yang disukai Gaya Perbatasan dari dropdown.
  6. Tentukan lebar batas untuk seluler perangkat, menyelaraskannya dengan lebar yang dipilih untuk desktop.


Perataan & Warna 

  1. Meluruskan konten di bagian Judul secara horizontal. Anda dapat mengaturnya menjadi rata Kiri, Kanan, atau Tengah.
  2. Meluruskan konten di bagian Judul secara vertikal. Anda dapat mengaturnya menjadi rata Atas, Bawah, atau Tengah.
  3. Pilih jika Anda ingin menyimpan Warna Dasar (warna latar belakang kotak teks) ke Default atau Kustom.
  4. Jika Anda telah memilih Kustom untuk warna dasar, Anda mendapatkan opsi pilih warna latar belakang. Anda juga dapat menentukan kegelapan dari warna Dasar.


Ukuran & Ruang 

  1. Tentukan Lebar Gambar untuk gambar blok Headline.
  2. Tentukan Lebar Konten untuk teks blok Judul.
  3. Tentukan Spasi atau Tumpang Tindih antara Kartu Teks dan Gambar (di dalam %).
  4. Tentukan Spasi di bawah Judul (di dalam %).
  5. Tentukan Spasi di bawah Subtitle (di dalam %).


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 bagian blok Headline.
  3. Mengatur Subtitle gaya font untuk bagian blok Headline.
  4. Tetapkan default Uraian Teknis gaya font untuk bagian blok Headline.
  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.


Tombol & Tautan 

Anda dapat menambahkan berbagai jenis tombol ke bagian Judul. Mereka adalah sebagai berikut:

  • Tombol normal (1) Tombol Gambar (2), dan Tombol Ikon (3).

  1. Tentukan Spasi Antar Tombol/Tautan yang berbeda.
  2. Tentukan Tombol / Tautan Spasi Di Atas di dalam Kartu Teks.
  3. Mengatur Lebar Tombol di dalam Kartu Teks.

Ukuran kancing 

  1. Atur Ukuran Tombol Biasa. Anda dapat memilih dari tiga opsi: Kecil, Sedang, dan Besar.
  2. Tentukan Ketinggian Tombol Gambar dalam piksel.
  3. Mengatur Ukuran Tombol Ikon dalam piksel.

  1. Mengatur Jenis Ikon untuk Tombol Ikon.
  2. Pilih Gaya Warna untuk Ikon di dalam tombol. Anda dapat memilih warna merek ikon atau menentukan warna pilihan Anda.
  3. Mengatur Warna Ikon tombol Ikon. Anda akan melihat opsi ini hanya jika Anda mengaktifkannya Warna yang Dipilih (28) pilihan.
  4. Jika Anda telah memilih Kustom pada langkah sebelumnya (29), Anda dapat mengatur warna yang disukai untuk Ikon di dalam tombol.
  5. Pilih Warna latar belakang untuk Tombol Ikon.


Lihat cara kerja Radius Sudut: 


Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.