iki
Kaip sukurti „iPhone“ ar „iPad“ HTML el. Pašto parašą
Kaip sukurti „iPhone“ ar „iPad“ HTML el. Pašto parašą
Jei esate priklausomas nuo el. laiškų, ypač verslui, iš šios pamokos žingsnis po žingsnio sužinosite, kaip sukurti HTML el. pašto parašą iPhone ar iPad.
turinys
HTML verslo el. pašto paraše turėtų būti: jūsų vardas, pareigos organizacijoje, įmonės pavadinimas, įmonės logotipas, jūsų ir įmonės kontaktiniai duomenys (telefonas, el. paštas, žiniatinklio adresas).
Daugumoje el. pašto programų, pvz., „Outlook“, HTML parašai pridedami įvedus kodą HTML parašo lauke. „iPhone“ ar „iPad“ tai šiek tiek skiriasi, tačiau abiem atvejais jums reikia HTML parašo.
Kaip sukurti „iPhone“ ar „iPad“ HTML el. Pašto parašą
Kaip jau sakiau aukščiau, pirmiausia turite sukurti HTML parašą (jei jį jau turite, galite praleisti šią pamokos dalį).
Sukurkite HTML parašą
Savo pavyzdyje aš padariau a HTML el. pašto parašas, skirtas iPhone kažkas paprastesnio, į kurį įeina: paveikslėlis (arba įmonės logotipas), socialinių tinklų piktogramos su nuoroda, vardas ir pavardė, funkcija, telefono numeris, el. pašto adresas ir interneto adresas.
Jei norite pradėti nuo šio parašo šablono, HTML kodas yra toks:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Email Signature</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat">
<style type="text/css">
img { outline: none; text-decoration: none; border: none; }
p { margin: 0px !important; }
a { color: #000 !important; text-decoration:none !important; }
@media only screen and (max-width: 480px) {
.heading-one {
font-size:16px !important;
line-height:18px !important;
}
.heading-two {
font-size:12px !important;
line-height:14px !important;
}
.paragraph {
font-size:10px !important;
line-height:11px !important;
}
}
href>a { color:#000; text-decoration: none !important; text-decoration: none; }
</style>
</head>
<body>
<!-- EDIT BELOW IF YOU AREN'T OUTLOOK USER -->
<!--[if !mso]><!-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="display:inline-block; min-width:100px; max-width:100px; padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td valign="top" style="display:inline-block; min-width:300px; max-width:400px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;">John Doe</span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;">Creative Director</span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">858-272-3400</span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:[email protected]" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">[email protected]</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">www.website.com</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<!--<![endif]-->
<!-- EDIT BELOW IF YOU ARE OUTLOOK USER -->
<!--[if mso]>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="100" valign="top" style="padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td width="400" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;"><font face="'Montserrat', Arial, sans-serif !important;">John Doe</font></span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;"><font face="'Montserrat', Arial, sans-serif !important;">Creative Director</font></span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">858-272-3400</font></span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:[email protected]" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">[email protected]</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">www.website.com</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<![endif]-->
</body>
</html>Paprasčiausia yra sukurti parašo aplanką. Nukopijuokite šį kodą į teksto arba HTML rengyklę, tada pakeisite jį naudodami savo duomenis. Pabaigoje išsaugokite jį su plėtiniu .html.
Šalia HTML failo sukuriate aplanką img į kurią įtraukiate grafinius elementus. Paveikslėlis ir piktogramos. Šiuos elementus identifikuojate savo HTML kode. Pavyzdys: <img src="img/icon-email-10.png".../>.
Pritaikę parašą, atidarykite HTML failą naršyklėje. Rezultatas turėtų būti panašus į paveikslėlį pamokos pradžioje.
Kaip pridėti HTML parašą „iPhone“ ar „iPad“.
Kad parašas būtų atviras ir jį perskaitytų gavėjai, jis turi būti talpinamas žiniatinklio serveryje arba tarnyboje cloud kuri leidžia įkelti HTML failus ir grafiką.
Aš padėjau savo parašą interneto adresą.
Kai HTML parašas bus sukurtas ir pasiekiamas internete, kitas veiksmas yra pridėti HTML parašą prie el. pašto paskyrų savo iPhone arba iPad.
Instrukcija skirta prie programos pridėtoms el. pašto paskyroms Mail yra visuose iPhone, iPad, Mac įrenginiuose.
1. Atviras “Settings“, tada slinkite iki “Mail“.
2. Parinktyse “Mail“, atidarote “Signature“.
2. Atidarykite interneto nuorodą, kurios parašą turite, ir nukopijuokite visą turinį. Tai galite padaryti naudodami „Safari“ savo „iPhone“ ar „iPad“. Su funkcija Handoff (Universali iškarpinė), galite nukopijuoti HTML parašą iš savo „Mac“ arba „MacBook“ kompiuterio.
3. Grįžti į “Signature” ir įklijuoti (paste) nukopijuoto turinio.
Atlikę šį veiksmą galite pasakyti, kad išmokote sukurti ir pridėti HTML el. pašto parašą iPhone ar iPad.
Susiję: Kaip padaryti HTML parašą su „Outlook“ nuotrauka
Nesijaudinkite, jei pastebėsite, kad 3 punkte tekstas neįskaitomas. Fono spalva bus nukopijuota iš HTML parašo šaltinio. Taigi, jei gavėjo el. pašto sąsajoje nustatyta tema “tamsus”, jūsų pranešimas bus pristatytas baltame fone.
Kaip sukurti „iPhone“ ar „iPad“ HTML el. Pašto parašą
Galbūt jus taip pat domina...
