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

2009/08/13 阿湯 WP-plugins(外掛)

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

一般我們在登入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，點擊安裝

點擊立即安裝

直接啟用外掛吧

外掛設定：

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

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

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

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

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

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

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

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

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

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

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

上一篇：《Windows 7技巧》如何將MSN縮小到右下系統列？

下一篇：USB隨身碟病毒剋星《EFix》5.2 20090806.47繁體中文版

作者：阿湯

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

更多關於阿湯的文章》

29 個留言▼

Allen表示:

2014 年 05 月 13 日14:57:36

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

阿湯說：

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

2013 年 12 月 02 日22:20:17

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

阿湯說：

每款佈景修改可能有所不同哦
diorlive表示:

2013 年 05 月 21 日23:59:20

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

阿湯說：

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

2013 年 05 月 10 日16:07:28

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

阿湯說：

每個佈景結構不同，無法回答你哦
SYH表示:

2012 年 12 月 22 日00:13:35

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

阿湯說：

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

2012 年 06 月 25 日09:56:28

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

阿湯說：

一定要懂CSS哦
fallenlin表示:

2012 年 02 月 06 日23:41:30

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

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

方便的話麻煩協助，謝謝！

阿湯說：

確定是這個外掛引起的嗎
Pinhsun表示:

2011 年 06 月 28 日19:55:27

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

阿湯說：

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

2011 年 06 月 27 日19:53:01

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

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

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

阿湯說：

你用免費的主機嗎
大懒猪表示:

2011 年 05 月 07 日17:13:42

可以分享下吗？

阿湯說：

這不另外教學的,謝謝
大懒猪表示:

2011 年 05 月 07 日17:08:48

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

阿湯說：

自己改的
大懒猪表示:

2011 年 05 月 07 日16:11:19

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

阿湯說：

目前都還好
倡萌表示:

2011 年 01 月 14 日09:35:08

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

阿湯說：

嗯嗯,蠻好用的
crux表示:

2010 年 12 月 22 日18:16:13

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

阿湯說：

那支外掛我就沒用過囉,要再看看
kilocooper表示:

2010 年 08 月 24 日13:44:02

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

阿湯說：

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

2010 年 08 月 01 日11:05:03

<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也都是採收費制了.
綠豆表示:

2010 年 06 月 29 日14:37:00

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

阿湯說：

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

2010 年 06 月 29 日13:13:40

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

<div >

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

Posted <!– by –> in

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

Sorry, no posts matched your criteria.

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

分頁設定成功～～
可是～～
在文章截斷的地方加上more標籤
是在網頁語法裡加嗎？！？！
　　是要加跟嗎？！？！
還是要在ｃｓｓ裡加（這個我就不會加囉～～）
　
　
　

阿湯說：

可以先給網址嗎
ZZ表示:

2010 年 05 月 03 日01:16:35

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

阿湯說：

要修改css~
在學wordpress 註冊功能表示:

2010 年 03 月 29 日00:09:46

阿湯哥你的e-mail 是?

阿湯說：

如果有預算要做修改可以透過聯絡表單聯絡我
在學wordpress 註冊功能表示:

2010 年 03 月 28 日23:51:57

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

再麻煩你了

阿湯說：

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

2010 年 01 月 19 日07:49:46

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

阿湯說：

Google請搜尋 register wordpress
易春木表示:

2009 年 12 月 29 日13:37:09

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

阿湯說：

這個外掛我有用過，算是很完整
易春木表示:

2009 年 12 月 29 日01:51:51

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

阿湯說：

要用外掛,用register搜尋應該可以找到不少
拆組達人表示:

2009 年 09 月 02 日09:29:59

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

阿湯說：

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

很多插件我都找齊了
梅干扣肉表示:

2009 年 08 月 18 日12:48:41

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

阿湯說：

好像不是，如果要回到原文章要用另一套登入外掛的樣子
Carrie表示:

2009 年 08 月 13 日18:08:23

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

阿湯說：

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

再給大家看詳細的情況吧＠＠
xD~碳表示:

2009 年 08 月 13 日11:11:33

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

阿湯說：

完成度差不多80%囉

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

29 個留言▼

發表留言 »