iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
0
Modern Web

與WordPress的邂逅,像極了愛情!系列 第 30

會員管理網站實作篇- (以律師諮詢平台為例子) part4

  • 分享至 

  • xImage
  •  

大綱

  • 安裝 Ultimate Member plugin
  • UM三大表單
  • 實作律師卡片呈現頁

終於到了最後一篇(喘口氣),這篇讓我們稍微輕鬆一點,首先,大部分的頁面功能看起來都做完了,但仍舊有些小問題的不完美,頁面有些邏輯不通地方,例如重置密碼、註冊、登出、登入、會員列表、會員、帳號、Sample Page等頁面管理此時都在同一頁上,無論登入前後都會出現,這邊我們調整邏輯,期望的呈現如:

  • 登入前看到:註冊、登入、會員列表
  • 登入後看到:登出、會員、會員列表、帳號管理
  • 移除:Sample Page、重置密碼

Sample Page 直接從後台移除,並且將首頁透過 設定->靜態頁面 定義首頁為會員列表

再來利用 WP 提供的預設方法 is_user_logged_in() 調整登入前與登入後的顯示

if(is_user_logged_in()){
        $myStr = "
        <script>
        document.getElementsByClassName('page_item page-item-16')[0].remove();
        document.getElementsByClassName('page_item page-item-11')[0].remove();
        document.getElementsByClassName('page_item page-item-12')[0].remove();
        </script>
        ";
        echo $myStr;
    } else{
        $myStr = "
        <script>
        document.getElementsByClassName('page_item page-item-15')[0].remove();
        document.getElementsByClassName('page_item page-item-16')[0].remove();
        document.getElementsByClassName('page_item page-item-14')[0].remove();
        document.getElementsByClassName('page_item page-item-10')[0].remove();
        </script>
        ";
        echo $myStr;
    }

以上大致的介面和功能都做完囉~


結論

謝謝大家這 30 天的陪伴,WP 作為一個前後端連結的網頁框架,即便效能不會特別好,但是已經能做到許多貼心、有趣的應用,礙於章節很多細節無法提到,但是我們仍然會持續更新新文章在我瘋官網 (wowfuncode.com),謝謝大家的支持,我們下次再見囉(下台一鞠躬~


上一篇
會員管理網站實作篇- (以律師諮詢平台為例子) part3
系列文
與WordPress的邂逅,像極了愛情!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言