Xenforo Toàn tập Cài đặt và hướng dẫn sử dụng

Bởi Khởi Việt - November 12, 2015 11:39

Công ty thiết kế web giá rẻ xin trích đăng một bài về Xenforo trên VZ hi vọng nó hữu ích cho mọi người

Nhắc đến tạo một diễn đàn đơn giản, đầu tiên ai cũng nghĩ đến VBB bởi vì nó dễ dùng, hoặc IPBoard or Disscuz vì giao diện đẹp. Nhưng gần đây nhiều người đã chuyển qua sử dụng một mã nguồn mới, dễ dùng như VBB nhưng giao diện cũng đẹp như Disscuz. Ở đây mình đang nói đến XenForo.

Đầu tiên là Demo Xenforo cái nhể:
- ExoPlanet Viet Nam: http://exoplanetvn.com
- 360 KPOP FANSUB IN VIET NAM: http://www.360kpop.com

Hiện Xenforo đã cho ra bản dùng thử mới nhất là XenForo.v1.1.0.Beta.5 các bạn có thể download bản đó tại:

http://www.mediafire.com/?m26j2rzkkcbgp7q

Nhưng theo mình là không nên dùng bản đó. Tại sao? -> Bản đó là bản Beta vì vậy chắc sẽ xuất hiện nhiều lỗi. Trong trường hợp này, mình khuyên dùng các bản cũ mà ổn định hơn như bản XenForo 1.0.2. Hiện mình cũng đàn dùng bản này, các bạn có thể download tại:

http://www.mediafire.com/?if6dz9zd1yvdp8d

Hoặc có thể dùng bản XenForo 1.0.4:

http://www.mediafire.com/?flfd8x2l0s4js0r

*Chú ý: Các mã nguồn mình nêu ở trên đều đã là bản Null, vì phần lớn ACE đều là học sinh, sinh viên, lấy đâu ra tiền để mà mua bản chính thức Vì vậy dùng tạm bản Null cũng được
Các nguồn Null: VietXf, FS

Vậy là xong phần cung cấp mã nguồn. Bây giờ là cách cài đặt:
- Bạn cần phải có một host (Tất nhiên) và host đó phải được tắt SafeMode (Cái này phải liên hệ cho người bán host người ta tắt cho, vì vậy đừng ai đặt câu hỏi là tắt SafeMode kiểu gì

).
- Giải nén bộ mã nguồn mà bạn download ở trên:
+ Với XenForo 1.1.0 Beta 5 thì bạn phải giải nén 2 lần, sau khi giải nén File download về xong bạn còn phải giải nén cả file fs-xf110b5.rar nữa.
+ Với XenForo 1.0.2 hay 1.0.4 thì bạn chỉ cần giải nén 1 lần.

--------------------------------Bắt đầu cài đặt--------------------------------

- Sau khi đã giải nén, ta dùng phần mềm để upload cả thư mục lên host. (Upload kiểu gì thì xin mời bạn đọc các phần hướng dẫn cài đặt VBB). Nếu bạn là người mới tiếp xúc với host thì mình khuyên nên dùng FlashFXP để upload cho dễ. Thời gian upload thì tùy vào từng host, có thể 1 tiếng mà cũng có thể 15'

- Tạo một database (Hay còn gọi là cơ sở dữ liệu).
- CHMOD thư mục internal_data thành 777 (Sau khi cài đặt, nó sẽ tạo một file xác nhận cài đặt vào thư mục này.) Cách CHMOD thì bạn nhấn chuột phải, chọn CHMOD sau đó điền số 777 vào dòng.
- Sau đó, bạn chạy file cài đặt với đường dẫn:

http://yourdomain/forum/install

Nếu bạn đã tắt SafeMode, nó sẽ hiện giao diện sau:

Click tiếp vào nút Begin Installation để tiếp tục cài đặt, bạn điền những thông tin theo chỉ dẫn của hình:

Sau khi đã điền thông tin một cách chính xác, ta nhấn nút Test & Generate Configuaration

Chúng tôi nhận rất nhiều dự án thiết kế website gia sư

Nếu test thành công thì nó sẽ hiện ra(Còn nếu test thất bại thì không nói

Nhấn vào nút Save Configuration, sau đó làm theo lời của trình duyệt đề ra. Sau đó nhấn nút Coutinue With Installation để tiếp tục cài đặt.
Việc cài đặt bắt đầu từ đây, đợi cho nó chạy gì thì chạy (Rebulding hoặc là gì gì đó

) Việc này sẽ diễn ra trong khoảng 1 phút 24 giây

Sau khi Build xong, nó sẽ hiện ra một bản để đăng kí ban quản trị. Đây là bước xác định người sẽ điều hành diễn đàn:

Nhấn vào nút Create Administrator để tiếp tục, nó sẽ bắt bạn đặt tên và cấu hình cho Forum của bạn nữa:

Sau khi đã chỉnh sửa hợp lí các thông tin, bạn nhấn nút Setup Option để hoàn thành, một thông báo chúc mừng sẽ hiện ra để chúc mừng bạn đã làm được cái việc mà không ai cũng không thể làm được

Nhấn vào Nút Enter Your Control Panel để đăng nhập vào trang quản trị Admin, nếu muốn vào trang chủ thì bạn hãy vào Board URL bạn đã đặt ở trên

----------------------------------------------------------------------------------

Vậy thì chắc là đã xong rồi, phải đi ăn cái gì để tiếp sức mà viết thêm tut

.Sắp tới mình sẽ giới thiệu cho các bạn cách Import Forum từ VBB hay IPBoard sang Xenforo để không mất các dữ liệu cũ, đồng thời cũng hướng dẫn các bạn cài tiếng việt và một số mod thông dụng.

Cài đặt ngôn ngữ tiếng Việt cho Xenforo
[V-Z]

Bây giờ chúng ta sẽ tùy chỉnh XF hơn nữa, cho nó gần gũi với chúng ta hơn bằng cách cài đặt tiếng việt.

Download:

http://www.mediafire.com/?jzcq3yp7mp9vqap

Cách cài đặt:
-Giải nén file vừa mới download ở trên ra.
-Vào Admincp > Appearance > Import a Language (Chú ý, vào admin bằng đường dẫn http://yourdomain/admin.php)
-Sau đó nhấn nút Import A Language, tìm đến file vừa giải nén là được.

-Để cài tiếng Việt là thứ tiếng mặc định, bạn set default language việt bằng cách tick vào nút cạnh chữ "phrases":

Cài đặt hiển thị bài viết mới nhất trong diễn đàn Xenforo

[V-Z]

Không giống như VBB, Xenforo sở hữu một vẻ đẹp hào nhoáng, trông rất bắt mắt nhưng lại rất bất tiện khi muốn xem bài viết mới. Add-On này sẽ giúp các bạn treo những bài viết mới lên sidebar(Khung bên phải).

Download:

http://www.mediafire.com/?o888jo2yd66chn8

Cách cài đặt:
- Download về, giải nén ra vào và upload cả thư mục library ở trong đó đè lên thư mục library của xenforo.

- Vào Admin CP->Home->Add-Ons.
- Nhấn vào nút Install Add-On ở góc trên bên phải.
- Chọn nút Browse(Duyệt) và tìm đến file addon_tenshi_latest_thread.xml trong thư mục mình vừa giải nén ra.

- Vào Admin CP-> Appearance-> Templates(Của Style bạn đang dùng), tìm mục forum_list và click vào đó.
- Tìm đoạn

PHP Code:

xen:sidebar>

Chèn vào bên dưới đoạn đó:

PHP Code:

<xen:include template="tenshi_latest_thread">xen:include>

Vậy là đã xong, muốn chỉnh sửa gì, bạn vào Admincp -> Option(Hoặc là Advance gì đấy nhưng nghĩa là Tùy Chọn) và tìm mục Tenshi - Lastest Thread.

Tạo dòng Status bên dưới Avatar - Ribbon cho Xenforo
[V-Z]

Chắc các bạn vào 2 cái Demo trên cũng thấy ở dưới avatar của mỗi thành viên có một dòng chữ chạy chạy trông rất bắt mắt, ví dụ như:

Cái đó trong Xenforo gọi là Ribbon, Ribbon sẽ làm cho khung thành viên thêm sinh động hơn nhờ những lời status dí dỏm

Cách cài đặt:

-Không cần download Add-On, bạn làm theo các bước sau:

- Vào AdminCP -> Appearance -> Styles -> style bạn đang dùng -> Templates.

- Tìm mục EXTRA.css và thêm vào trong đó (đâu cũng được) đoạn:

PHP Code:

.ribbon { font-size: 12px; font-weight: bold; margin: -5px -5px -2px; text-align: center; }

.ribbon li

{

    border-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;

    border-top-right-radius: 0px; -webkit-border-top-right-radius:  0px; -moz-border-radius-topright:  0px; -khtml-border-top-right-radius:  0px;

    border-top-left-radius: 0px; -webkit-border-top-left-radius:  0px; -moz-border-radius-topleft:  0px; -khtml-border-top-left-radius:  0px;

    box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);

    padding: 1px;

    position: relative;

    margin-bottom: 5px;

}

.ribbon li:last-child { margin-bottom: 0px; }

.ribbon li div { position: absolute; top: -4px; width: 4px; height: 4px; }

.ribbon li .right { border-top-right-radius: 3px; -webkit-border-top-right-radius:  3px; -moz-border-radius-topright:  3px; -khtml-border-top-right-radius:  3px; right: -1px; }

.ribbon li .left { border-top-left-radius: 3px; -webkit-border-top-left-radius:  3px; -moz-border-radius-topleft:  3px; -khtml-border-top-left-radius:  3px; left: -1px; }



.ribbonNormal

{

    background: rgb(153, 129, 100) url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;

    border: 1px solid rgb(153, 129, 100);

    color: rgb(252, 252, 255);

}

.ribbonNormal div { background-color: rgb(153, 129, 100);  }



.ribbonPremium

{

    background: #e68c17 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;

    border: 1px solid #e68c17;

    color: #7F4E0E;

}

.ribbonPremium div { background-color: #e68c17; }



.ribbonStaff

{

    background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;

    border: 1px solid @primaryLight;

    color: @contentBackground;

}

.ribbonStaff div { background-color: #718E0F; }

.ribbonStaffU

{

    background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #D07DA8;

    border: 1px solid #C76497;

    color: #9A2E66;

}

.ribbonStaffU div { background-color: #C76497; }

------> Lưu lại

- Lại tìm mục message_user_info
- Tìm và Thay đoạn:

PHP Code:

<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">

        <h3 class="userText">

            <xen:username user="$user" itemprop="name" rich="true" />

            <xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user}xen:contentcheck>em>xen:if>

            

        h3>

    xen:hook>

Bằng đoạn:

PHP Code:

<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">

        <h3 class="userText">

            <xen:username user="$user" itemprop="name" rich="true" />

            

        h3>

        <xen:if hascontent="true">

            <ul class="ribbon">

                <xen:contentcheck>

                    <li class="ribbonStaff">

                        <div class="left">div>

                        <div class="right">div>

                        {xen:helper userTitle, $user}

                    li>

                xen:contentcheck>

            ul>

        xen:if>

    xen:hook>

    <br />

    <xen:if hascontent="true">

        <xen:contentcheck>

            <xen:if is="{$message.status}">

                <ul class="ribbon">

                    <li class="ribbonNormal">

                        <div class="left">div>

                        <div class="right">div>

                        <marquee>{$message.status}marquee>

                    li>

                ul>

            xen:if>

        xen:contentcheck>

    xen:if>