Semua blok menggunakan tetapan global yang sama untuk fon, latar belakang, dan paparan, memastikan gaya visual yang konsisten di seluruh laman web anda sambil membenarkan kandungan blok berbeza.

Untuk mengkonfigurasi tetapan global bagi mana-mana blok, halakan kursor anda ke atasnya dan pilih butang Tetapan yang muncul.

Klik butang Tetapan untuk membuka menu tetapan bahagian global di sebelah kanan.

Tetapan fon

Anda boleh menukar tetapan berikut:

  • Fon & gaya: Keluarga fon, gaya (Normal atau Italic), dan berat (ketebalan).
  • Jarak: Jarak huruf, ketinggian baris, dan saiz fon.

Untuk blok yang mempunyai kedua-dua medan Tajuk dan Teks, anda mempunyai dua pilihan penggayaan:

  1. Gunakan gaya fon tunggal pada keseluruhan blok untuk keseragaman.
  2. Aktifkan pilihan Fon tambahan untuk menentukan gaya berasingan bagi Tajuk dan Teks, mewujudkan peranan visual yang berbeza dalam blok yang sama.

Cara menambah fon tersuai

Untuk menambah fon tersuai, cari butang dengan nama yang sama dan klik padanya:

Anda akan dibawa ke halaman dengan pelbagai jenis fon yang berbeza:

Langkah 1. Cari fon yang dikehendaki

a) Ini boleh dilakukan menggunakan bar carian:

Pilih kriteria yang diperlukan untuk fon:

  • Kategori fon
  • sans-serif (huruf sans-serif)
  • serif (huruf sans-serif)
  • handwriting (fon yang meniru tulisan tangan)
  • monospace (fon monospace atau tidak seimbang, fon di mana semua aksara mempunyai lebar yang sama)
  • display (fon tebal yang dipaparkan)
  • Sokongan bahasa
  • Cyrillic
  • Latin

b) Untuk mencari fon secara manual, tatal senarai dalam reben pemformatan.

Langkah 2. Klik pada fon yang dipilih:

Anda akan melihat tetingkap modal dengan pilihan fon:

Langkah 3. Pilih pilihan fon dengan menandakan kotak di sebelah yang anda perlukan:

Langkah 4. Klik butang "Tambah":

Tetapan fon tersuai anda akan dipaparkan di sini setelah disimpan.

Langkah 6. Klik "Simpan":

Fon yang ditambah akan ditunjukkan dalam senarai yang sama dengan fon lalai.

Tetapan latar belakang

Sesuaikan latar belakang bahagian dengan warna pepejal, kecerunan, imej, atau video.

Anda boleh melapisi warna atau kecerunan di atas imej latar belakang.

Imej boleh ditambah sebagai fail atau sebagai pautan ke imej:

Video boleh ditambah dari storan

Pertama, muat naik fail video anda ke storan fail.

Tetapan imej latar belakang

Kawalan kedudukan imej

Imej dalam bahagian diletakkan menggunakan dua parameter bebas:

  1. Penjajaran mendatar (paksi-X)
  2. Penjajaran menegak (paksi-Y)

Tentukan kedudukan menggunakan kata kunci atau gabungan:

Kata kunci Kesan
top, bottom, center Penjajaran menegak
left, right, center Penjajaran mendatar
bottom left, top right, center center Kedudukan gabungan

Untuk kawalan yang tepat, anda juga boleh menggunakan nilai berangka:

  • Peratusan (contohnya, 30% 75%)
  • Piksel (contohnya, 20px 100px)
  • Atau unit campuran

Pilihan saiz imej

Anda boleh mengawal dimensi imej menggunakan kaedah berikut:

1. Tetapkan dimensi tersuai

Tentukan kedua-dua lebar dan tinggi menggunakan nilai yang fleksibel.

  • Format: [lebar] [tinggi]
  • Contoh 1 (Piksel): 500px 300px
  • Contoh 2 (Peratusan): 15% 10%

2. Gunakan kata kunci pratetap

Tentukan satu parameter untuk menggunakan tingkah laku penskalaan tertentu:

  • contain — Menskala imej agar muat sepenuhnya dalam ketinggian bahagian sambil mengekalkan nisbah aspeknya (Contoh 3).
  • cover — Memaparkan imej pada dimensi piksel asalnya (Contoh 4: saiz asal 1268 × 1343 px).

Ulang imej

Pilihan ini dilumpuhkan secara lalai. Tetapan yang tersedia termasuk:

Cara menyemat imej

Aktifkan suis ini untuk menetapkan imej latar belakang tetap. Apabila aktif, imej kekal pegun semasa tatal, membolehkan kandungan bergerak di atasnya.

Warna latar belakang dan kecerunan

Anda boleh menyesuaikan latar belakang bahagian dengan warna pepejal atau memilih kecerunan daripada pilihan yang tersedia.

Tetapan paparan

Anda boleh menentukan di mana bahagian ini kelihatan (contohnya, pada peranti atau platform mana). Secara lalai, ia dipaparkan di laman web dan di Facebook. Menggunakan menu lungsur, anda boleh memilih pilihan paparan untuk blok ini, seperti menjadikannya kelihatan hanya di laman web.

Jejari Sempadan:

Jejari sempadan ditunjukkan dalam piksel - px.

Ketinggian bahagian

Ketinggian bahagian boleh ditakrifkan menggunakan unit berikut:

  • px: piksel (nilai tetap)
  • vh: ketinggian viewport (responsif kepada saiz skrin)

Lebar bahagian

Lebar 1 lajur = 106 px

Secara lalai, lebar bahagian ditetapkan kepada skrin penuh, dan kandungan dipaparkan dalam susun atur 8 lajur.

Contoh 1: Kandungan dipusatkan dalam bahagian dan merentangi 5 lajur susun atur.

Contoh 2. Bahagian merentangi 8 lajur, dengan kandungan meliputi keseluruhan lebar bahagian:

Kesan Kemunculan yang Dicetuskan oleh Tatal

Aktifkan suis ini untuk membolehkan animasi yang dicetuskan oleh tatal untuk kandungan anda. Anda boleh memilih untuk membuat kandungan muncul dari bawah, atas, kiri, atau kanan.

Paparan kandungan

Kandungan dipaparkan secara mendatar dan dipusatkan secara lalai. Ia boleh dialihkan ke tepi kiri atau kanan halaman.

Secara menegak, kandungan dijajarkan ke atas secara lalai. Ia boleh dialihkan ke bawah atau dipusatkan pada halaman.

Untuk menyesuaikan teks ke skrin sempit mengikut gaya Mavibot, sila aktifkan peluncur ini:

Margin (untuk bahagian)

Margin luaran

Anda boleh menggunakan medan ini untuk melaraskan jarak antara bahagian. Secara lalai, padding dalaman (atas/bawah/kiri/kanan) ditetapkan kepada 0 px.

Untuk menggunakan margin yang sama pada semua sisi, masukkan nilai dalam medan utama. Margin atas, bawah, kiri, dan kanan akan ditetapkan secara automatik.

Untuk memastikan konsistensi visual, margin mesti dikonfigurasi secara individu untuk setiap bahagian.

Margin dalaman

Gunakan medan ini untuk melaraskan margin dalaman bahagian. Secara lalai, margin (atas, bawah, kiri, kanan) ditetapkan kepada 32 px.

Julat keterlihatan mengikut peranti

Julat keterlihatan menentukan pada peranti mana (contohnya, desktop, tablet, mudah alih) blok ini akan dipaparkan. Tetapan ini dikonfigurasi secara individu untuk setiap blok.

Mengapa ini berguna dan bagaimana ia berfungsi?

Jika blok (contohnya, kulit) dipaparkan dengan baik pada desktop tetapi tidak pada mudah alih, anda boleh mengkonfigurasinya untuk muncul hanya pada peranti dengan lebar skrin 960 piksel atau lebih besar. Ini memastikan blok hanya kelihatan dalam paparan desktop dan disembunyikan pada peranti mudah alih.

Kemudian anda perlu menyalin blok ini dan menyesuaikan penampilannya khusus untuk peranti mudah alih (tukar foto, saiz fon, dll.). Untuk blok ini, tetapkan keterlihatan dalam julat dari 0 hingga 960 piksel. Ia akan menjadi versi mudah alih blok.

Hasilnya, versi desktop akan dipaparkan pada komputer, manakala versi mudah alih akan ditunjukkan pada telefon pintar dan tablet.

Julat keterlihatan (nilai parameter yang berbeza) diperlukan untuk dapat menyesuaikan penampilan unit untuk peranti tertentu dengan memilih resolusi. Sebagai contoh, jika blok tidak dipaparkan dengan baik pada tablet atau pada model telefon tertentu, anda boleh menyesuaikan penampilannya berdasarkan resolusi peranti ini.

Secara lalai, bahagian dipaparkan pada peranti dari sebarang saiz.

Contoh

Konfigurasikan bahagian pertama untuk peranti mudah alih dan tablet

  • Buat bahagian
  • Tetapkan julat keterlihatannya dari 0 hingga 640 px
  • Muat naik imej yang dioptimumkan untuk skrin kecil

Bahagian kedua adalah untuk PC (komputer riba). Tetapkan julat keterlihatan dari 641 piksel dan ke atas.

  • Simpan perubahan anda dan pergi ke halaman edit. Untuk kemudahan anda, tetapan keterlihatan bahagian akan dipaparkan di sana.

Untuk menguji bagaimana bahagian akan muncul pada peranti tertentu, pergi ke halaman pratonton laman web. Klik butang tetikus kanan dan klik "Lihat kod".

Pilih peranti yang anda ingin lihat bagaimana rupa laman web tersebut.

Masa kemunculan

Anda boleh menggunakan medan ini untuk menentukan kelewatan sebelum bahagian muncul, dinyatakan dalam saat (s) atau minit (m).