使用超級(jí)排版器所生成的宣傳頁(yè)面，點(diǎn)擊查看

點(diǎn)擊上面的圖片或者鏈接，查看獨(dú)立使用超級(jí)排版器所排版出來(lái)的頁(yè)面狀態(tài)，同時(shí)你也可以使用手機(jī)掃描下方的二維碼查看這個(gè)排版在手機(jī)和平板電腦上市如何展示的：

超級(jí)排版器wordpress插件下載

超級(jí)排版器wordpress主題-百度云下載

超級(jí)排版器wordpress插件視頻教程

百度云播放與下載

一款增強(qiáng)wordpress編輯器，可用于編輯器自定義排版的插件

我們?yōu)槭裁葱枰豢钅軌蚣嫒菀苿?dòng)版的排版編輯wordpress插件

我們?cè)诰S護(hù)網(wǎng)站的時(shí)候，錄入一些網(wǎng)站的內(nèi)容，經(jīng)常就需要對(duì)我們的網(wǎng)站內(nèi)容進(jìn)行排版，在移動(dòng)設(shè)備訪問(wèn)量激增之前，我們的通常做法是使用表格進(jìn)行排版，可見(jiàn)很多網(wǎng)站，比如淘寶最開(kāi)始的詳情頁(yè)或者首頁(yè)都是使用表格進(jìn)行排版，使用表格進(jìn)行排版的好處是，無(wú)需任何前端編程知識(shí)，直接使用photoshop進(jìn)行生成就可以，并且表格是可以可視化編輯的，使用起來(lái)非常方便。

但在移動(dòng)互聯(lián)網(wǎng)已經(jīng)全面普及的今天，如果繼續(xù)使用這種較為臃腫并且兼容性不好的方法，會(huì)造成移動(dòng)設(shè)備訪問(wèn)下大量的用戶流失。

輕量級(jí)插件，預(yù)制排版模式以及可視化的操作

針對(duì)上文所述的情況，我們?cè)趯?duì)以往用戶的需求以及給出的建議綜合考慮，開(kāi)發(fā)了這款《超極排版器》插件，以滿足各類用戶在制作產(chǎn)品詳情介紹以及宣傳活動(dòng)單頁(yè)的排版需求。

并且我們?cè)陬A(yù)設(shè)這些排版時(shí)，測(cè)試了在手機(jī)上以及平板電腦上的顯示狀態(tài)，讓他們更好的適應(yīng)各個(gè)終端的訪問(wèn)。

圖示下：編輯器與前端頁(yè)面顯示幾乎沒(méi)有差別：

超級(jí)排版器功能介紹以及開(kāi)發(fā)思路

開(kāi)發(fā)思路：我們不希望制作一款雍總而復(fù)雜的難以使用的插件

絕大部分的用戶不管是前端編程或者其他編程方面，都不是專業(yè)的人士，所有人都不希望去看一眼代碼。并且在可視化方面，如果沒(méi)有做到可視化，后臺(tái)編輯器和前端差距巨大，也會(huì)造成難以操作和控制的感受，因此在對(duì)我們的用戶情況進(jìn)行綜合考慮之后，我們的開(kāi)發(fā)思路從最開(kāi)始的較為復(fù)雜的全新控制面板，到現(xiàn)在的簡(jiǎn)單預(yù)制按鈕的形式。

功能介紹：沿用WEB主題公園開(kāi)發(fā)傳統(tǒng)，對(duì)wordpress現(xiàn)有功能進(jìn)行增強(qiáng)

1.預(yù)制排版樣式，使用按鈕點(diǎn)擊一下即可輸出
沿用增強(qiáng)原聲的思路，我們制作了一些常用的排版形式預(yù)制，所謂的預(yù)制就是將排版的框架做好，插入預(yù)制之后，你就可以替換預(yù)制中的圖片和文字，從而輕松的進(jìn)行排版。

2.超輕量級(jí)的代碼結(jié)構(gòu)，css代碼進(jìn)行了絕對(duì)精簡(jiǎn)，29行樣式表就可以讓你排版出來(lái)超多的排版形式，整體插件在最初版本中只有43KB的大小，對(duì)于網(wǎng)站的速度和性能影響性降低到最小。

3.兼容各個(gè)設(shè)備，預(yù)制的排版結(jié)構(gòu)框架，我們進(jìn)行了多設(shè)備測(cè)試，并使用css3對(duì)各個(gè)設(shè)備進(jìn)行判斷加載，從手機(jī)到平板電腦都能非常兼容的訪問(wèn)。

4.主題的部分支持，這款插件對(duì)于所有的主題基本上不會(huì)有兼容性的問(wèn)題，但如果你想要做出和本文上方的排版實(shí)例一樣的頁(yè)面，就需要你有一個(gè)特質(zhì)的100%寬度的頁(yè)面或者文章模板提供使用。WEB主題公園所出品的主題，會(huì)全部加入這個(gè)自定義排版的頁(yè)面和文章內(nèi)頁(yè)模板。

幫助我們，增加更多有趣的預(yù)制排版

我們?cè)诔醢姘l(fā)布時(shí)，擁有三組排版模式：

1.不含背景圖片的五個(gè)排版模式

2.含有背景圖片，但不全屏居中（依據(jù)你的主題中文章或者頁(yè)面的最大寬度為排版的最大寬度，非通欄的效果）

3.含有背景圖片，全屏居中通欄效果的模式（這個(gè)模式需要你的主題支持一個(gè)100%寬度的文章內(nèi)容輸出模板。）

如果你有更有趣的排版方式，可以在下面的留言中告訴我們，我們會(huì)不斷完善預(yù)制框架的規(guī)模，讓大家能夠使用這個(gè)插件制作更精美的頁(yè)面。

超級(jí)排版器wordpress插件的更新日志

2016-4-12? 1.0初代版本發(fā)布

初代版本v_1.0的介紹請(qǐng)參考上文介紹。