跳到主要內容

修改Xoops佈景結構增加一個入口首頁的方法!!-教學撰寫:徐嘉裕Neil hsu

之所謂客戶百百款，每個客戶對於網站的需求都不一樣，最近就遇到一個客戶需要再Xoops網站的首頁前面再加一層入口首頁，如果用原本的作法是用html做個頁面丟到網站根目錄然後指定伺服器預先讀取html即可，但是這樣做變成是獨立頁面，離開Xoops系統了，如果要使用Xoops的模組或區塊功能就不可行了，所以解決的方法還是修改佈景結構比較實在。

這是修改好之後的佈景樣式，如果輸入網址會出現入口頁面，



點進入網站按鈕則會顯示原本的Xoops預設首頁跟11個區塊!






修改方法如下：

1、先在佈景根目錄建立一個config.php檔
2、於佈景theme.tpl中引入config.php檔
<{include_php file="$xoops_rootpath/themes/$xoops_theme/config.php"}>
3、於config.php檔中增加以下的php code

<?php
global   $xoopsTpl;

$types=isset($_REQUEST['types'])?$_REQUEST['types']:"";

if(!empty(trim($xoopsTpl->_tpl_vars['xoops_contents'])) ){

$contentstrue=true;

}

$xoopsTpl->assign('contentstrue', $contentstrue);
$xoopsTpl->assign('types', $types);

?>

4、然後在佈景的tpl資料夾建立一個index.tpl檔，這個樣板就是用來放入口首頁內容的，包括區塊程式也能在這裡運作，index.tpl檔裡面要做個按鈕連到Xoops預設首頁。

<a title='前往首頁'  href="<{xoAppUrl /}>?types=index" >前往首頁</a>

5、修改佈景的結構樣板檔，加上以下的判斷
<body>


<{if !$types eq index && !$contentstrue}>
<{includeq file="$theme_name/index.tpl"}>  //讀取入口首頁樣板

<{else}>

//放置原本Xoops內建的11個區塊程式內容區

<{/if}>
</body> 

這樣就可以了，如果網址types沒有變數，那就是讀入口首頁樣板，如果types有變數或是tpl_vars['xoops_contents']有值，則讀內容首頁程式。


有需要的朋友可以參考看看!!

教學撰寫： 徐嘉裕 Neil hsu


標籤：

留言

  1. wwww2018年8月10日 晚上11:42

    作者已經移除這則留言。

    回覆刪除
  2. David tw2018年8月14日 凌晨4:25

    老師您好
    依據您的教學修改布景school 2015但是好像沒有起作用?!

    回覆刪除
  3. 徐嘉裕 - Neil hsu2018年8月29日 凌晨4:54

    2015就不需要引入config.php，直接在theme.tpl最上方加上
    <{php}>
    $types=isset($_REQUEST['types'])?$_REQUEST['types']:"";
    if(!empty(trim($this->_tpl_vars['xoops_contents'])) ){ $contentstrue=true; } $this->assign('contentstrue', $contentstrue);
    $this->assign('types', $types);
    <{/php}>


    然後也不需要引入首頁樣板了!改成

    <{if !$types eq index && !$contentstrue}>
    //放置首頁內容區塊

    <{else}>

    //放置原本Xoops內建的11個區塊程式內容區

    <{/if}>


    回覆刪除
  4. wwww2021年3月16日 下午6:30

    老師您好:
    依照您的教學，新版的School2015 BootStrap3佈景
    似乎會出訊錯誤訊息!?

    回覆刪除
    回覆
    1. 徐嘉裕 - Neil hsu2021年3月16日 晚上10:46

      吧
      $this->assign('types', $types);
      改為
      $xoopsTpl->assign('types', $types);
      記得要global $xoopsTpl;
      這樣就可以了


      <{php}>
      $types=isset($_REQUEST['types'])?$_REQUEST['types']:"";
      if(!empty(trim($xoopsTpl->_tpl_vars['xoops_contents'])) ){ $contentstrue=true; } $xoopsTpl->assign('contentstrue', $contentstrue);
      $xoopsTpl->assign('types', $types);
      <{/php}>

      刪除
    2. wwww2021年3月16日 晚上11:51

      感謝老師您!我再試試

      刪除
    3. wwww2021年3月16日 晚上11:57

      請問:記得要global $xoopsTpl; ，是只要將它加在程式的哪裡呢?1

      刪除
    4. wwww2021年3月17日 凌晨12:06

      目前有出現錯誤訊息:

      Error : Smarty error: [in /var/www/html/themes/school2015/theme.tpl line 139]: syntax error: unclosed tag \{else} (opened line 62). (Smarty_Compiler.class.php, line 312)

      刪除
    5. 徐嘉裕 - Neil hsu2021年3月17日 凌晨12:13

      你的smarty標籤有錯置~檢查一下樣版上是不是{else}->改成<{else}>才對
      或是少了<{/if}>結尾之類的~!!

      刪除
    6. 徐嘉裕 - Neil hsu2021年3月17日 凌晨12:14

      <{php}>
      global $xoopsTpl;

      $types=isset($_REQUEST['types'])?$_REQUEST['types']:"";
      if(!empty(trim($xoopsTpl->_tpl_vars['xoops_contents'])) ){ $contentstrue=true; } $xoopsTpl->assign('contentstrue', $contentstrue);
      $xoopsTpl->assign('types', $types);
      <{/php}>

      刪除
    7. wwww2021年3月17日 凌晨3:27

      跟您反映一件事情:

      目前修改後可以正常顯示了!

      但是，之前的布景修改後，是只有入口頁面上顯示出slideshow_responsive.tpl。

      現在，在入口頁面上，以及在網站首頁上都會顯示出slideshow_responsive.tpl，

      請教您，可以只讓入口頁面上顯示出slideshow_responsive.tpl，就好了嗎?

      感謝您!!

      刪除
    8. 徐嘉裕 - Neil hsu2021年3月17日 凌晨3:48

      吧slideshow_responsive.tp引入連結放到

      <{if !$types eq index && !$contentstrue}>
      //放置首頁內容區塊

      slideshow_responsive.tp <-放這裡

      <{else}>

      //放置原本Xoops內建的11個區塊程式內容區

      <{/if}>

      這樣就只會在入口頁面顯示slideshow_responsive.tpl了

      刪除
  5. wwww2021年3月17日 凌晨3:54

    太感謝您了!可以正常顯示

    回覆刪除
  6. wwww2021年3月18日 下午5:41

    老師好，請問有辦法在入口頁，調用新聞區塊最新消息嗎?

    回覆刪除
    回覆
    1. 徐嘉裕 - Neil hsu2021年3月18日 晚上10:24

      吧以下的includeq放到首頁內容區塊

      <{if !$types eq index && !$contentstrue}>
      //放置首頁內容區塊

      <{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/centerBlock.tpl"}>

      <{else}>

      //放置原本Xoops內建的11個區塊程式內容區

      <{/if}>

      這樣你吧新聞區開在中間區塊就會顯示在入口首頁~但首頁也會顯示!

      刪除
    2. wwww2021年3月18日 晚上10:38

      謝謝老師!神來一筆

      刪除
  7. wwww2021年3月19日 凌晨12:39

    老師好:

    經過測試，在//放置首頁內容區塊的地方引入:<{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/centerBlock.tpl"}> 這段程式碼後，在入口頁面與網頁首頁上面，都會一起顯示出開啟的區塊。

    無法像是之前引入slideshow_responsive.tp後 (//放置首頁內容區塊slideshow_responsive.tp <-放這裡)，只有在入口頁面顯示出該區塊，在首頁不顯示出來!!

    回覆刪除
    回覆
    1. 徐嘉裕 - Neil hsu2021年3月19日 凌晨12:59

      這是最簡單的修改方法~比用bid還快~你吧要顯示在入口首頁的區塊開在中上區塊，要顯示在內容首頁的開在中下區塊~這樣就可以分流資料了!!

      刪除
    2. wwww2021年3月19日 凌晨2:52

      老師好:

      我在前面//放置首頁內容區塊的地方，引入themes3_tpl/centerBottom.tpl，將要顯示在入口頁面的區塊放置在centerBottom.tpl，但是一樣會在入口處與首頁頁面一起都顯示出來!!

      刪除
    3. 徐嘉裕 - Neil hsu2021年3月19日 上午9:32

      我下午貼上來的code有html碼被google擋掉了，不過也好因為那方法有錯!!好佳在!!

      還有一個解決的方法就使用smarty直接指定區塊，你先進到要顯示在入口首頁的tad新聞區塊編輯頁面(編輯區塊)，然後看一下網址!

      http://xoops.com/modules/system/admin.php?fct=blocksadmin&op=edit&bid=53

      最後面的bid=53 ，53就是區塊的ID，每個區塊ID都不一樣!以你自己網站的bid主!

      然後再布景結構指定區塊ID

      <{if !$types eq index && !$contentstrue}>

      //放置首頁內容區塊

      <{block id=53}> //指定區塊ID， 53改為你自己的區塊ID

      <{else}>

      //放置原本Xoops內建的11個區塊程式內容區

      <{/if}>

      原本的
      <{includeq file="$xoops_rootpath/modules/tadtools/themes3_tpl/centerBlock.tpl"}>
      可以刪掉，然後再進入新聞區塊吧區塊關閉，這樣被調用的區塊就只會顯示在入口首頁，不會顯示在內容首頁!!

      刪除
    4. wwww2021年3月19日 下午3:48

      有個美中不足就是區塊的標題不見了

      刪除
    5. 徐嘉裕 - Neil hsu2021年3月19日 晚上10:32

      這樣可以抓到標題
      <{block id=55 display="title"}> 55改為你自己的區塊ID
      樣式要自己用CSS定義了
      或是直接抓佈景的CSS來套也行!

      刪除
    6. wwww2021年3月20日 凌晨12:36

      哇!老師出神入化

      刪除
  8. wwww2021年3月19日 下午3:23

    老師感謝您!非常可以了，老師太神奇了

    回覆刪除

張貼留言

這個網誌中的熱門文章

好用的windows備份檔案dos指令XCOPY-教學撰寫:徐嘉裕Neil hsu

要快速的備份某個硬碟全部資料到備份硬碟中，雖然是可以用windows內建的備份與還原，但如果重灌windows可會有key不同而無法還原的問題，還要改一堆設定煩死了，直接用dos指令XCOPY來做檔案的複製就很快了，資料也不會丟失，好朋友可以參考看看!! 首先開啟windows所有程式->附屬應用程式->開啟命令提示字元! 然後輸入以下指令 XCOPY C:\xxx   F:\xxx /s 藍字的 C:\xxx  為複製檔案來源位置例如要複製整個C槽就輸入 C:\ 綠色的   F:\xxx 為複製目的位置，例如要放到F槽的備份資料夾，就輸入  F:\ 備份 紅字的 S 為複製類型參數，可以自行修改為以下的參數設定： ================================================================= /A    只複製設定成保存屬性的檔案，不要改變屬性的設定。 /M    只複製設定成保存屬性的檔案，並清除保存屬性。 /D:m-d-y  複製指定日期當天或之後變更的檔案。如果沒給日期，只複製那些來源檔案日期比目的檔案日期為新的檔案。 /EXCLUDE:file1[+file2][+file3]...         指定檔案清單字串。每個字串應在不同行。如果有字串對應到要進行複製的檔案絕         對路徑的任何部分，這個檔案會被排除複製。例如，指定字串         \obj\ 或 .obj 的話，會排除所有在 obj 目錄下副檔名是.obj 的檔案複製。 /P    在建立每個目的檔案時顯示提示。 /S    複製每個目錄及其包含的子目錄，不複製空目錄。 /E    複製每個目錄及其包含的子目錄，也複製空目錄。/S 與 /E相同，能夠用來修改 /T。 /V   ...
2 則留言
閱讀完整內容

jQuery取得下拉選單selected中數值與內容的方法

假設選單狀態為： <select id='selectname '> <option value='v1' data-id="d1">選單A</option> <option value='v2' data-id="d2">選單B</option> <option value='v3' data-id="d3">選單C</option> </select> 以jQuery取得選單數值與內容方法如下： 1、取得下拉選單 value 數值的方法 $selectname=$('#selectname').val(); alert($selectname); //顯示選單中 selected 狀態的value數值v1 or  v2  or  v3。 2、取得下拉選單中 data-id 數值的方法 $data-id= $(this).find(':selected').attr('data-id'); alert($data-id); //顯示選單中 selected 狀態的data-id數值d1 or  d2 or  d3。 3、取得下拉選單中 文字 的方法 $selecttext=$(this).find(':selected').text(); alert($selecttext); //顯示選單中 selected 狀態的文字內容，如選單A or  選單B or 選單C。 教學撰寫：徐嘉裕 Neil hsu
張貼留言
閱讀完整內容

CentOS7啟用ssh的設定方法-教學撰寫:徐嘉裕Neil hsu

安裝好CentOS7後可以在圖形化介面中點選右鍵->開啟服務器修改設定後啟用SSH設定，方法如下： 1、先安裝openssh套件 sudo yum install openssh* 2、用 gedit 開啟sshd_config編輯 (不要用vi很難編輯的) sudo gedit /etc/ssh/sshd_config 3、增加可連線SSH帳號 AllowUsers admin (此欄位需要自行新增) 4、修改PORT吧 # 註解拿掉 (可以改成8022PORT或其他PORT都可以) Port 22 搜尋PermitRootLogin吧 # 註解拿掉 PermitRootLogin no 再來把這兩行的 # 註解拿掉 PermitEmptyPasswords no PasswordAuthentication yes 搜尋Protocol設定使用SSHv2連線 Protocol 2 sudo systemctl restart sshd.service    重新啟動service sudo systemctl enable sshd.service    設定開機啟動SSH sudo semanage port -a -t ssh_port_t -p tcp 22      防火牆允許22 PORT 或 sudo firewall-cmd --permanent --zone=public --add-port=22/tcp 重新載入防火牆設定 sudo firewall-cmd --reload sudo  netstat -ant | grep :22 查看 22PORT 查詢現在SELinux設定清單中的SSH服務有哪些Port sudo semanage port -l | grep ssh ssh_port_t tcp 8022, 22 怎麼測試？ 格式：登入帳號@IP或主機名稱 指令：-p SSH服務Port號 sudo ssh -p 22 admin@192.168.1.100 如設定的Port在清單中 ，那就表示SSH設定完成防火牆也開啟列外了，之後再用遠端的PuTTY輸入 ...
張貼留言
閱讀完整內容