WordPress外掛《CYC》讓很囧的後台登入、註冊等頁面整合到前台佈景

使用Wordpress來架設網站的人愈來愈多,不僅是用在部落格架設,許多小型企業也紛紛改型以部落格程式來呈現網站,不過有部份企業是屬於有會員制的型態,對於Wordpress的登入頁面,個人修改資訊頁面等,只要會看到後台的畫面就整個囧掉,雖然網路上已經有可以替換後台登入頁的Wordpress logo圖,但看起來還是很囧,今天我們就利用WordPress外掛《CYC》將一般會員登入的頁面通通整合到前台佈景,讓人一點也看不出是Wordpress。

04

一般我們在登入Wordpress時都必需到後台這個登入畫面,但其實在外國有不少部落格都是有整合會員登入制,那麼登入會員時總不是讓人看這很囧的登入頁吧,包括註冊也是,今天就來個大變身,把後台的login頁整合到前台吧。

WordPress外掛《CYC》Customize Your Community:

官方網站:http://www.sugarrae.com/wordpress/cyc/

WordPress官方外掛頁:http://wordpress.org/extend/plugins/customize-your-community/

功能簡介:整合登入、註冊、個人資訊頁到前台佈景

外掛安裝:

安裝直接利用後台→外掛→新增→搜尋Customize your comunity,點擊安裝

01

點擊立即安裝

02

直接啟用外掛吧

03

外掛設定:

你可以先試試都不設定,直接開啟你的登入頁看看,http://你的網址//wp-admin

應該是已經整合,只不過有點亂,讓我們到後台來調整一下,後台→設定→CYC,總共有三個欄位要填入,我們往下來說明如何填空。

05

首先打開你的佈景,single.php這個檔案(內文的檔案,也有可能是index.php)看到header開始到內文起始前的<div>,把他複製起來填入第一格

08

第二格要填的是內文之下,讀取sidebar.php之前的</div>

第三格則是siderbar.php之下到讀取footer之上的</div>

以上填法是丫湯的佈景,其它佈景大同小異,如果你不知道怎麼填,請將你的single.php寄給丫湯,再幫你看看。

09

接下來再打登入頁 http://網址/wp-admin看看,你會發現再也見不到那很囧的Wordpress登入頁,而是直接在前台呈現登入頁,一般會員登入的話只會轉向到前台,如果是管理員一樣會進到後台管理介面。以下各種呈現的頁面截圖,是丫湯最近在做的另一個網站,所以只先截整合頁面的部份就不截全景囉,反正上方就是header,右方就是sidebar…

06

一般會員登入後進入的個人資訊頁畫面

10

註冊原本應該只有帳號和Email的欄位選項,以下有那麼多欄位是因為丫湯有再加用其它外掛修改而成的。

07

以上這樣看如果還不太清楚,,等待丫湯將目前手中在做的網站結束後,再來和大家分享將Wordpress化身會員站的心得吧。

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

29 個留言

  1. Avatar Allen表示:

    站長大大你好:
    請問你的註冊會員/登入的個人資訊頁畫面我已做好了,但當我資料都填寫好按下註冊卻出現404錯誤,卡關了~不了為什麼??
    嚮往這網站http://www.apple.com/tw/ 直覺簡單
    我很想架設網站~需要技術人員指導~如可以請E-MAIL:w99176201333@gmail.com過來謝謝~

    阿湯 說:

    建議你可以上課學WP基礎 http://www.xuexue.tw/institute/inst_course_detail.asp?xmlid=332369

  2. Avatar airboss表示:

    請問一下,為什麼我的佈景主題檔案single.php、index.php內找不到您上面這些<div的內文呢?

    阿湯 說:

    每款佈景修改可能有所不同哦

  3. Avatar diorlive表示:

    湯大!我的佈景主題結構有點複雜,我不知道該如何插入.. 加上內文有分好多個模版檔案,我也不知道該給你哪一個參考。請幫幫忙@@

    阿湯說:

    歡迎透過聯絡表單,技術相關協助,我會報價給您

  4. Avatar 会会表示:

    请问,怎么调整留言板的位置呢,就是把留言板放到下边,留言显示在上边。我做出来的是反的。。。谢谢啦~~

    阿湯說:

    每個佈景結構不同,無法回答你哦

  5. Avatar SYH表示:

    阿湯哥您好,
    我是第一次使用Wordpress的新手,套用Sco v4.0的版面並外掛cyc,側欄都跑到畫面最下方了,另外裝WordPress Post Tabs外掛時遇到TAB仍然以文字顯示的問題,請問可能是什麼原因造成的呢?

    阿湯說:

    cyc 必須要修改一些對應的 div ,另外 tabs 外掛我沒用過就不清楚了.

  6. Avatar Kathy表示:

    站長大大你好,
    請問你的會員登入的個人資訊頁畫面是怎樣製作呢?
    我不太懂寮CSS 的, 是很複雜的嗎?|謝謝!!!

    阿湯說:

    一定要懂CSS哦

  7. Avatar fallenlin表示:

    站長大大你好:
    請問,我使用這個外掛後,發現如果在個人資訊(profile.php)更新失敗(比如密碼兩次輸入不一樣),版面就又會跳回到wordress原本內見很醜的個人資訊~”~

    找了很久都找不到原因,不曉得你有沒有遇到這個情況?請問怎麼解決呢?

    方便的話麻煩協助,謝謝!

     

    阿湯說:

     

    確定是這個外掛引起的嗎

  8. Avatar Pinhsun表示:

    不是耶! 我是自己架設伺服器的~~~

    阿湯說:

    應該PHP少了什麼套件吧~佈景的部份就自己研究囉.現在沒有時間去看那個,都是付費修改

  9. Avatar Pinhsun表示:

    你好,我有個佈景主題名叫:Arras 1.5.0.1 由 Melvin Lee發布的。
    這主題我只找到前兩個語法耶,最後一個語法我找不到..

    可以麻煩ㄚ湯哥幫我check一下嗎,謝謝!!!!

    另外我有個問題請教您~
    wordpress內建的註冊系統,我輸入了帳號和e-mail,他也說會寄送密碼到e-mail,但好像都沒反應耶~是不是需要再設定甚麼呢?

    阿湯說:

    你用免費的主機嗎

  10. Avatar 大懒猪表示:

    可以分享下吗?

    阿湯說:

    這不另外教學的,謝謝

  11. Avatar 大懒猪表示:

    呃,那再弱弱的问下,那个注册页面内有很多选项,请问这个加了哪些插件呀?

    阿湯說:

    自己改的

  12. Avatar 大懒猪表示:

    你好,,,请问有没有更好的会员注册登录的插件,谢谢

    阿湯說:

    目前都還好

  13. Avatar 倡萌表示:

    不错的文章,以后制作开放注册的网站时,也能够用得上

    阿湯說:

    嗯嗯,蠻好用的

  14. Avatar crux表示:

    請問Wp-member是否也是類似的功能呢~~~

    阿湯說:

    那支外掛我就沒用過囉,要再看看

  15. Avatar kilocooper表示:

    請問一下,您目前比較推薦的會員管理外掛有哪些。
    因為我發現register plus在中文選項會有錯誤,您推薦的register wordpress也已經找不到了~”~麻煩請指點一下~

    阿湯說:

    會員管理外掛如果真的要好用,大概就是要用付費的外掛囉,外國有一支member什麼的

  16. Avatar Yutou表示:

    <li><a href="” title=”Home page”>Home

    <a href="” title=”Subscribe by RSS”>RSS

    <img src="/images/banner.jpg” alt=”banner” />

    <div class="post" id="post-“>

    <?php wp_link_pages('Pages: ‘, ”, ‘number’); ?>
    <?php edit_post_link('Edit', '’, ”); ?>
    <!– –>

    Filed under:

    404 Error: The page you’re looking for is not here.

    阿湯說:

    你好,目前沒有時間可以協助修改哦,現在修改CYC也都是採收費制了.

  17. Avatar 綠豆表示:

    網址是http://alan-c.no-ip.org/blog/
    在一般使用登入後,出現的個人一般資訊會有問題,下面沒有可以按變更的按鈕,然後底圖也沒有延伸
    您可以使用以下帳號登入測試
    帳號:test
    密碼:123

    阿湯說:

    你這是css的問題,在#main-bot 中加入display:inline-block;就會拉長了,剩下的部份你要自己調囉

  18. Avatar 綠豆表示:

    以下是我的single.php,可否幫我看看該截取哪一段呢?謝謝
    ==================================================================

    <div >

     
    ‘.__(“Pages:”).’ ‘, ‘after’ => ”, ‘next_or_number’ => ‘number’)); ?>

    Posted <!– by –> in

     

    <?php the_tags( 'Tags: ‘, ‘, ‘, ”); ?>

    Sorry, no posts matched your criteria.

    ==================================================================

    分頁設定成功~~
    可是~~
    在文章截斷的地方加上more標籤
    是在網頁語法裡加嗎?!?!
      是要加跟嗎?!?!
    還是要在css裡加(這個我就不會加囉~~)
     
     
     

    阿湯說:

    可以先給網址嗎

  19. Avatar ZZ表示:

    這篇教的我弄成功囉
    可事有個缺陷
    原本就有的,不是加這個插件的關係
    我想問大家有方法解決嗎
    就是點註冊那一面在IE下看
    帳號跟EMAIL這兩欄它的輸入框會跑位
    有辦法修正嗎,chrome跟firefox都不會跑位,只有IE會

    阿湯說:

    要修改css~

  20. Avatar 在學wordpress 註冊功能表示:

    阿湯哥 你的e-mail 是?

    阿湯說:

    如果有預算要做修改可以透過聯絡表單聯絡我

  21. Avatar 在學wordpress 註冊功能表示:

    阿湯哥 問一下哦 我有使用cyc 我不知我那做錯了
    我的登入畫面 沒有註冊的地方 還有 登出後 那個您已登出的 黃色框 可以改小嗎?
    不然我的版型都跑掉了
    我的網址您看一下 拜拖了
    http://www.tynet.com.tw/handlink

    再麻煩你了

    阿湯說:

    CYC是要配合版型去設定使用的,不是每個版型和我的設定都一模一樣,目前修改這個要收費哦

  22. Avatar Vincentgram表示:

    請問自訂會員註冊欄位的外掛是哪一個呢?最近手上有一個案子也需要擴增會員欄位。:)

    阿湯說:

    Google請搜尋 register wordpress

  23. Avatar 易春木表示:

    推薦給大家如果要修改註冊的內容與確認信
    可以用這個外掛 Register Plus 🙂

    阿湯說:

    這個外掛我有用過,算是很完整

  24. Avatar 易春木表示:

    請問ㄚ湯關於會員註冊之後會發送的確認信
    有沒有辦法修改確認信的內容

    阿湯說:

    要用外掛,用register搜尋應該可以找到不少

  25. Avatar 拆組達人表示:

    wordpress的商務應用應該會愈來愈多! :as57

    阿湯說:

    呵,其實WP早就已經可以做成商務類的囉

    很多插件我都找齊了

  26. Avatar 梅干扣肉表示:

    請問一下~
    比方說已瀏覽某篇文章~~
    再登入,登入成功後網頁會再導回先前的頁面中嗎?

    阿湯說:

    好像不是,如果要回到原文章要用另一套登入外掛的樣子

  27. Avatar Carrie表示:

    我看到的登入畫面還是原本那個蠻囧的樣子耶~

    阿湯說:

    丫~因為我自己的先改回來了,等另一個網站啟用了

    再給大家看詳細的情況吧@@

  28. Avatar xD~碳表示:

    期待中 :as66
    葛葛的網站,碳碳代言 :as57

    阿湯說:

    完成度差不多80%囉

發表留言 »

姓名(*)
信箱(*)