知識庫首頁 aero-right 範本與編輯器

如何在編輯器內編輯圖片的對齊方式?

我們的拖曳式編輯器提供不同圖片區塊,滿足您的需求。當您在郵件放入圖片,您可能會想要使用圖片對齊選項移動圖片到郵件的另一邊或郵件邊緣。透過本篇 FAQ,您將學會如何使用拖曳式編輯器在郵件內對齊圖片。   單圖區塊   拖曳單圖區塊到您的郵件,或是點擊已經放在郵件內的單圖區塊。 現在,「單圖區塊」編輯選項會出現在左邊。 拖曳綠色圓點,設定「水平間距」及「垂直間距」。 使用圖片對齊選項對齊您的圖片。如果您的圖片佔滿所有空間,對齊照片效果可能不會很明顯。 完成後,點擊「儲存及關閉」。     多圖區塊以及圖文區塊   如果您新增多張圖片或使用圖文區塊: 點擊區塊。 您會看到兩個標籤。 在「設置」標籤,您可以設定整個「多圖區塊」的水平以及垂直間距。 在「內容」標籤,您可以設定「間距寬度」。 要設定對齊選項,點擊區塊內的一張圖片,就會看到對齊選項。點擊圖片,您會發現編輯選項,使用此功能調整圖片尺寸,新增圖片或相框到您的圖片。 完成後點擊「儲存」。     圖卡區塊   點擊「圖卡」區塊。 您會看到兩個標籤。 在「設置」標籤,您可以設定整個「圖卡區塊」的水平以及垂直間距。 在「內容」標籤,您可以設定下列選項: 文字方塊位置 圖片區域 對齊圖片及圖片顯示 要新增「Alt 文字」,點擊j圖片或使用圖片編輯器。 完成後,點擊「儲存及關閉」。   您可以在按鍵區塊、社群追蹤區塊以及導覽列區塊等區塊的左邊找到圖片對齊選項。   如果您想了解更多關於圖片尺寸資訊,點擊此處。關於我們的功能,如果您有更多問題,請透過電子郵件、線上客服或電話與我們的支援團隊聯絡。    

範本與編輯器 12 八月, 2020

檢視HTML代碼應具備那些知識?

當檢視代碼時,你可以會看到以下內容: 基本元素 內容結構 內容格式 連結與圖片 分隔元素 清單 背景與色彩 表格 基本元素 Document Type <HTML></HTML> (beginning and end of file) Title <TITLE></TITLE> (must be in header) Header <HEAD></HEAD> (descriptive info, such as title) Body <BODY></BODY> (bulk of the page) 內容結構 Heading <H?></H?> (the spec. defines 6 levels) Align Heading <H? ALIGN=LEFT|CENTER|RIGHT></H?> Division <DIV></DIV>   Align Division <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> Defined Content <SPAN></SPAN>   Block Quote <BLOCKQUOTE></BLOCKQUOTE> (usually indented) Emphasis <EM></EM> (usually displayed as italic) Strong Emphasis <STRONG></STRONG> (usually displayed as bold) Citation <CITE></CITE> (usually italics) Code <CODE></CODE> (for source code listings) Variable <VAR></VAR>   Definition <DFN></DFN> (not widely implemented) Author's Address <ADDRESS></ADDRESS>   Large Font Size <BIG></BIG>   Large Font Size <SMALL></SMALL>   內容格式 Bold <B></B>   Italic <I></I>   Underline <U></U> (not widely implemented) Strikeout <STRIKE></STRIKE> (not widely implemented) Strikeout <S></S> (not widely implemented) Subscript <SUB></SUB>   Superscript <SUP></SUP>   Preformatted <PRE></PRE> (display text spacing as-is) Center <CENTER></CENTER> (for both text and images) Font Size <FONT SIZE=?></FONT> (ranges from 1-7) Font Color <FONT COLOR="#$$$$$$"></FONT>   Select Font <FONT FACE="***"></FONT>   Weight <FONT WEIGHT=?></FONT>   Marquee <MARQUEE></MARQUEE>   連結與圖片 Link Something <A HREF="URL"></A>   Link to Location <A HREF="URL#***"></A> (if in another document)   <A HREF="#***"></A> (if in current document) Target Window <A HREF="URL" TARGET="***"></A>   Link to Email <A HREF="mailto:@"></A>   Specify Subject <A HREF="mailto:@?SUBJECT=***"></A> (use a real question mark) Define Location <A NAME="***"></A>   Display Image <IMG SRC="URL">   Alignment <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> Alignment <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> Alternate <IMG SRC="URL" ALT="***"> (if image not displayed) Dimensions <IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixels)   <IMG SRC="URL" WIDTH=% HEIGHT=%> (as percentage of page width/height) Border <IMG SRC="URL" BORDER=?> (in pixels) Runaround Space <IMG SRC="URL" HSPACE=? VSPACE=?> (in pixels) Imagemap <IMG SRC="URL" USEMAP="URL">   Client-Side Map <MAP NAME="***"></MAP> (describes the map) Map Section <AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF> 分隔元素 Paragraph <P></P> (closing tag often unnecessary) Align Text <P ALIGN=LEFT|CENTER|RIGHT></P>   Justify Text <P ALIGN=JUSTIFY></P>   Line Break <BR> (a single carriage return) Clear Textwrap <BR CLEAR=LEFT|RIGHT|ALL>   Horizontal Rule <HR>   Alignment <HR ALIGN=LEFT|RIGHT|CENTER>   Thickness <HR SIZE=?> (in pixels) Width <HR WIDTH=?> (in pixels) Width Percent <HR WIDTH="%"> (as a percentage of page width) 清單 Unordered List <UL><LI></UL> (before each list item) Compact <UL COMPACT></UL>   Bullet Type <UL TYPE=DISC|CIRCLE|SQUARE> (for the whole list) Bullet Type <LI TYPE=DISC|CIRCLE|SQUARE> (this & subsequent) Ordered List <OL><LI></OL> (before each list item) Numbering Type <OL TYPE=A|a|I|i|1> (for the whole list) Numbering Type <LI TYPE=A|a|I|i|1> (this & subsequent) Starting Number <OL START=?> (for the whole list) Starting Number <LI VALUE=?> (this & subsequent) Definition List <DL><DT><DD></DL> (<DT>=term, &l

範本與編輯器 6 八月, 2018

我要怎麼在我的電子報中加入水平分線?

水平分線(HR),也叫做分行器,是用來分隔電子郵件區塊內容的語法。 這個HTML分行語法可以用來分隔電子郵件中內容中的物件、產品、瀏覽選單或任何你想得到的東西。它讓你不需要使用影像就可以在頁面中添加色彩,也可以改善你的網頁外觀。 請注意:這需要進階的HTML相關知識,若不當操作可能會導致不必要的改變。 如何在電子報中加入水平分線/分隔線: 在你想更動的區塊中點選[編輯]。 在左方工具列中,點選[瀏覽代碼],或在區塊的工具列中點選[HTML]來開啟HTML編碼器。 在HTML視窗中,找到你想要加入分隔線的文字。 在文字前面打上:<hr> 點選[儲存後關閉]。你應該可以在區塊裡看到分隔線。 如果你想在電子報的其他地方加入分隔線,只要依照上列步驟,在那些地方打上<hr>即可。 完成編輯後點選[儲存]。 儲存電子郵件並預覽,以確認它顯示你想要的樣子。 如何增加分隔區塊: 在建立電子郵件的第四步驟中,你可以在螢幕左側看到新增選項。 如果你的範本中沒有分隔區塊,你可以在新增選項的選單中按任何區塊旁邊的加號,以在電子郵件中增加一個(或多個)你想要的區塊。 你會看到新增的區塊出現在本來的區塊下方。你可以點選並拖拉區塊到你想要的地方。  

範本與編輯器 6 九月, 2019

1 2 3 4 5 6 7