細談Joomla建站之旅----個人啓示錄

      歡迎來到Joomla建站之旅。 php


 

 

介紹一個自由免費的優秀建站軟件Joomla,以及怎樣自行管理用Joomla所構建的網站。固然順帶着咱們也會在網站的規劃和建設上給讀者一些很是給力的建議。 html

爲了方便你們認識Joomla,開放了最新版的Joomla 2.5中文版示範站——實際上是多語言版,除了簡體中文和英文,您還能夠隨時安裝繁體中文等六十幾種語言。不過內容只提供了簡體中文的版本。 前端

該站的管理後臺網址:http://.joomla.cn/administrator
用戶名: mysql


密碼:
由於有人進去後修改掉密碼,使得別的人就再也沒法使用這個賬號. 程序員

關於Joomla web

 

 

   首先祝福每個看到我博客的人,由於相逢便是緣分。古語說百年修得同船渡,如今這個博客就是個人船,助你渡過Joomla這條河。 sql

談論主機,HOSTGATOR是很是穩定的一款美國主機!我相信大部分人(土豪除外),玩主機之路都是充滿坎坷啊!個人經歷估計你們多多少少都遇到過,且聽我說。第一階段。最先開始用的是免費主機啦,各類百度各類折騰。有主機屋、八爪…第二階段,在各類各樣的羣裏,跟冒牌的大神學習怎麼玩主機,怎麼設置logo。而後跟他們買了他們的主機!國內的!第三階段,玩了有段時間了,發現不少限制!因而開始玩國外的主機,不過仍是先找免費的或者便宜的!終於慢慢的,tired了。能夠說是「累不覺愛」啊!想要一個穩定的地兒!我就找到了HOSTGATOR! 關於主機的評論,能夠去美國的webhostingtalk看看國外的大神。別忘啦godaddy,能夠用支付寶購買的。 數據庫

釋放開源的力量 apache

 

  • Joomla的功能擴展(Extension)

前面說了,功能擴展是第三方技術團隊根據Joomla的標準開發的專供Joomla使用的功能插件。Joomla的功能擴展示在已超過7000個,並且還在不斷增長中。有些功能擴展的大小甚至比Joomla自己還大。這麼多的功能擴展沒有人能都熟悉——甚至連百分之一都不可能。
好比你須要一個銷售型的網站,Joomla裏最適合你的是VirtueMart,但是在Joomla世界裏,可以針對VirtueMart作開發的,非專業人員可不行。 瀏覽器

  • Joomla的使用培訓

Joomla不是中國人的產品,它所在的分類「內容管理系統」也不是中國人想出來的,甚至Joomla裏的一些基本的名稱術語已經無法翻譯(我這個官方認證的簡體中文翻譯組組長也一肚子苦水),我強烈建議國內的用戶們重視Joomla的使用。

  • Joomla網站的維護

Joomla版本一直在不斷升級,之前是每一年平均4~5個小版本的升級,如今6個月~1年甚至還有左右一個短版本的升級。即便是一個最長的版本(標準版本),也只有18個月的壽命。
更新頻繁最重要的緣由,除了功能的增強、功能錯誤的修復和升級換代外,還有一個就是安全漏洞的修復。
咱們常說的bug,包含的就是功能方面的錯誤和安全漏洞。
因而可知,網站建設是一項專業性要求很高的工做。和一個Joomla網站專業設計公司合做是最好的選擇。
另外咱們可想而知的是:開放源碼、開放文檔的自由軟件,是特別適合SOHO們「寄生」的。Joomla的SOHO美工、SOHO程序員也是雨後春筍般愈來愈多。雖然他們畢竟力量有限、工做範圍有限,但若是是專業的SOHO,又有開發基礎,資金緊張或者附近找不到專一於Joomla網站設計的專業公司的時候也仍是比較好的選擇。
另外我也知道不少網站設計公司的專業人士也利用業餘時間接單,還有一些非專業人員經過使用免費的模板、安裝Joomla的功能擴展,也在接單建站。選擇他們的好處是價格很是很是便宜。但必定要明白的是:前者的工做缺少穩定性(好比忽然工做忙或者生病的時候)、後者更不穩定,使項目夭折的可能性較大。建議謹慎考慮。

  • 設計或者合做,你須要什麼?

很使人驚訝的是:在手機上網都已經普及、家電即將上網的今天,竟然還有不少公司(我的暫且不提)認爲他們須要的是一個本身沒必要去作文字計劃的網站。
它們都面臨Out危機!
2011年2月的某天我在個人新浪微博裏寫了這麼一小段話:剛看到有個「教育、培訓、文化類公司」網上徵名,應徵的也都引經據典。想起昨天來聯繫設計網站的「文化類公司」:他公司對網站沒計劃文檔,光糾結文化倆字。這倆字挺了不起似的。不就是education教育嘛!爲何不直接了當點,直入主題說明公司的業務!別整那些虛的,明白了業務的核心,還怕沒好名沒好網站?
沒有文字計劃的不必定就沒花心思,只能說是誤入歧途,結局是很危險的。
還有:有多少公司知道他們須要尋找的,不是一個設計,而是一個合做?

固然,毋庸置疑,的確有些強人對建設一個網站須要什麼比較瞭解也頗有主見——而且很幸運的是他們的主見是對的。再加上他們每每對網站的管理很是用心,因此彷佛他們只要一個設計就好了。
這實際上是一個假象,我就碰到過很多這樣的人。他們沒少麻煩我,我相信他們也沒少麻煩那些網站推廣、網站優化、網絡營銷方面的朋友——我只能說他們很是勤奮好學,經常沒日沒夜加班加點,而且也不怕麻煩別人。
依我之見,微博火爆的根本緣由是讓人類的網絡生活進入蟻羣般的社會分工與協做——這實際上就是讓數以千萬計的人在分工的基礎上進行協做!
小小螞蟻協做後的力量夠驚人了,況且是協做的是大腦無比發達的人呢!
在分工的基礎上進行協做,這纔是你所須要的設計。


 

 

  • 怎樣管理Joomla網站?
  • 成功的網站必定是本身勤管理的網站。
  • 須要管理計劃。
  • 管理計劃必定要和網站設計公司或/及網站推廣公司合做制定。
  • 必定要有良好的網站管理隊伍——千萬不能一個員工跳槽,公司的網站就荒蕪!
  • 若是一個網站三個月內沒帶來預期的效果,那就是一個失敗的網站。若是一個網站三個月沒人管理,你還能相信你的公司在網上能有一席之地?
  • Joomla安裝
  •  

    由於Joomla是一個免費、開源的內容管理系統(CMS),許多主機服務商都提供一鍵安裝功能。如今咱們將學習如何在本身的計算機上安裝並測試Joomla

    安裝Joomla是一件很簡單的事。Joomla使用PHP程序設計語言編寫,使用MySQL數據庫管理系統存儲數據。

    PHP是一種能在多種平臺上運行的腳本語言,關於PHP語言的更多信息可參考http://www.php.netMySQL是一個開源免費的關係數據庫系統,關於MySQL的更多信息可參考http://www.mysql.com

    1、學習瞭解和安裝Joomla2.5所必須的運行環境

    2 、下載Joomla2.5

    3 、使用Joomla安裝嚮導完成安裝

    • Joomla2.5的運行環境

    在寫本書時Joomla的最新版本爲joomla2.5.1

    Joomla2.5的須要的運行環境以下(+表示或者是更高版本):

    Apache2.x+IIS7

    PHP5.2.4+,啓用mysqlxmlzlib擴展

    MySQL5.0.4+

    • 安裝Joomla運行環境

    手工安裝和配置Apache PHP MySQL對初學者來學不是太容易,所以可使用一些集成安裝包來簡化安裝。

    常見的有:

    WampServer詳情見http://www.wampserver.com

    EasyPHP詳情見http://www.easyphp.org

    XAMPP詳情見http://www.apachefriends.org

    使用以上這些軟件都能快速創建一個運行Joomla所需的PHP環境。下面將以EasyPHP爲例來說解安裝過程。

    EasyPHP是一個Windows下的Apache+Mysql+ PHP開發包,包中集成了 PHP腳本語言、Apache服務器、MySQL服務器,同時也集成了一些輔助的開發工具,如數據庫管理工具,PhpMyAdmin php調試工具Xdebug,無需配置,就可運行。經EasyPHP整合後的ApacheMySQLPHP精簡不少,運行速度比獨立安裝的ApacheMySQLPHP相對較快且比較穩定。

  • Joomla示例網站

    前臺

    13

     

    Joomla網站分紅兩部分:給公衆開放的部分叫前臺(front-endFront,也有人稱之爲前端)——前臺也就是咱們平時所說的網站,因此有時候也被直接稱爲「網站」(site)。給管理員使用的部分叫後臺或者後臺管理(back-endadministrator)。如下是前臺:

     

     

    請用您安裝網站時建立的超級管理員賬號登陸網站。登陸後您會看到頁面有了一些變化:

    14

     

    Joomla示範內容作得挺漂亮吧。若是您仔細逛逛,你會發現它裏面有兩個很是好的示範網站以及對整個Joomla全面而詳細的介紹——能夠這樣說,若是你看懂了裏面的全部內容,那麼你就掌握了Joomla的基礎構架。加你的後臺,site.com/manage

  • joomla後臺維護easy。

    Joomla正是因它的易用性而開始出名的。咱們就來看看使用Joomla管理網站有多容易。

    但在進行網站前臺的平常維護前,咱們必定要先了解下Joomla網站的管理等級制度。

     

      網站管理人員的等級制度

    Joomla的管理員分爲前臺管理員後臺管理員,有六個等級,亦即前臺管理員有采編、編輯、總編三個等級,後臺管理員有初級管理員、高級管理員、超級管理員三個等級:


    等 級

                               權 

     

    Author
    採編擁有註冊用戶的全部權限;擁有Joomla文章的投稿和本身稿件的修改權限但無文章的發佈、刪除的權限,也無他人稿件的修改權限

     

    Editor
    編輯擁有采編的全部權限,並可在前臺修改任何的Joomla文章,但無文章的發佈、刪除的權限。

     

    Publisher
    總編擁有編輯的全部權限。並有文章的發佈、刪除的權限。無用戶管理和網站功能管理權限;

    初級管理員

     Manager
    初級管理員擁有Joomla文章的全部管理權限,也能進入後臺管理Joomla文章,還可管理這些文章的分類、網站的多媒體、網站的菜單、Joomla的核心組件。但初級管理員經常不能管理第三方開發的組件,不能查閱或管理用戶,不能安裝或卸載網站的功能擴展,不能修改網站的基礎設置或功能擴展的設置,不能在後臺發送郵件通知給用戶,無權限來改變、安裝或卸載網站模板和網站的語言文件。

    高級管理員

    Administrator

    擁有初級管理員的全部權限,可安裝或卸載網站的三大功能擴展(組件、模塊和插件),可管理級別比本身低的用戶,但無如下權限:

    查閱或管理級別比本身高的用戶

    修改網站的基礎設置

    不能夠在後臺發送郵件通知給用戶

    沒有權限來改變、安裝或卸載網站模板和網站的語言文件。

    超級管理員

    Super Administator

    擁有網站的全部管理權限

     

      登陸網站

     

    打開網站,請用你的admin賬號或其它管理員賬號登陸網站——登陸模塊在首頁的左下角,若是忘了請回顧上一章的「前臺」部分。

     

     登陸後首頁左上方會出現一個「用戶菜單」模塊:

    501 01s

     

    「用戶菜單」模塊裏一般有三個連接:

     

    您的資料——讓你查閱或修改本身的資料。

     

    編撰文章——給網站添加新文章。

     

    提交友情連接——給網站添加友情連接。

     

     

     

    在出現「用戶菜單」模塊的同時,每篇文章的右上角都會增長一支筆。它明白無誤地告訴管理員,只要點擊一下,就能夠對某篇文章進行修改。

     

  • Joomla後臺管理---burst

    對於初學者來講,安裝示例數據是瞭解Joomla的最好的途徑。它給你提供一個Joomla教程:經過網站的形式給你示範菜單怎麼安排、文章怎麼表現、功能擴展(主要是組件、模塊和擴展)怎麼應用、網站怎麼組織。

     

     

    也就是說Joomla的示例數據並不像一些朋友想象的那樣只有文章示範,它其實包含了如下內容:

     

     

    1Joomla教程——這真是不少人沒想到的所以也沒仔細學習的;

     

     

    2、文章示範;

     

     

    3、菜單示範;

     

    4、功能擴展(主要是組件、模塊和擴展)應用示範;

     

     

    5、模板應用示範;

     

     

    6、示範網站——安裝Joomla的示例數據以後,你能看到兩個短小精悍的示範網站!所以其實你一共能看到三個示範網站!

     

     

     

     

    請在本地安裝好帶示例數據的Joomla。若是忘了怎麼安裝Joomla,請返回第三章溫習下。

     

     

    安裝好Joomla以後,請點擊右上角的「後臺管理」。它的連接挺難記的:

     

     

    http://www.你的域名/administrator

     

     

     

     

    固然,你應該還記得咱們爲你提供的Demo

     

     

    http://

     

     

    管理後臺:htt

     

     

    用戶名:crossmix

     

     

    密碼:demo

     

     

    這個賬號可讓你自由訪問先後臺,但後臺的訪問會有一些限制,好比不能訪問後臺管理的「全局配置」。

      

      administrator是管理員的意思。

     

     

    若是網站是你安裝的,你固然就是超級管理員。

     

    請保存好你的超級管理員賬號!

     及時修改密碼,防黑客攻擊。

  •  Joomla內容骨架與分類


  • 登陸後臺,點擊控制面板上的"分類";

     

    另開一個瀏覽器選項卡或新窗口,訪問網站前臺;

     

    OK,咱們比較一下兩個頁面,你會發現什麼?

     

    對了,文章分類和菜單的大部分是對應的:

    1

                                        圖從左「囧啦」和右「使用Joomla!」的對應關係

     

    那就讓咱們來根據公司網站的特色建幾個分類吧。假設我們設計的是公司網站,且我們公司的主要產品是手槍、步槍、衝鋒槍(噓~~)。

     

    那麼公司網站的主菜單能夠是:公司介紹、公司新聞、公司產品、公司服務、FAQs(疑難解答)、聯繫咱們。

     

     

    分類能夠與菜單保持相近或一致,那咱們就儘可能接近吧——可能有的朋友已經瞭解到:Joomla有一個組件就叫「聯繫咱們」。那麼也就是說咱們不須要創建一個叫「聯繫咱們」的分類。這樣我所創建的分類結構就是:

    2

                                    2. 分類結構

     

     

     

     文章選項

     

    默認狀況下,任何文章選項的設置都遵循「全局設置」:

     

     這裏的「全局設置」不是指後臺控制面板上的那個「全局設置」,而是指文章管理裏面的「選項」(圖7)。

    7

                                                                              文章的選項即文章的「全局設置」

    默認都使用「全局設置」是爲了簡化工做。若是您的網站偏不這樣作,「全局設置」扔到一邊無論,而在每篇文章裏都作本身喜歡的設置。不但累人,在文章多訪問量大的狀況下必然會由於個性化設置太多拖慢您的網站。

     

     再嘮叨一次:通常的原則是先作好「文章管理」的「選項」的設置。

     

     這些選項都有「懸停說明」——當你的鼠標指針指向某個選項時,都會出現一個說明(圖7)。這個說明每每有助於你理解該設置的做用。

     

    我把全部的項目都設置爲後一項(「是」或「顯示」)。而後回到網站前臺看看這些參數在哪裏起做用。爲了避免讓您被複雜的參數所秒殺,我把這些參數分了下類,對照前臺的文章(如「進階用戶」)來看看這些參數都控制着什麼:

    7-3-1

                                          文章的參數控制

    01.顯示標題 可連接標題02.顯示引言

    03.顯示分類 連接分類04.顯示父類 連接父類

     

     

     

    05.顯示做者 連接做者06.顯示建立日期 顯示修改時間 顯示發佈時間

     

     07.顯示導航08.查看投票09.顯示"閱讀更多"在閱讀更多上顯示標題  閱讀更多的字數上限

    10.顯示圖標 顯示打印圖標 顯示E-mail圖標

     11.顯示瀏覽量 顯示未經許可連接(無)

     

    12條在上面的示範中是沒有的。它的意思是即便一篇文章、一個友情連接或一個文章分類等是某來訪者無權訪問的,也讓他能看到相關連接。

    下一章將告訴咱們,Joomla對文章有三種排版形式:單篇文章、博客式排版、列表式排版。「文章選項」控制着全部這些排版中的文章的表現。

    8上下兩半部分即便是博客式排版的兩種文章表現。至於「單篇文章」的表現,其實和圖8下半部分文章的表現是同樣的。

    至於「列表式排版」,則是列出一個或全部分類裏的全部文章,如圖9所示就是一個分類裏的全部文章的列表。而其參數設置的最後一項「顯示未經許可連接」,就是讓用戶可以看到不容許他閱讀的文章的標題連接。

     07

                                 一個分類裏的全部文章的列表

     

    新建文章

     

    咱們在第五章「網站前臺平常維護」已經介紹過文章的添加和編輯方法。其實在後臺新建文章,和那裏的操做差很少。只是能夠設置的地方等多一點。

     

    請回到「控制面板」,點擊左上角的「添加文章」。出現的頁面見圖5

     

     

     

    7. 3. 1.        發佈選項

     

    文章內容部分前面已經說過,這裏就不在重複。咱們先看看發佈選項這一塊:

     

    • 做者——若是不作選擇固然做者就是你。但若是某篇重要新聞是領導寫的,最後出現的做者是你,你還想混不?那就真囧啦!
    • 做者別名——無論可能領導不肯意在網站註冊,同時做者又不能是你,也可能直接在「做者筆名」處寫上領導大名。這叫張冠李戴!領導啊,咱們都是有智慧的人,囧啦!
    • 建立時間——留空固然就是你首次保存這篇文章的時間。這篇文章是你的部門經理上週五寫的,你週一無視之。結果建立時間顯示出來爲週一上午。領導大怒:怎麼這麼晚!經理回來你慘了,囧啦!
    • 開始發佈——爲了一個重要的會議,總經理祕書知道會前還有一堆瑣事要忙活,提早把領導的致辭寫好了。你把「開始發佈時間」設定爲領導會議致辭的實際時間。領導剛一張嘴,網站自動以新聞的形式同步發佈領致使辭的文字內容。總經理回頭對你說:好小子,還不知道你有一手!幹得不錯!囧啦!
    • 結束髮布——你在網站上發佈通知:上海出差的王老五,請於週五前發佈本週的上海分公司研發動態。剩男王老五看到後如期發佈新聞。已經沒有什麼做用的通知也於週五自動消失。這樣的網站多麼Smart。仔細想一想這個設置有時候仍是挺有用的。囧啦!

                                                                                          5後臺添加文章有點使人眩暈

    注意:全部這些「時間」,與你的手錶無關、與你電腦裏的時間無關,只與你的「全局設置」裏的「服務器時區」設置息息相關!6

                                 圖時區設置很重要 

    新建文章分類必定要認真填寫相關資料,這些資料不只有助於之後調整網站(至關於備註),並且對網站的搜索引擎排名等很是重要——特別是元數據描述。

     

    重點:關鍵詞要準確!但別相信越多越好的夢話!由於這裏的關鍵詞和你的網站的搜索引擎排名並無關係——可是在web3.0時代,關鍵詞又是很是重要的!很少說了:這裏3-10個都可。各關鍵詞間以半角逗號(也稱爲英文逗號)分開。

     

    機器人直接使用默認的全局設置。它將對搜索引擎說「請收錄這個分類」。3

                                                    3. 新建分類

    請注意:

     

    點擊「保存」,則保存當前全部內容,但保存後仍停留在本編輯頁面;

     

    點擊「保存並關閉」,則保存當前全部內容,並回到「圖2」那個頁面。

     

    點擊「保存並新建」,則保存全部內容後,轉到和本頁面結構一致的內容空白的頁面。

     

     

     

    小竅門:點擊「保存並關閉」,保存當前全部內容,回到「圖2」。再點擊「公司介紹」,則顯示的頁面爲:4

                                                                   圖四準備「另存爲副本」

    咱們這時候應該把內容所有改成所須要的新分類「公司新聞」,關鍵詞的「公司介紹」和「introduction 改成「公司新聞」和「news」,描述也相應修改下,最後點擊右上角的「另存爲副本」(保存後頁面上部會出現「分類保存成功」的提示)。這樣你就創建了兩個分類:

     

    公司介紹、公司新聞

     

    繼續如法炮製,咱們能夠一口氣飛快地建完咱們所須要的全部分類!

     

    元數據

    點擊中間的那篇「進階用戶」,咱們能夠閱讀全文:

    10

                                         圖10 「進階用戶」的引言與正文

    咱們再找到「澳洲公園」的「景觀」欄目對應的頁面:依次點擊首頁頂部菜單的「示範網站」左側菜單中的「公園圖庫」、左側菜單中的「景觀」

    這個頁面看上去是一個「景觀」圖庫,但實際是巧妙地使用「引言」手段構建的!

    11

            圖11 「澳洲公園」的「景觀」文章的引言

    點擊第一篇文章的「閱讀更多:奧米斯頓水潭」,咱們也能夠閱讀正文,但圖片怎麼變大了?

    12

             圖12 「澳洲公園」的「景觀」文章的正文

    咱們編輯下這篇「奧米斯頓水潭」(你要從首頁登陸):

    13

                 圖13 「澳洲公園」的「景觀」文章的真實內容

  •  發佈選項

    8

                                                 8 元數據(Meta)選項

    對於今天的網絡來講,元數據(Meta)是很是很是重要的——它比漂亮的內容重要得多!不少朋友都很重視網站的SEO優化(搜索引擎優化),但我依據我對國內設計業和用戶的瞭解,我以爲極可能有這種狀況:國內多數Joomla網站的好多內容連最重要的元數據都沒填寫好。

    Joomla 2.5裏,不但文章能夠填寫元數據的相關信息,Joomla 的分類、菜單和菜單項、組件(如「聯繫咱們」組件的分類和具體的聯繫人)、模板、語言、網站的全局設置等方面,都須要填寫元數據。尊敬的領導啊,作好這些已經很不容易了!

    不作好這些,那就實在不該該了!

     Joomla 2.5開始着力於保護網站的版權。填寫好這一項絕對有助於您維護本身的版權!

     若是你的文章來源於外部(好比某一個開放文檔),請「外部參考」填寫該文檔的連接。

    ④ 關鍵詞除了供搜索引擎很好地收錄你網站的內容外,也是你網站裏的文章間創建聯繫的紐帶!Joomla自己有一個叫作「相關文章」的模塊,其做用就是:當用戶在閱讀一篇文章的時候,它顯示出網站裏擁有相同關鍵詞的其它文章的標題鏈接。

     

    7. 3. 1.        文章權限

    和文章選項同樣,具體的文章儘可能不要個性化設置——若是有的文章只能給老闆或者老闆娘看,那就另說了,有時候必須個性化!

    若是你搞不太明白權限設置,就什麼都別調。這個方面咱們之後再談。

    7. 3. 1.        新建多篇文章的技巧

    和文章分類的編輯同樣,若是你點擊一篇已經編輯好的文章。打開後編輯完內容。右上角的「另存爲副本」(保存後頁面上部會出現「文章保存成功」的提示)。這樣你就創建了兩篇文章。好比,原來有篇「公司介紹」,這樣操做後又編輯出一篇「公司新聞」。因而:

    「……子又生孫,孫又生子;子又有子,子又有孫;子子孫孫無窮匱也……」一口氣,能把全部的文章都編輯好了!

    這樣作的一個重要緣由是:你不用重複去填寫那些關鍵詞、做者之類的信息!

    固然,萬一忽然你老婆大人來電叫你趕快回家作飯。你點的不是「另存爲副本」而是邊上的「保存並新建」,那就悲劇了!等於用一篇新文章替換掉了上一篇文章。

    7. 3. 2.        關於文章的引言與全文

    安裝了示範數據的Joomla網站的首頁下部有三篇文章就採用了引言和其它內容分開的形式:

    9

     菜單:網站的外部構架 :網站的外部構架

     

    而文章的全局設置是怎樣的呢:27

    27 默認狀況下全局設置控制新菜單的博客式排版

    好了,既然全局設置並不符合咱們的要求,咱們就直接修改全局設置吧!

    若是這麼想,那我就要大叫一聲「住手」了!

    由於全局設置通常應該保持爲比較簡單的基礎設置。若是把它弄複雜了,不少Joomla的初級用戶,面對複雜的排版,那可就不知道該如何下手了。

    因此如今我不會直接修改全局設置,而是修改菜單示範文章的相關設置28

     

    28 對分類進行控制

    個人目的是要顯示更多的文章,但並不要顯示子分類的名稱或其信息。因此設置爲「無」。

    沒有文章時,不顯示「在這個分類裏沒有文章」。

    不顯示任何子分類的說明。

    29

    29 對博客式排版進行調整

     

    目的是要顯示更多的文章信息,因此增長了6個「文章連接」。

     

    直接顯示子分類裏的文章——我剛說過度類「示範文章」裏只有一篇文章。

     

    使用全局設置,即文章先顯示最近添加的,之前添加到顯示在後面(隨後會解釋)。

     

    不對子分類進行排序——這個設置很重要!若是你對子分類排序。其結果是它把一個子分類裏的文章排列完了以後,纔會顯示下一個子分類裏的文章(即便這個子分類的全部文章都比上一個子分類裏的全部文章都新)。而咱們如今的效果是:無論文章來自哪一個分類,一概是最新發布的顯示在前面,之前發佈的顯示在後面。

     

     效果以下:30

    30 典型而豐富的博客式排版效果

     

    有人會說,我調整的頁面怎麼效果沒這麼整齊。

     

    我認可我作了點手腳:我在《驗證碼插件》這篇文章裏插入了「閱讀更多」,即將文章劃分爲引言和正文兩部分了。這個頁面只顯示引言,因此就對齊了。

     

     

     

    問題來了:好比咱們並不知道以上第三條的「全局設置」在哪。

     

    其實仍是在老地方,即文章管理或分類管理的「選項」裏:31

    31 「共享選項」做用於列表式排版、博客式排版和精選文章排版

     

    默認的設置爲:文章是最近添加的排前面,「最近添加」的含義是發佈日期,而不是文章的建立或修改日期。文章不少時自動分頁,而且顯示總共幾頁以及你訪問時正在閱讀第幾頁。

     

    至於分類排序,默認則是按「分類管理」裏設置的順序排序——請查看下圖12裏的數字你立刻就會明白。

     

    請注意它的說明(劃紅線的部分),共享設置適用於列表式排版、博客式排版和精選文章排版。

     

    頁面顯示選項

     

    以上所介紹的全部文章類的菜單項類型,都有該選項。我將一一解釋各設置項的含義——「頁面CSS類」是給圖2這個頁面帶來特定版面效果的設置。由於及到模板設計暫不提供實例。

     

     

    設置見圖21,效果見圖22。

    020

     20 存檔文章列表

    21

     21 存檔文章列表

    22

     

    22 頁面顯示選項產生的效果

     

    若是顯示內容標題」選擇「是」,但又不填寫內容標題,那會怎麼樣?

     

    答案是:圖2202處會顯示內容標題「某網站的歷史存檔文章」,也就是說這時候它使用你所設置的「瀏覽器的頁面標題」。

     

    若是既不填寫內容標題,也不填寫瀏覽器的頁面標題,那又會怎麼樣?

     

    答案是:圖220102處均會顯示「存檔文章」,即這時候它們均使用菜單項的名稱。

     

    這也提醒了咱們:默認狀況下,Joomla網站的瀏覽器標題,就是菜單項的名稱。

     ⑦建立文章

     

    示範網站的「用戶菜單」裏的「編撰文章」對於的菜單項類型,便是「建立文章」:23

    23 幾乎每一個網站都須要在前臺能「建立文章」

    「建立文章」的設置比較簡單,咱們不一一介紹。

     

    8.1.   文章排版的進階要點

     

    國人比較喜歡複雜的排版,若是我只做以上這些介紹恐怕有點敷衍之嫌,因此我打算立刻加點重口味!

     

    咱們在前面已經造訪過Joomla示範站裏面的分類,大慨看過一眼它的結構(圖12),知道「示範文章」是一個子分類最多的一級分類。而從上一章的圖1,咱們也知道了菜單的結構一般與分類的結構有對應關係。

     

    恰好示範站裏沒有一個和「示範文章」對應的菜單,咱們如今就來增長一個。操做以下:

     

     

    登陸後臺,依次點擊菜單「菜單」  關於Joomla」   添加新的菜單項,而後菜單項類型選擇分類文章的博客式排版,菜單標題「示範文章」,必需設置裏選擇「示範文章」這個分類。最後「保存並關閉」。

     

    接着咱們點擊菜單項「使用Joomla!」,將它的「父目錄」設置爲剛增長的「示範文章」。保存後菜單的結構如圖24(菜單的位置我經過「排序」移動了下,便於你們看得更明白)。

     

    前臺對應這個菜單的頁面如圖25

    還記得圖16顯示的文章博客式排版的全局設置吧?(即分類管理裏的「選項」)我把它嵌入到圖25中了。

    24

    24 新建的一級菜單「示範文章」

    25

    25 新建的一級菜單「示範文章」對應的頁面

     

    這不符合咱們一般想要的結果:雖然排版是1-4-2-4,但是由於分類示範文章裏只有一篇文章,而全局設置裏,又不顯示子分類裏的文章。排版天然很單薄了。

     

    稍等下:爲何在頁面裏排列了一個子分類列表?

     

    答案是菜單示範文章把它的相關設置交給了文章的全局設置(圖26)。26

     26 全局設置控制菜單「示範文章」的博客式排版

    咱們前面已經全面瞭解了「菜單項類型」與「文章」相關的部分,接下來咱們瞭解下每一個網站都必不可少的「聯繫咱們」部分。從前面的圖5,咱們知道它有四種類型(圖5)。對於這四種類型Joomla自己的示範內容裏都有介紹,能夠訪問我提供的Demo網站看看:32

    Joomla的四種「聯繫咱們」類型的介紹

    我簡單介紹下這四種類型:

    聯繫人分類列表——至關於全部部門的聯絡信息列表

      聯繫人列表——至關於一個部門的全部聯繫人的聯絡信息列表

    ü  單個聯繫人——指定的某人的聯絡信息

      特定(精選)聯繫人——指定的某些人的聯絡信息

     問題來了:這些聯絡信息在哪管理?

    答案是組件「聯繫咱們」:33

     「聯繫咱們」組件的聯繫人管理

     

    有人也許想問:爲何這裏要把特定的那些人,歸爲「精選」?

     

    還記得「精選」文章嗎?

     

    Joomla讓以上兩個地方使用了一個英文單詞(Featured),在這英文裏沒問題。中文就總有一個地方不太準確。菜單裏兩個「聯繫咱們」也是如此——這樣的狀況還有一些,但願你們多多體諒。

     

     

     

    咱們重點看一下「單個聯繫人」是怎麼設置的吧。

     

    所謂「聯繫咱們」天然是想來訪者能立刻聯繫到他,所以記得關聯用戶(見圖3303)。

     

    開兩個窗口,一個點擊圖33的「這是某聯繫人」,一個來點擊圖22的某聯繫人:34

    34 豐富的聯繫人資料

    35

    35 某個聯繫人信息的展現

    36

     

     

    讓用戶直接發郵件給該聯繫人

    37

     社交時代很是重要的連接

      小結

     

    菜單是展現給訪客的網站的外部構建。從網站內部而言,內容的骨架是分類——咱們上一章說內容的骨架是文章分類,只是一個粗略的說法。從Joomla自己的組件「聯繫咱們」、「旗幟廣告」、「新聞聯播」、「友情連接」等來看,他們的分類都是支撐內容的骨架。

     

    咱們都知道,網站前臺還有一個和菜單密切配合的小東西:38

    38 名稱有點奇怪的「麪包屑」

     

    這無疑是一個導航工具,它以最簡潔的方式告訴訪客他身處何處。

     

    爲何名稱那麼奇怪呢?提及來大有來頭:

     

    根據格林兄弟的格林童話《兒童與家庭童話集》改編的浪漫主義歌劇《漢澤爾與格蕾太爾》是當今歌劇院的常演劇目之一。歌劇裏的某個森林裏住着一位女巫,她會用餅乾麪包引誘孩子,而後用魔法將他們變成蛋糕,而後把他們吃掉!

     

    小孩吃麪包固然會邊吃邊掉下「麪包屑」,結果「麪包屑」變成在迷宮似的森林裏找回孩子的好工具!

     

    誰說IT男無生活情趣!

     

     

     

    那麼面板屑怎麼設置呢?還有網站的菜單有的在上面,有的在下面,還有的在左邊或右邊,這又是怎麼作到的呢?

     

    請聽下回分解!

     

     

    remark:

      一外科醫生到餐廳吃飯,正要點菜,發現服務員老是下意識地摸屁股,便關心的問:有痔瘡嗎?服務員指了指菜單說:先生!請您點菜單裏有的菜好嗎?

    Joomla自己的示範數據中有對Joomla很是詳細的介紹,你必定要記得仔細閱讀!

     Joomla的文章管理、分類管理、媒體管理以及咱們後面要介紹的組件中都有一個基礎設置,咱們通常即把這個基礎設置稱做「全局設置」 

    麪包屑裏的結構,和菜單的結構息息相關,

    Joomla示範內容中的菜單主要有用戶菜單、頂部菜單、主菜單、底1菜單,等等。

     

    請登陸Joomla後臺,點擊菜單中的「菜單」,你就能夠看到右圖

     

    剛開始會有很多人分辨不清楚「菜單」和「菜單項」。這其實很簡單:菜單項就菜單中的一個一個的項目。而右圖中這些都是「菜單」,即這裏總共有六大菜單。——因此Joomla裏的「菜單」,其實至關於「菜單羣」。

                                                                                        菜單

    這有點像你進了一個混合餐廳,坐下來後服務員給了你兩大本菜單。一個是中餐的菜單,一個是西餐的菜單。或者你進了一個更牛X的餐廳,服務員扔給你八本菜單:分別是魯菜菜單、粵菜菜單、川菜菜單、湘菜菜單……

    依次點擊「菜單」  「菜單管理」  「添加新的菜單」

    2

     添加新菜單

    填寫後點擊「保存並關閉」,頁面稍後會返回到如圖1所示的菜單列表。最後一項就是剛創建的「神話兵器公司」,點擊它。稍後再點擊右上角的「新建」,便可以在菜單「神話兵器公司」裏開始構建新的菜單項——等等,其實構建新的菜單項還能夠以下操做:

    3

    添加新的菜單項

    4

         圖菜單項的細節

    開始填寫。咱們點擊左邊第一項「菜單項類型」右邊的「選擇」:

     5

     菜單項類型

    重要的基礎知識:

     

    ① 從圖5咱們不難看出:Joomla的菜單是嚴格按功能分了類的,它與功能直接相關,而不是像有的人想的那樣依附於頁面——說到菜單和頁面,其概念是頁面依附於菜單。這一點咱們立刻就會介紹。

     

    ② 功能和文章分類是網站的內在骨架;菜單是網站的外在骨架。

     

     咱們選擇「單篇文章」。而後處理好右欄的第一項和左欄的全部項目:

    6

     

    6單篇文章菜單的處理

     

    接着如上圖所示,把「元數據選項」裏的簡介和關鍵詞也填寫好。

     

    語種一項說明Joomla能夠構建多語言版網站。至於怎麼構建多語言版網站咱們之後再談。

     

    問題來了:到底指定的分類的原本結構是怎麼的呢?請點擊後臺的頂部菜單的內容  「分類管理」:12

     12分類的結構圖

    分類文章的博客式排版:

    13

     13 分類文章的博客式排版

    所謂分類文章的博客式排版,就是將一個分類(及其子分類)裏的文章以博客的風格進行排版。

     

    在網站前臺,依次點擊頂部菜單的「示範網站」à公園博客。你所看到的頁面(圖12)是否是很像一個博客?

    博客式排版的一個突出特色是圖文混排,而且排版方式比較靈活。圖12只是一種形式。咱們來看看到底博客式排版要怎麼設置,能產生怎樣的效果。

     

    登陸後臺,依次點擊「菜單」   「澳洲公園」   「公園博客」

     

    對照前臺的頁面,咱們分析下它們的對應關係及博客式排版全部設置的含義。14

     14 分類的博客式排版的設置

    左邊的設置相對比較簡單,咱們重點看看右邊的設置:

     

    必需設置

     

    選擇一個分類——很快你就會發現,咱們只能選擇文章的分類。像廣告、聯繫人的信息等分類都不屬於文章的範疇。 

     

    分類選項2

     

    這裏的設置通常多數都是「全局設置」。這個「全局設置」指的是 「文章管理」或「分類管理」(在頂部的「內容」菜單裏)的「選項」的設置:

    15

     15 文章管理或分類管理的「選項」便是所謂的「全局設置」

    至於選項裏的具體設置,咱們上一章已經詳細介紹過,若是忘了就請本身回顧下。

    不少國人都喜歡說:我想要這個頁面這樣,那個頁面那樣。而設計人員也就爲了這個頁面這樣那個頁面那樣晚上加點週末加班——忙得都沒了自我,哪裏還有時間整理分析客戶的需求,而後總結出一個新的軟件分類「內容管理系統」。

     

    Joomal既然是「內容管理系統」的領頭羊,那麼它必然對於內容的排版很是在行!

     

    Joomla分析了不少客戶的「這個頁面這樣那個頁面」的要求後,找到一些規律。因而把這些要求中比較有表明性的需求歸類後預設到了軟件中,並經過菜單直接選擇這些預設效果。

     

    這也就是說:對於Joomla,是菜單決定頁面的排版!

     

     

     

    仔細看看圖5,你會發現這一點:菜單的做用彷佛是調用Joomla的功能擴展!

     

    請回到前臺,依次點擊「關於Joomla!」菜單的「使用Joomla!」  「使用功能擴展」  「組件」  內容組件,獲得圖7

     

    另開個窗口,登陸後臺,依次點擊菜單「菜單」  關於Joomla」,獲得圖9

    7

    文章列表

    單篇文章

    文章分類

    分類文章的博客式排版

    分類文章的列表式排版

    精選文章列表

    建立文章

    文章列表排版方式

     7排版使用到內容組件

    9

     「菜單項的類型」直接對應於文章的排版方式

    8.1.   菜單項類型之「文章」

     

    單篇文章

     

    Joomla的內容組件很是靈活且有不少內置的表現方式。圖7就是「單篇文章」的表現方式。其它表現方式能夠對照圖9,在前臺找到答案。

     

    指定分類的列表式排版

     

    菜單中的「文章分類」採用的便是「指定分類的列表式排版」:

    10

                                                       10 文章分類

    菜單中的「文章分類」在前臺的表現以下:

    11

     11指定分類的列表式排版效果(不一樣深度的顏色對應不一樣等級的分類名稱和分類的信息)

     

    這個項目下的設置若是不填,則採用全局設置。這個「全局設置」指的仍然是 「分類管理」或「文章管理」裏的「選項」的設置。咱們如今就點開「選項」看一看具體的設置:16

     16 文章的「全局設置」中的博客式排版的設置

    改變這裏的四個數字,能夠獲得如下排版效果:

     

    文章1(標題和全文)

    文章2

    引言

    文章4

    引言

    文章3

    引言

    文章5

    引言

    更多文章…

          文章連接列表

     

    文章1(標題和全文)

    文章2

    引言

    文章3

    引言

    文章4

    引言

    文章5

    引言

    更多文章…

          文章連接列表

     

    1-4-2-x縱向排序

    1-4-2-x橫向排序

    文章1(全文)

    文章2

    引言

    文章3

    引言

    文章4

    引言

    文章5

    引言

    文章6

    引言

    文章7

    引言

    文章8

    引言

    文章9

    引言

    文章10

    引言

     

    文章1

    引言

    文章2

    引言

    文章3

    引言

    文章4

    引言

    文章5

    引言

    文章6

    引言

    文章7

    引言

    文章8

    引言

    文章9

    引言

    更多文章…

     

    1-9-3-0橫向排序

    0-9-3-x橫向排序

     

    若是能仔細想一想,你無疑還能夠想到「博客式排版」的更多的頁面效果。

     

    「包括子分類」——你能夠選擇是否在「博客式排版」裏顯示子分類裏的文章。默認爲「無」,即若是你選定的A分類裏還有BC等子分類,默認它只顯示A分類裏的文章,而不顯示其子分類BC裏的文章。

     

    若是你改成默認顯示子分類裏的文章,那麼請記住:你之後設置的某些菜單若是是分類文章的博客式排版」,你還會有其它設置要手工調整,而且相關的設置有點使人迷惑。

     

    「博客式排版選項」的具體設置先賣個關子,後面再一一解釋。

     

     

     

    分類文章的列表式排版

     

    咱們繼續呆在後臺,像前面那樣依次點擊菜單「菜單」   關於Joomla」,獲得圖9

     

    我截取最重要的部分:17

     17 菜單「分類文章的列表式排版」

    點擊分類文章的列表式排版18

     18 菜單「分類文章的列表式排版」的「文章列表式排版」

    「必需設置」和「分類選項2」和上一小節介紹的「分類文章的博客式排版」裏的設置沒什麼差異。

     

    文章列表式排版               

     

    咱們點擊前臺左側的菜單「分類文章的列表式排版」,出現的頁面如圖1919

     

    19 分類文章的列表式排版

     

    我標註了數字來講明圖18和圖19的對應關係。要說明的是:

     

      02——要設置成「標題」,纔會在圖19中出現相應的篩選功能。「全局設置」即爲「隱藏」因此前臺本不顯示篩選功能。除了標題,你還能夠設置成只用做者姓名或點擊數來篩選。

     

      04——圖19中並無顯示每篇文章的日期,是由於「全局設置」便是不顯示日期。

     

      10——日期排序的依據能夠選擇三種之一:文章建立日期、最後一次修改日期、發佈日期。

     

    08——這裏顯示了子分類的名稱和說明。若是有多個子分類,就涉及到排序的問題了。

     

    13——決定了每頁顯示多少篇文章的標題連接。這裏設置的數字固然就顯示在01裏了。01是爲了給訪客提供本身決定每頁顯示多少篇文章的功能。

     

     

     

    精選文章排版

     

    所謂「精選文章」,就是須要將內容或部份內容發佈到網站首頁的文章,若是經過前幾章的學習後,您實踐過文章管理,你會知道在編輯文章時便可設置它是否爲「精選文章」。除此以外,後臺的「文章管理」處還能從新設置(圖20)。

     

    精選文章排版和「分類文章的列表式排版」 幾乎是同樣的!不一樣之一的是它只做用於選定的分類(能夠是整個網站的全部分類)裏的精選文章;不一樣之二是它就是也只是首頁排版。

    20

     20 精選文章

    存檔文章列表

     

    很遺憾的是,中文世界裏迄今爲止都尚未對「存檔文章」的恰當的解釋——就是在這種狀況下,竟然還投入大量的人執行網絡封鎖。

     

    說到存檔,你們都不陌生,在遊戲裏它的意思是保存你的過關記錄,省得你下次開機的時候要從頭再來。在Wordpress還自稱是博客的年代,存檔是指對博客文章的日期歸類方式。在軟件裏,存檔這個屬性通常不是直接提供給用戶使用的,而是用於審覈或分析。對於資料而言,存檔經常意味着從公開轉爲內部保存,只供特殊的管理員使用——在Joomla1.6以前,Joomla的「存檔文章」兼顧了全部這些概念,而且存檔文章不能被編輯(要編輯就得取消存檔)、不能被前臺閱讀或搜索,屬於「禁書」狀態。但從Joomla 1.6起,Joomla就採用了一種開明的方式:能不能被前臺閱讀或搜索,徹底交給文章的權限管理;而且能夠被編輯——等於一切交給管理員管理。

     

    經過前面的介紹,「存檔文章列表」的大多數設置其實咱們已經熟悉了。比較特殊的只有一個,那就是「設置引言字數的限制」——它的意思是若是文章設置了「引言」和「正文」,那麼「存檔文章列表」能夠先只顯示「引言」,而到底顯示多少字數的引言,是在這裏決定的。

     

    「存檔文章列表」能夠像「分類文章的列表式排版」同樣是文章列表,也能夠像只有一列的「分類文章的博客式排版」,其實仍是挺靈活的。

     

    相信有的朋友必定恍然大悟了:存檔文章的應用,比之前普遍多了!

     

    爲何同處一個世界,Joomla就進步那麼快呢?

     

    開放、開明的精神很重要!

    Joomla有豐富的插件,也可藉助eclipse自定義開發。

     

     

     

     

     

     

  • 深刻學習Joomla,能夠翻譯Joomla官方翻譯英文文檔

  • adiOS

相關文章
相關標籤/搜索