Poradnik wideo: eksport e-maili z Figmy do kodu MJML
Ten film pokazuje, jak eksportować e-maile z wtyczki Emailify w Figmie do kodu MJML.
Jeśli podczas eksportu e-maili z wtyczki Emailify wybierzesz opcję MJML Source Code, wyeksportowane foldery e-maili będą zawierać obok zwykłego pliku HTML dodatkowy plik index.mjml.
Wybór wersji MJML
Na liście MJML Version wybierz, czy wyeksportowany plik index.mjml ma używać MJML 4, MJML 5 czy MJML 6. Domyślnie wybrany jest MJML 4, zapewniający zgodność z istniejącymi przepływami pracy MJML. Wybierz MJML 5, gdy Twój kompilator i narzędzia na dalszych etapach obsługują MJML 5.
MJML 6 korzysta z MJML 6.0.0-alpha.1 i jest przeznaczony do testów z kompatybilnymi narzędziami na dalszych etapach. Wersja alpha zmienia generowany HTML i niektóre domyślne style, więc przed użyciem w kampanii sprawdź podgląd i wyeksportowany e-mail. W każdej chwili możesz wrócić do MJML 4 lub MJML 5.
Gdy używasz własnego CSS z MJML 6, selektory z więcej niż sześcioma opcjonalnymi segmentami > tbody > zachowują tylko formy ze wszystkimi tymi segmentami albo bez żadnego z nich. Przy mieszanym zagnieżdżeniu na tej głębokości może być potrzebny prostszy selektor. Komentarze i formatowanie są zachowywane, więc wyeksportowany CSS może się różnić od wcześniejszych wersji, nawet jeśli selektory pasują do tych samych elementów.
Gdy wybrana jest opcja MJML Source Code, Preview HTML i towarzyszący plik index.html używają tej samej wersji MJML, którą wybierzesz na liście.
Ustawienie MJML Version dotyczy tylko eksportów MJML Source Code. MJML 5 i MJML 6 trzeba włączyć samodzielnie i nie zmieniają one pozostałych formatów eksportu Emailify.
Plik MJML pozwala programiście łatwo otworzyć kod w edytorze i wprowadzić ręczne zmiany lub dostosowania bez zmagania się ze skompilowanymi tabelami HTML, z którymi pracuje się znacznie trudniej.
Po wprowadzeniu zmian kod można skompilować do HTML jedną z wielu metod opisanych w sekcji o użyciu w dokumentacji MJML.
Emailify automatycznie minifikuje eksporty HTML, aby maksymalnie zmniejszyć rozmiar pliku. Jeśli jednak eksportujesz e-maile z wybraną opcją MJML Source Code, możesz pominąć minifikację, wyłączając przełącznik Minify HTML – wtyczka automatycznie wyłączy wtedy minifikację dla tych wyeksportowanych e-maili.