Tetapan penampilan editor e-mel Stripo

Diterbitkan: 22 Oktober 2024 · Kemas kini terakhir: 12 September 2026 · Oleh Marcus Biel

Tab Appearance membolehkan anda mengawal gaya keseluruhan e-mel, termasuk fon, warna latar belakang, gaya butang dan pemformatan khusus untuk peranti mudah alih. Tetapan ini memastikan reka bentuk kekal konsisten dan dapat disesuaikan merentas peranti serta aplikasi e-mel.

Berikut ialah penerangan terperinci tentang setiap bahagian dalam tab Appearance.

---

1. Tetapan umum (General Settings)

Sesuaikan penampilan dan penjajaran keseluruhan e-mel anda. Tetapan ini digunakan pada semua bahagian.

• Message Alignment: Jajarkan kandungan e-mel ke kiri (Left), tengah (Center) atau kanan (Right).
• Default Padding: Tetapkan ruang dalaman yang seragam di sekeliling struktur baharu atau laraskan ruang bagi setiap sisi (atas, kanan, bawah, kiri) secara berasingan.
• General Background Color: Tetapkan warna latar belakang e-mel menggunakan kod heks atau pemilih warna.
• Font: Pilih fon standard seperti Arial dan Helvetica, atau fon hiasan seperti Roboto dan Lato.
• Line Spacing: Laraskan jarak antara baris dengan empat pilihan yang telah ditetapkan.
• Paragraph Bottom Space: Aktifkan atau nyahaktifkan jarak antara perenggan.
• Underline Links: Aktifkan atau nyahaktifkan garis bawah automatik untuk semua pautan dalam e-mel anda.
• Responsive Design: Aktifkan supaya e-mel anda menyesuaikan paparannya mengikut saiz skrin, khususnya pada peranti mudah alih.
• RTL Text Direction: Aktifkan arah teks dari kanan ke kiri untuk bahasa seperti bahasa Arab atau Ibrani.
• Background Image: Tambahkan imej latar belakang, dengan pilihan untuk menyertakan pautan padanya. Seret dan lepaskan imej untuk memuat naiknya.

---

2. Jalur (Stripes)

Jalur ialah bahagian struktur utama dalam e-mel, seperti pengepala (Header), kandungan (Content), pengaki (Footer) dan ruang maklumat (Info Area). Gaya setiap jalur boleh ditetapkan secara berasingan.

Jalur pengepala (Header)

• Text Size: Sesuaikan saiz teks pengepala (8–72).
• Background Color: Tetapkan warna latar belakang penuh atau biarkannya lutsinar.
• Content Background Color: Laraskan warna latar belakang kandungan dalam bahagian pengepala.
• Font Color: Tetapkan warna teks.
• Link Color: Tetapkan warna untuk pautan navigasi atau pautan lain dalam pengepala.
• Background Image: Tambahkan imej latar belakang jika mahu.

Jalur kandungan (Content)

Bahagian utama e-mel untuk teks, imej dan elemen interaktif.

• Text Size: Laraskan saiz teks kandungan (8–72).
• Content Background Color: Tetapkan warna latar belakang ruang kandungan utama.
• Font Color: Tetapkan warna lalai teks.
• Link Color: Sesuaikan warna pautan.

Jalur pengaki (Footer)

Biasanya digunakan untuk butiran hubungan, maklumat undang-undang atau pautan media sosial.

• Text Size: Tetapkan saiz teks (8–72).
• Background Color: Pilih warna latar belakang penuh atau biarkannya lutsinar.
• Content Background Color: Tetapkan latar belakang kandungan dalam pengaki.
• Font Color: Tetapkan warna fon.
• Link Color: Sesuaikan warna pautan dalam pengaki.
• Background Image: Jika mahu, tambahkan imej dengan pautan yang boleh diklik.

Jalur ruang maklumat (Info Area)

Digunakan untuk penafian, notis undang-undang atau maklumat tambahan.

• Text Size: Tetapkan saiz fon (8–72).
• Font Color: Tetapkan warna fon.
• Link Color: Laraskan warna pautan dalam jalur ini.

---

3. Tajuk (Headings)

Tetapkan gaya visual tajuk (H1, H2, H3) untuk membentuk hierarki dan struktur e-mel anda.

• Font: Pilih fon untuk tajuk.
• Line Spacing: Laraskan jarak antara baris supaya mudah dibaca.
• Heading Size: Sesuaikan saiz tajuk H1, H2 dan H3 (8–72).
• Text Styling: Gunakan gaya tebal (Bold) atau italik (Italic).
• Font Color: Tetapkan warna yang berbeza bagi setiap jenis tajuk.

---

4. Butang (Button)

Reka butang dalam e-mel anda untuk menggalakkan interaksi.

• Support for Outlook: Aktifkan untuk memastikan paparan yang betul dalam Microsoft Outlook menggunakan kod VML (saiz e-mel mungkin meningkat).
• Button Color: Tetapkan warna lalai butang.
• Highlight Hovered Buttons: Aktifkan kesan perubahan warna apabila kursor berada di atas butang.
  • Hover Color: Pilih warna yang dipaparkan apabila kursor berada di atas butang.
• Font Color: Tetapkan warna teks butang.
• Text Style:
  • Font: Pilih fon untuk teks butang.
  • Font Size: Laraskan saiz teks (8–72).
  • Styling: Gunakan gaya teks tebal (Bold) atau italik (Italic).
• Border Radius: Laraskan kebulatan penjuru butang (0–100).
• Borders:
  • Type: Pilih sempadan bergaris penuh (solid), putus-putus (dashed) atau bertitik (dotted).
  • Color: Tetapkan warna sempadan.
• Padding: Laraskan ruang dalaman butang (atas, kanan, bawah, kiri).

---

5. Pemformatan mudah alih (Mobile Formatting)

Pastikan e-mel anda kelihatan kemas pada peranti mudah alih dengan tetapan khusus untuk paparan mudah alih.

• Saiz teks pengepala, kandungan, pengaki dan ruang maklumat: Sesuaikan saiz teks bagi setiap bahagian pada peranti mudah alih.
• Menu Items Font Size: Laraskan saiz fon bagi item menu navigasi.
• Heading Sizes: Tetapkan saiz H1, H2 dan H3 untuk paparan mudah alih.
• Heading Alignment: Jajarkan tajuk ke kiri (Left), tengah (Center) atau kanan (Right).
• Button Text Size: Sesuaikan saiz teks butang untuk peranti mudah alih.
• Full-width Buttons: Aktifkan supaya butang memenuhi keseluruhan lebar skrin.
• Top and Bottom Padding: Laraskan ruang dalaman di bahagian atas dan bawah supaya paparan mudah alih lebih kemas.
• Content Margin: Laraskan margin di sekeliling kandungan untuk peranti mudah alih (0–100).

---

Nota akhir

• Pengujian: Sentiasa uji e-mel anda pada pelbagai peranti dan aplikasi e-mel untuk memastikan paparan yang konsisten.
• Kebolehcapaian: Gunakan fon yang mudah dibaca, struktur tajuk yang betul dan teks alternatif untuk imej supaya kandungan dapat diakses oleh semua pengguna.
• Pengoptimuman: Kecilkan saiz fail supaya kandungan dimuatkan lebih pantas dan prestasi lebih baik, terutamanya untuk pengguna peranti mudah alih.