如何在WordPress中嵌入Edge Animate作品

一、下載Adobe Edge Animate制作工具

在忠縣等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需策劃設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,忠縣網(wǎng)站建設(shè)費(fèi)用合理。

二、下載Edge Animate示例文件

三、下載并安裝Wordpress插件：Edge Suite

Edge Suite是Wordpress插件，可以幫助你把以.oam格式發(fā)布的Edge Animate作品插入到Wordpress博客文章中。你可以在下載該插件，或者直接在Wordpress管理后臺(tái)搜索Edge Suite然后添加新的插件，如下圖：

安裝并激活后可以在Wordpress管理后臺(tái)的邊欄上看到“Edge Suite”菜單：如下圖：

通過“Edge Suite”，可以上傳Edge Animate動(dòng)畫，然后在Post中引用。

四、創(chuàng)建一篇新blog并嵌入Edge Animate作品

1、在EDGE ANIMATE中發(fā)布.OAM格式HTML5動(dòng)畫

啟動(dòng)Edge Animate，并打開SpriteSheet+Symbol+Loop項(xiàng)目中的Animate項(xiàng)目文件：Spritesheet+Loop.an 。如下圖：

2、Edge Animate提供了三種方式允許你發(fā)布HTML5動(dòng)畫，分別是Web、Animation Deployment Package（動(dòng)畫部署包）、iBooks/OS X。通過菜單FilePublish Settings,可以調(diào)出發(fā)布設(shè)置（Publishing Settings）,如下圖：

選擇“Animation Deployment Package”，指定發(fā)布目錄，以及文件名，點(diǎn)擊左下角的“Publish”按鈕，Edge Animate即把html5動(dòng)畫發(fā)布成.oam格式文件。.oam格式文件實(shí)際上是zip格式文件（你可以把其后綴改為.zip，然后解壓看其內(nèi)部結(jié)構(gòu)）。通常的HTML5動(dòng)畫要包含諸多html、js、css以及圖片等資源文件，不易交換和傳播。通過.oam，可以比較方便的集成在其他環(huán)境中，比如Adobe的數(shù)字出版方案DPS，以及Wordpress中。

3、通過EDGE SUITE上傳到WORDPRESS中

進(jìn)入Wordpress管理后臺(tái)，點(diǎn)擊邊欄菜單的Edge Suite，進(jìn)入Edge Suite管理界面。在該界面上，可以上傳.oam文件。如下圖，上傳的.oam文件會(huì)在后臺(tái)自動(dòng)解壓，上傳成功后，可以看到解壓的文件提示。

4、創(chuàng)建POST，嵌入動(dòng)畫。

現(xiàn)在，在Wordpress中創(chuàng)建一篇新的post。用戶會(huì)注意到，在Post編輯界面的最下方出現(xiàn)新的Edge Suite功能，如下圖。該條目提供了你上傳到WordPress中所有Edge Animate動(dòng)畫作品的列表，每個(gè)條目的第一個(gè)數(shù)字即其id。通過改id，即可把動(dòng)畫內(nèi)容插入到post中。比如下圖中顯示條目為“3-LoopAnimation Edge-69072481”，3即為其id。

5、在post中正文中，可以按照如下方式嵌入該動(dòng)畫：

怎么把一個(gè)網(wǎng)頁嵌入另一個(gè)網(wǎng)頁wordpress

1、首先轉(zhuǎn)到需要的iframe的頁面，單擊添加（+）塊按鈕并從彈出窗口中選擇HTML。

2、其次在要嵌入的頁面的編輯器中插入iframe標(biāo)記，找到需要要保存進(jìn)度并發(fā)布頁面，單擊“發(fā)布”按鈕。

3、最后新選擇網(wǎng)頁wordpress，點(diǎn)擊進(jìn)入到主頁面，選擇嵌入按鈕即可。

如何在WordPress博客中嵌入Office文檔

1、使用文庫或網(wǎng)盤的分享代碼

這種方法使用與百度文庫、豆丁和大多數(shù)網(wǎng)盤，以百度文庫為例，在百度文庫中找到需要嵌入的文檔，點(diǎn)擊文檔左下角的“分享”按鈕，選擇“把文檔貼到Blog、BBS或個(gè)人站”，獲取分享代碼，將這個(gè)代碼插入wordpress文檔即可完成分享。

這種方法的有點(diǎn)是速度快，資源不在自己站，所以不會(huì)浪費(fèi)自己的流量。但缺點(diǎn)也很明顯，向百度文庫上傳文檔會(huì)有個(gè)審核問題，而審核權(quán)在百度的手中，審核速度不能保證，有很多東西會(huì)莫名其妙地?zé)o法通過審核，而且就算通過了審核，也有可能因?yàn)槟承┎豢深A(yù)知的原因被刪除。

2.使用Wordpress插件Google-Doc-Embedder