![]() |
| Membangun Email Responsif |
Membangun Email Responsif,_ Merancang dan pengkodean newsletter ini memakan waktu. Anda dapat menemukan banyak tips desain tetapi coding newsletter Anda ke dalam template adalah bagian tersulit.
Itulah mana kerangka MJML datang ke dalam bermain. Ini adalah salah satu kerangka email gratis terbaik di luar sana dan mengkompilasi menjadi murni HTML/CSS, yang bekerja untuk semua klien email.
Salah satu hal yang lebih frustrasi tentang pengkodean newsletter semakin untuk bekerja di semua platform. Ini berlaku dua kali lipat untuk responsif desain yang perlu bekerja untuk mobile dan desktop klien, juga.
Untungnya, dengan kerangka MJML Anda mendapatkan sebuah abstraksi yang sederhana HTML, sehingga Anda tidak coding setiap satu baris dengan tangan. Mereka memiliki sebuah panduan pemula yang besar bagi siapa pun yang baru untuk email pembangunan.
Anda akan menggunakan elemen adat seperti <mj-column>untuk membangun kolom dan baris untuk template Anda. Anda dapat dengan cepat menambahkan teks, tombol, dan Penjarangan, berdasarkan kebutuhan Anda. MJML kerangka transpiles kode dari markup MJML ke dalam HTML standar-compliant & CSS.
Dari sana, Anda dapat menguji newsletter Anda untuk melihat bagaimana tampilannya dalam berbagai klien. Meskipun, berdasarkan grafik kompatibilitas, aku akan mengatakan MJML adalah pilihan yang fantastis untuk semua email yang modern.
Catatan Anda harus memiliki beberapa pengetahuan tentang pengembangan frontend dengan benar menggunakan MJML. Itu berjalan bahasa berpemilik template sendiri dan mengubah bahwa ke HTML, tetapi Anda harus memahami apa kode Anda lakukan, terlalu.
Untuk selengkapnya tentang cara kerja alat ini, check out halaman FAQ atau telusuri repo GitHub resmi (ya, ini adalah sumber terbuka!)
Atau, Anda dapat menggunakan editor hidup browser untuk main-main dengan kode MJML, tanpa men-download apa pun.
Editor ini hidup bekerja sebagai transpiler di browser, sehingga Anda dapat benar-benar menggunakannya untuk mengkonversi kode Anda ke dalam newsletter template.
Setelah Anda memiliki beberapa MJML yang ditulis, Anda klik link "Lihat HTML" di atas panel pratinjau. Ini akan menampilkan HTML mentah seluruh, sehingga Anda dapat menyalin/paste dan menggunakannya untuk template Anda sendiri.
Siapa pun yang baru untuk newsletter email harus dimulai dengan kerangka. Ada alasan baik untuk kode segala sesuatu dengan tangan, jadi MJML adalah waktu yang sangat besar.
Untuk memulai, kunjungi dokumentasi online atau bahkan mencoba mengedit salah satu template dalam editor hidup mereka. Dengan hanya beberapa jam kerja, Anda dapat memiliki newsletter email difinalisasi kode & siap untuk pergi.
Itulah mana kerangka MJML datang ke dalam bermain. Ini adalah salah satu kerangka email gratis terbaik di luar sana dan mengkompilasi menjadi murni HTML/CSS, yang bekerja untuk semua klien email.
Salah satu hal yang lebih frustrasi tentang pengkodean newsletter semakin untuk bekerja di semua platform. Ini berlaku dua kali lipat untuk responsif desain yang perlu bekerja untuk mobile dan desktop klien, juga.
Untungnya, dengan kerangka MJML Anda mendapatkan sebuah abstraksi yang sederhana HTML, sehingga Anda tidak coding setiap satu baris dengan tangan. Mereka memiliki sebuah panduan pemula yang besar bagi siapa pun yang baru untuk email pembangunan.
Anda akan menggunakan elemen adat seperti <mj-column>untuk membangun kolom dan baris untuk template Anda. Anda dapat dengan cepat menambahkan teks, tombol, dan Penjarangan, berdasarkan kebutuhan Anda. MJML kerangka transpiles kode dari markup MJML ke dalam HTML standar-compliant & CSS.
Dari sana, Anda dapat menguji newsletter Anda untuk melihat bagaimana tampilannya dalam berbagai klien. Meskipun, berdasarkan grafik kompatibilitas, aku akan mengatakan MJML adalah pilihan yang fantastis untuk semua email yang modern.
Catatan Anda harus memiliki beberapa pengetahuan tentang pengembangan frontend dengan benar menggunakan MJML. Itu berjalan bahasa berpemilik template sendiri dan mengubah bahwa ke HTML, tetapi Anda harus memahami apa kode Anda lakukan, terlalu.
Untuk selengkapnya tentang cara kerja alat ini, check out halaman FAQ atau telusuri repo GitHub resmi (ya, ini adalah sumber terbuka!)
Atau, Anda dapat menggunakan editor hidup browser untuk main-main dengan kode MJML, tanpa men-download apa pun.
Editor ini hidup bekerja sebagai transpiler di browser, sehingga Anda dapat benar-benar menggunakannya untuk mengkonversi kode Anda ke dalam newsletter template.
Setelah Anda memiliki beberapa MJML yang ditulis, Anda klik link "Lihat HTML" di atas panel pratinjau. Ini akan menampilkan HTML mentah seluruh, sehingga Anda dapat menyalin/paste dan menggunakannya untuk template Anda sendiri.
Siapa pun yang baru untuk newsletter email harus dimulai dengan kerangka. Ada alasan baik untuk kode segala sesuatu dengan tangan, jadi MJML adalah waktu yang sangat besar.
Untuk memulai, kunjungi dokumentasi online atau bahkan mencoba mengedit salah satu template dalam editor hidup mereka. Dengan hanya beberapa jam kerja, Anda dapat memiliki newsletter email difinalisasi kode & siap untuk pergi.


0 Comments