Bahagian "Kad Boleh Disesuaikan" dalam pembina laman web direka untuk mereka yang ingin menyampaikan maklumat utama tentang produk, perkhidmatan, atau ulasan pelanggan dengan mudah dan pantas. Blok ini membolehkan anda menambah kad yang menarik secara visual ke halaman laman web, yang boleh disesuaikan mengikut keperluan perniagaan anda.

Tidak kira sama ada anda ingin memberikan penerangan terperinci tentang kursus, maklum balas daripada pelanggan yang berpuas hati, atau cadangan untuk menggunakan perkhidmatan anda, "Kad Boleh Disesuaikan" dan "Kad Kursus" akan membantu menyerlahkan maklumat dan menjadikannya lebih mudah diakses dan mudah untuk pengunjung laman web.

Bagaimana untuk menambah blok?

Untuk menambah bahagian "Kad Boleh Disesuaikan", klik pada "+" dalam mod penyuntingan laman web anda:

Seterusnya, cari bahagian "Kad Boleh Disesuaikan" dalam menu yang terbuka dan klik padanya untuk menambah bahagian ke laman web. Bahagian akan ditambahkan ke laman web, dan menu tetapan kandungan akan dibuka untuk anda:

Bagaimana untuk menambah kad?

Dalam menu penyuntingan bahagian "Kad Boleh Disesuaikan" kandungan, anda akan melihat pelbagai bahagian untuk tetapan: gaya kad, imej, butang, dll.

Untuk kemudahan anda, anda boleh menambah kad terlebih dahulu untuk melihat bagaimana tetapan gaya digunakan pada kad.

Untuk melakukan ini, tatal ke bawah dalam menu tetapan kandungan dan cari butang "Tambah Kad":

Dengan mengklik pada butang "Tambah kad", anda melihat tetapan untuk kad dengan medan teks kosong, bar untuk memuat naik imej untuk kad dan untuk ikon butang, serta untuk teks butang itu sendiri:

Medan tetapan kad adalah pilihan: ini bermakna, anda boleh melangkau, sebagai contoh, memuat naik imej untuk kad itu sendiri atau untuk ikon butang, tanpa memasukkan teks - semuanya mengikut budi bicara anda.

Jika, sebagai contoh, anda tidak memerlukan butang dengan pautan dalam kad, biarkan medan "Nama butang" dan "Pautan" kosong: maka butang tidak akan dipaparkan dalam kad.

Terdapat pelbagai tetapan untuk teks kad, serupa dengan mana-mana editor teks, di mana anda boleh melaraskan saiz fon, garis luar fon, warna, penyerlahan, serta menambah pautan dan banyak lagi.

Untuk melakukan ini, pilih teks (sebahagian daripada teks) dan gunakan tetapan yang diperlukan pada teks:

Selepas anda mengkonfigurasi sepenuhnya kad pertama, tambahkan yang berikut: untuk melakukan ini, klik pada butang "Tambah Kad", yang terletak di bawah bar tetapan kad pertama yang ditambah:

Tetapan kad

Kad dikonfigurasikan dalam satu gaya: semua tetapan yang anda gunakan dalam bahagian ini akan digunakan pada semua kad dalam bahagian yang sama.

Gaya Kad

Terdapat dua gaya untuk kad dalam pembina laman web Mavibot: ringkas dan dalam bentuk slaid.

Semasa menggunakan gaya ringkas, semua kad akan dipaparkan serta-merta pada satu halaman bahagian laman web:

Semasa menggunakan gaya "Slaid", kad akan berada dalam bentuk karusel, dengan itu menambah lebih banyak dinamisme pada laman web:

Untuk gaya slaid, anda boleh memilih di mana anak panah dan titik kad akan ditempatkan:

Anak panah boleh terletak di dalam slaid, di luar, atau disembunyikan (contohnya, jika anda menetapkan pemasa untuk menukar kad secara automatik):

Titik juga boleh terletak di dalam slaid, di luar, atau disembunyikan.

Untuk menatal kad secara automatik, tetapkan selang masa untuk memaparkan satu halaman:

Jika nilai pemasa ditetapkan kepada 0, kad tidak akan ditatal secara automatik.

Perhatian!

Masa ditetapkan dalam milisaat, di mana satu milisaat bersamaan dengan 0.001 saat. Ini bermakna jika anda perlu menetapkan 7 saat, maka masukkan nilai dalam medan 7000.

Anda juga boleh memilih jenis kad:

Tetapan warna untuk elemen kad

Untuk menyesuaikan kad mengikut gaya anda, gunakan tetapan warna:

Tetapan warna digunakan pada semua kad pada masa yang sama. Jika anda memerlukan warna teks berbeza dalam setiap kad, maka gunakan tetapan dalam medan teks.

Palet warna yang luas tersedia untuk penyesuaian warna:

Dan anda boleh menggunakan tetapan warna pada mana-mana elemen kad.

Menetapkan sempadan dan ruang

  1. Bilangan kad setiap baris - medan teks yang akan membantu anda menetapkan bilangan kad yang diperlukan dalam satu baris (halaman).
  2. Ruang - adalah medan untuk memasukkan nilai berangka yang akan membantu menambah atau mengurangkan ruang mendatar/menegak antara kad, serta ruang di dalam kad,

Anda boleh menetapkan nilai berangka biasa untuk lekukan di dalam kad, atau dengan mengklik pada gear di sudut kanan baris, tetapkan nilai berasingan untuk sempadan atas, bawah, kiri dan kanan:

Orientasi kad

Orientasi kad boleh mendatar dan juga menegak.

Penjajaran

Ia boleh berada di tengah, di tepi kiri atau kanan.

Tetapan bayang

Ia akan membantu menambah kedalaman pada kad dan menyerlahkannya terhadap latar belakang bahagian/halaman.

Tetapan imej

Tetapan imej juga digunakan pada semua imej yang telah anda tambahkan pada kad.

Dalam tetapan imej, anda perlu menetapkan:

a) lebar gambar:

Medan mengambil nilai berangka dalam piksel, jika tidak dinyatakan, ia dipaparkan secara automatik mengikut lebar sebenar imej dalam piksel.

b) tinggi imej:

Medan mengambil nilai berangka dalam piksel, jika tidak dinyatakan, ia dipaparkan secara automatik mengikut kadar tinggi sebenar imej.

c) pembundaran:

Medan, yang mengambil nilai berangka dalam piksel, membantu membundarkan sudut imej:

d) saiz imej:

Tetapan digunakan jika perlu untuk mengisi/meregangkan/meletakkan imej berbanding lebar dan tinggi yang ditentukan untuk imej.

e) kotak semak "Gambar selepas teks"

Jika anda menandai kotak, imej akan terletak di bawah teks dalam kad.

Bagaimana untuk menyediakan butang

Teks, serta pautan ke halaman yang harus diklik oleh pelawat laman web anda, dikonfigurasikan dalam kad itu sendiri:

Juga, sebagai tambahan kepada teks dan pautan, anda boleh menetapkan ikon untuk butang dengan memuat naik imej dalam kad:

Untuk menetapkan warna teks dan latar belakang butang, gunakan tetapan di sini:

Seterusnya, anda boleh melaraskan saiz, lebar, dan ruang untuk butang:

  1. Lebar butang - adalah medan yang mengambil nilai berangka dalam kedua-dua piksel dan peratusan:

  1. Penjajaran butang - membantu menetapkan butang dalam kad berbanding tepi kanan atau kiri, serta tengah.

  1. Jejari sempadan butang - adalah medan yang mengambil nilai berangka dalam piksel untuk membundarkan sudut butang:

  1. Lebar sempadan - adalah medan yang mengambil nilai berangka dalam piksel untuk menetapkan lebar garis luar butang:

  1. Margin

Ia membantu anda melaraskan ruang untuk butang dalam kad berbanding tepi atas, bawah, kiri dan kanan.

  1. Padding

Ia membantu anda melaraskan ruang di dalam butang.

  1. Ikon

Jika anda telah memuat naik ikon ke butang dalam kad, maka ikon boleh dilaraskan agar sesuai:

Dan juga tetapkan kedudukan ikon berbanding teks di sebelah kiri atau kanan:

  1. Bayang untuk butang

Bayang boleh ditetapkan bukan sahaja untuk kad, tetapi juga secara berasingan untuk butang. Untuk melakukan ini, cari medan lungsur dengan nama "Bayang" dalam tetapan butang dan pilih tahap keamatan bayang: ringan atau kuat:

  1. Animasi butang

Ia membantu menarik perhatian pelanggan (pengguna laman web) kepada tindakan yang disasarkan pada butang dan menambah dinamik pada laman web:

1) animasi butang kilat:

2) animasi butang ripper:

Selesai!
Sekarang anda tahu cara mencipta dan menyesuaikan kad di laman web anda dari awal.