Trung Tâm Đào Tạo Quản Trị Mạng Và An Ninh Mạng Quốc Tế ATHENA

Báo Cáo Thực Tập Tốt Nghiệp

Đề tài : Nghiên Cứu Và Xây Dựng Web Bằng Wordpress

Sinh viên thực hiện: Nguyễn Anh Quốc

Mã Số Sinh Viên : 111C650418

Giáo viên hướng dẫn : Thầy Võ Đỗ Thắng

Báo Cáo Hàng Tuần :

1. Cài Đặt Theme cho wordpress.2. Đưa Website lên mạng.3. Tích hợp mạng xã hội vào website.4. Tích hợp quảng cáo trượt.

Chương 1: Cài đặt themes

Bước 1: Vào menu Appearance, chọn Themes.

Bước 2: Chọn Install Themes

Bước 3: Ta chọn Upload

Bước 4: Ta chọn plugin easel.3.0.8.zip

Bước 5: Sau khi cài đặt xong, ta vào Appearance. Chọn Easel Options

Bước 6: Chọn khung hiển thị cho website.

Bước 7: Chọn tab General

Ô đầu tiên chỉ số lượng bài viết mà chúng ta muốn hiển thị lên website. Ở đây mặc định ta chọn số 5 nghĩa là ta muốn hiển thị 5 bài viết trong trang chủ.

Chương 2: Đưa website lên mạng

Bước 1: Trước tiên ta phải sao lưu lại cơ sở dữ liệu.

a. Ta mở Chrome/Firefox gõ địa chỉ: http://localhost/phpmyadmin

b. Chọn Select All, rồi ta chọn tab Export.

c. Ta chọn Custom - display all possible options, chú ý tới phần Output.

Ô Save name template: Ở đây ta muốn cơ sở dữ liệu của ta xuất ra lưu dưới tên nào, ở đây ta chọn tên khanhpham. Sau đó ta click chọn GO ở dòng cuối cùng của trang.

d. Sau khi ta click GO, sẽ có một file tên baocaoathena.sql , đây chính là file cơ sở dữ liệu của chúng ta. File này chứa tất cả dữ liệu liên quan bao gồm các nội dung bài viết, các số liệu thống kê,….

Bước 2: Tải trang web của chúng ta lên mạng.

a. Ở đây ta muốn đưa website của chúng ta lên mạng chúng ta cần phải có 2 thứ:

+ File cơ sở dữ liệu (lúc nãy chúng ta vửa sao lưu file cơ sở dữ liệu)

+ Folder trang web mà bạn để trong htdocs.

Bây giờ chúng ta sẽ tạo một bản BACKUP (gom hai thứ trên vào một folder) để thuận tiện cho việc đưa trang web của chúng ta lên mạng.

1. Các bạn tạo một folder tên là Saoluu , rồi các bạn chép file baocaoathena.sql vào đó.

2. Tiếp theo các bạn vào C://xampp/htdocs, các bạn chép folder tên là Athena và bỏ vào thư mục Saoluu.

Bước 3: Đưa cơ sở dữ liệu của ta lên mạng.

a. Login vào Cpanel của host, user và pass thì xem mail nhà cung cấp gửi ở đây mình đăng ký trên trang 000webhost.com nên mình vào đó để đăng nhập vào Cpanel.

b. Sau khi login thành công, tại màn hình login thành công bạn tìm biểu tượng phpMyadmin rồi click vào

c. Một trang web quản trị cơ sở dữ liệu hiện ra, ta chọn Import ta chọn file vừa lưu khi nảy Athena.sql

d. Ta mở file cơ sở dữ liệu và chọn bảng wp-options.

e. Click chọn wp-options, ta chú ý đến dòng đầu tiên.

f. Ta chọn Edit, sửa lại thành tên miền mà chúng ta được cấp, ở đây là http://baocaoathena.netai.net

g. Xong thì ta click ok.

Bước 4: Cấu hình đường dẫn để website của chúng ta hoạt động.

a. Chọn phần mềm upload lên host

b. Click vào file PortableFileZilla.exe tiến hành cài đặt

c. Click vào biểu tượng của FileZilla Client để chạy chương trình

d. Màn hình chính của FileZilla

e. Sau đó, các bạn xem lại thông tin host mà nhà cung cấp host gửi cho bạn (nếu host free thì các bạn cũng có cái mail có nội dung tương tự thế này)

f. Dựa vào thông tin nhà cung cấp các bạn điền vào như hình: Host, Username, Passwrod. Sau đó click Quickconnect

g. Kết nối thành công, click thư mục bên tay trái chọn upload

h. Sau khi upload hết dữ liệu lên mạng, chúng ta bắt đầu cấu hình sao cho website này hoạt động. Bạn nhìn vào thư mục bên tay phải.Sau đó bạn tìm file wp-config.php

i. Click chuột phải chọn View/Edit

j. File wp-config.php sau khi được mở lên sẽ có nội dung như sau

k. Các bạn quan tâm đến 4 dòng sau

l. Bạn sửa lại 3 dòng đó sao cho trùng với tên dữ liệu bạn vừa tạo trong web host.

Chương 3: Tích hợp mạng xã hội vào website

Bước 1: Cài đặt plugin ShareThis

Bước 2: Chọn upload.

Bước 3: Chọn plugin share-this.zip, click Open.

Bước 4: Chọn Install Now

Bước 5: Sau khi kích hoạt plugin share-this ta được hình sau.

Bước 7: Vào Setting->ShareThis

Bước 8: Có 7 giao diện mặc định cho các bạn lựa chọn

Bước 9: Phần này các bạn có thể thêm vào các nút xuất hiện cạnh 4 nút trên

Bước 10: Ở đây các bạn có 2 lựa chọn chế độ hiển thị

Bước 11: Sau đó các bạn ấn Udate ShareThis Options ở cuối trang web.

Chương 4: Tích hợp quảng cáo trượt

Bước 1: Mở đoạn text quangcaotruot.txt

Bước 2: Copy đoạn mã trên

Bước 3: Vào Dashboard->Appearance->Widgets.

Bước 4: Ta rê chuột vào widgets Text, kéo sang Left Siderbar.

Bước 5: Chép đoạn code vào mục Text.

Bước 6: Xem lại kết quả trên trang web