2013-03-14 59 views
1

我是joomla的新手,可否有人告訴我如何整合jbootstrap我已經從Google搜索到joomla cms。如何將jbootstrap整合到joomla cms

這是很難找到如何融入精彩的Joomla設計。

jbootstrap模板或插件,具有的功能Twitter引導

是否適合定製響應式設計與Twitter的引導

Link to JBootstrap

+1

取決於你在做什麼,救自己一些麻煩,只是使用的Joomla 3.0。它已經將Bootstrap集成到了Joomla的核心中,並允許您使用任何可與3.0配合使用的模板。它在技術上仍然是測試版軟件,但應該能夠在很多情況下運行良好。 – 2013-03-14 07:55:21

+0

@DavidFritsch你如何整合它?這是一個插件或整個模板或主題,你必須在我們的joomla模板文件夾... – SaurabhLP 2013-03-14 07:59:41

+0

下載Joomla! 3.0。檢查protostar模板。把它作爲構建Joomla的參考!模板和使用Bootstrap。 – 2013-03-14 08:20:35

回答

3

下載軟件包,創建您的模板文件夾一個新的文件夾(稱爲「引導」爲例),然後在那裏提取JBootstrap包。所以,你的文件夾結構應該是這樣的:

template_name/ 
    ├──bootstrap/ 
      ├── css/ 
      │ ├── bootstrap.css 
      │ ├── bootstrap.min.css 
      ├── js/ 
      │ ├── bootstrap.js 
      │ ├── bootstrap.min.js 
      ├── img/ 
       ├── glyphicons-halflings.png 
       ├── glyphicons-halflings-white.png 

然後,打開的index.php模板文件夾(而不是根文件夾!!),有的地方把這個PHP代碼,這將包括引導文件。

$document = JFactory::getDocument(); 
if(!JFactory::getApplication()->get('jquery')){ 
    JFactory::getApplication()->set('jquery',true); 
    $document->addScript(JURI::root() . "templates/template_name/js/jquery-1.8.3.js"); 
} 
$document->addScript(JURI::root() . "templates/template_name/bootstrap/js/bootstrap.min.js"); 
$document->addStyleSheet(JURI::root() . "templates/template_name/bootstrap/css/bootstrap.min.css"); 

您需要包括jQuery的藏漢,所以前幾行檢查Ø是否已經被導入它,它只有進口,如果它已經不被完成。這是一個很好的方法,因爲多個jQuery庫可以防止事情發生。


或者你可以像@David Fritsch說的那樣,使用已經集成了Bootstrap的Joomla 3.0。

希望這有助於

+0

感謝您的回答,我有做一些改變你的代碼,但我的任務完成了...... – SaurabhLP 2013-03-15 06:13:00

+0

高興你得到它的工作:) – Lodder 2013-03-15 13:02:15

1

還有來自JoomlaShack的JS_Wright模板框架的選擇...引導很好地集成在已經爲好。 (在的Joomla 2.5.X的偉大工程)