Kā izveidot HTML e-pasta parakstu iPhone vai iPad

Ja esat atkarīgs no e-pastiem, īpaši biznesa vajadzībām, no šīs apmācības jūs soli pa solim uzzināsit, kā izveidot HTML e-pasta parakstu iPhone vai iPad.

HTML biznesa e-pasta parakstā jāiekļauj: jūsu vārds, amats organizācijā, uzņēmuma nosaukums, uzņēmuma logotips, jūsu un uzņēmuma kontaktinformācija (tālrunis, e-pasts, tīmekļa adrese).

Lielākajā daļā e-pasta lietojumprogrammu, piemēram, Outlook, HTML paraksti tiek pievienoti, ievietojot kodu HTML paraksta laukā. Priekš iPhone vai iPad ir nedaudz atšķirīgs, taču abos gadījumos jums ir nepieciešams HTML paraksts.

Kā izveidot HTML e-pasta parakstu iPhone vai iPad

Kā jau teicu iepriekš, vispirms ir jāizveido HTML paraksts (ja jums tas jau ir, varat izlaist šo apmācības daļu).

Izveidojiet HTML parakstu

Savā piemērā es izdarīju a HTML e-pasta paraksts priekš iPhone kaut kas vienkāršāks, kas ietver: attēlu (vai uzņēmuma logotipu), sociālo tīklu ikonas ar saiti, vārdu un uzvārdu, funkciju, tālruņa numuru, e-pasta adresi un tīmekļa adresi.

HTML e-pasta paraksts priekš iPhone
HTML paraksts

Ja vēlaties sākt no šī model paraksta HTML kods ir šāds:

<!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:youremail@domain.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;">hi@website.com</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:youremail@domain.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;">hi@website.com</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>

Vienkāršākais ir izveidot mapi parakstam. Jūs kopējiet šo kodu teksta vai HTML redaktorā un pēc tam modificējiet to ar saviem datiem. Beigās jūs to saglabājat ar paplašinājumu .html.

Blakus HTML failam izveidojat mapi img kurā iekļaujat grafiskos elementus. Attēls un ikonas. Jūs identificējat šos elementus savā HTML kodā. Piemērs: <img src="img/icon-email-10.png".../>.

Pēc paraksta pielāgošanas pārlūkprogrammā atveriet HTML failu. Rezultātam jābūt līdzīgam attēlam apmācības sākumā.

Kā pievienot HTML parakstu iPhone vai iPad

Lai paraksts būtu atvērts un adresātiem lasāms, tam ir jābūt mitinātam tīmekļa serverī vai pakalpojumā cloud kas ļauj augšupielādēt HTML failus un grafiku.

Es uzliku savu parakstu Interneta adrese.

E-pasta paraksts tīmeklī
E-pasta paraksts tīmeklī

Kad HTML paraksts ir izveidots un ir pieejams tiešsaistē, nākamais solis ir pievienot HTML parakstu saviem e-pasta kontiem savās ierīcēs. iPhone vai iPad.

Apmācība ir paredzēta lietotnei pievienotajiem e-pasta kontiem Mail atrodas visās ierīcēs iPhone, iPad, Mac.

1. AtverietSettings" tad ritiniet līdz "Mail".

2. Opcijās "Mail"atvērts"Signature".

Kā izveidot HTML e-pasta parakstu iPhone vai iPad
Kā izveidot HTML e-pasta parakstu iPhone vai iPad

2. Atveriet tīmekļa saiti, kurai ir paraksts, un kopējiet visu saturu. To var izdarīt no Safari ierīces iPhone vai iPad. Ar funkciju Handoff (Universal Clipboard), varat kopēt HTML parakstu no sava datora Mac vai MacGrāmata.

Kopējiet HTML parakstu
Kopējiet HTML parakstu

3. Atgriezties uz “Signature” un ielīmējiet (paste) kopētais saturs.

iPhone HTML paraksts
iPhone HTML paraksts

Pēc šīs darbības varat teikt, ka esat iemācījies izveidot un pievienot HTML e-pasta parakstu iPhone vai iPad.

HTML paraksts iekšā iPhone e-pasts
HTML paraksts

Saistītie: Kā izveidot HTML parakstu ar attēlu Outlook

Neuztraucieties, ja pamanāt, ka 3. punktā teksts nav salasāms. Fona krāsa tiks kopēta no HTML paraksta avota. Tātad, ja adresāta e-pasta saskarne ir iestatīta uz "tumšu" motīvu, jūsu ziņojums tiks saņemts ar baltu fonu.

Tehnoloģijas entuziasts, ar prieku rakstu vietnē StealthSettings.com no 2006. gada. Man ir plaša pieredze operētājsistēmās: macOS, Windows un Linux, kā arī programmēšanas valodās un blogošanas platformās (WordPress) un tiešsaistes veikalu platformās (WooCommerce, Magento, PrestaShop).

kā uz » iHowTo » iHowTo - iOS » Kā izveidot HTML e-pasta parakstu iPhone vai iPad
Leave a Comment