Lập trình theme cho wordpress giới thiệu sản phẩm blog

TRƢỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN HỒNG ĐỨC LỘC BÁO CÁO KHĨA LUẬN TỐT NGHIỆP Tên đồ án: LẬP TRÌNH THEME CHO WORDPRESS GIỚI THIỆU SẢN PHẨM - BLOG Nghệ An, tháng 05 năm 2016 TRƢỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO KHÓA LUẬN TỐT NGHIỆP Tên đồ án: LẬP TRÌNH THEME CHO WORDPRESS GIỚI THIỆU SẢN PHẨM - BLOG Sinh viên thực hiện: Hoàng Đức Lộc – 1251045272 Lớp: 53B - CNTT Giáo viên hướng dẫn: Th.S Lê Văn Thành Nghệ An, tháng 05 năm 2016 KHÓA LUẬN TỐT NGHIỆP LỜI CẢM ƠN Lời em xin gửi lời cảm ơn đến toàn thể thầy, cô giáo cán Khoa CNTT- Trƣờng Đại Học Vinh dạy bảo, truyền thụ kiến thức, kinh nghiệm tác phong làm việc để em có tảng vững cho chúng em trình làm việc tương lai Đặc biệt em xin trân trọng gửi lời cảm ơn đến giáo viên hướng dẫn Th.S Lê Văn Thành góp ý, giúp đỡ nhiệt tình, sẵn sàng giải đáp thắc mắc, giúp đỡ em suốt trình làm đề tài Qua em xin cảm ơn Ban giám đốc toàn thể cán nhân viên Công ty phát triển công nghệ G5 giúp đỡ em suốt trình thực tập sở, thực tập chuyên ngành thời gian làm khóa luận tốt nghiệp Sự dạy tận tình Ban giám đốc tồn thể cán nhân viên cơng ty tạo điều kiện thuận lợi cho em có hội tiếp cận với thực tế làm việc, làm quen với cách làm việc tổ chức dự án, làm việc nhóm, nắm bắt nghiệp vụ chun mơn, kịp thời bổ sung hồn chỉnh kiến thức, bước tiền đề để tránh bỡ ngỡ, bắt kịp nhanh với thực tế sau trường Do thời gian chưa nhiều, kiến thức cịn hạn hẹp nên q trình làm đề tài làm báo cáo tránh khỏi thiếu sót Rất mong nhận đóng góp ý kiến từ thầy giáo, cô giáo bạn để em hồn thiện tốt khóa luận tốt nghiệp kỹ làm việc Em xin chân thành cảm ơn! Sinh viên thực Hoàng Đức Lộc HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP MỤC LỤC Trang LỜI CẢM ƠN CHƢƠNG I TỔNG QUAN ĐỀ TÀI 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.3 Phương pháp nghiên cứu 1.3.1 Nghiên cứu tính WordPress 1.3.2 Nghiên cứu cách tạo website WordPress 1.4 Đối tượng phạm vi nghiên cứu 1.5 Ý nghĩa đề tài CHƢƠNG II KỸ THUẬT THIẾT KẾ THEME .7 2.1 Tổng quan Wordpress 2.1.1 Khái niệm mã nguồn mở - Theme: 2.1.2 Lựa chọn mã nguồn mở: 2.2 Tìm hiểu cấu trúc Theme Wordpress 2.2.1 Cấu trúc Theme Wordpress: 2.2.2 Xây dựng cấu trúc Theme: 10 2.2.3 Cấu trúc khu vực website: 13 2.3 Các plugin hỗ trợ cần thiết khác việc xây dựng theme: 16 2.3.1 Plugin Redux Framework (Hỗ trợ xây dựng Theme Option): 16 2.3.1.1 Cài đặt Plugin: 16 2.3.1.2 Sử dụng Redux Framework để xây dựng Theme Option: 16 2.3.1.3 Cơ chế làm việc Redux Framework: 17 2.3.1.4 Cách xử lý lấy liệu từ theme option để xây dựng template: 19 2.3.2 Plugin Visual Composer (Hỗ trợ việc dựng Website): 20 2.3.2.1 Plugin Visual Composer: 20 2.3.2.2 Cài đặt Plugin: 20 2.3.2.3 Cơ chế thêm hiển thị shortcode Visual Composer: 21 2.3.3 Meta Box: 25 HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP CHƢƠNG III XÂY DỰNG TEMPLATE CHO THEME 26 Code cho khu vực header: 26 Code cho khu vực Footer: 28 3 Code cho khu vực Page Title: 31 Viết code cho việc hiển thị nội dung website: 32 Tạo Widget: 39 Quy trình làm việc Cơ sở liệu : 40 Khả can thiệp vào mã nguồn WordPress 42 CHƢƠNG IV KẾT LUẬN 44 Những thuận lợi khó khăn: 44 4.1.1 Thuận lợi: 44 4.1.2 Khó khăn: 44 Kết đạt được: 44 4.2.1 Ưu điểm: 44 4.2.2 Hạn chế: 45 4.2.3 Hướng phát triển đề tài: 45 TÀI LIỆU THAM KHẢO 46 HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP CHƢƠNG I TỔNG QUAN ĐỀ TÀI 1.1 Lý chọn đề tài Trong thời đại ngày nay, với phát triển kinh tế - xã hội CNTT nắm giữ vai trị quan trọng Các hình thức thương mại điện tử, báo điện tử, trang web quảng bá du lịch sản phẩm v v… phát triển thay hình thức quảng cáo, truyền tin, thơng truyền thống Hầu hết lĩnh vực có trợ giúp CNTT, mang lại cho người nhiều lợi ích, tiết kiệm cơng sức, thời gian, tiền bạc Chỉ cần ngồi chỗ tìm hiểu thơng tin, bn bán, trao đổi thay phải đến tận nơi Hoặc nhu cầu cá nhân quảng bá viết hay blog cá nhân nhu cầu tìm hiểu thơng tin trước làm việc, mua bán hay du lịch, website nhờ phát triển cơng cụ hữu ích để giúp đạt mục đích Thực tế website quảng bá, bán hàng trực tuyến hay blog hầu hết xây dựng dựa mã nguồn xây dựng sẵn - mã nguồn mở Nó có nhiều ưu điểm giúp cho doanh nghiệp đưa gian hàng lên thị trường Internet, mua bán trao đổi hàng hóa đặc biệt chức quan trọng bậc quảng bá sản phẩm Khơng có doanh nghiệp nhà nước, tư nhân, tổ chức nhà nước, tổ chức trị, cơng ty hay trường học có nhu cầu thiết kế cho website, mà bên cạnh cửa hàng nhỏ hay chí cá nhân muốn có trang web để lưu trữ, chia sẻ thông tin blog cá nhân mang phong cách riêng Tuy nhiên để xây dựng đánh giá trang web tốt phụ thuộc nhiều yếu tố Có nhiều cách để xây dựng website, cách công ty, doanh nghiệp tổ chức đông đảo người dùng u thích dùng phần mềm mã nguồn mở Nhu cầu cao, có nguồn cung lớn mà muốn xây dựng Website có kiến thức để làm Website Nên việc xây dựng theme hỗ trợ người dùng xây dựng website đáp ứng tiêu chuẩn, có thiết kế đẹp mắt điều tất yếu, mảnh đất tiềm để phát triển 1.2 Mục tiêu đề tài Xây dựng trang web nhằm quảng bá, giới thiệu sản phẩm, viết tương đương với blog cá nhân tới khách hàng tham quan trang web với yêu cầu: - Bố cục giao diện thân thiện, dễ sử dụng HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP - Xây dựng nhiều style cho trang web, blog không gây nhàm chán xem tin, viết - Hỗ trợ responsive thiết bị giúp hiển thị website tốt thiết bị di động, Ipad, hình máy tính khác - Giúp hiển thị thông tin cần thiết cho viết quản lý tốt phong phú loại định dạng biết đáp ứng việc chia sẻ video, image, audio, link - Cho phép tìm kiếm viết cách nhanh chóng - Giao diện đẹp dễ sử dụng - Có nhiều Shortcode hỗ trợ việc dựng trang trực quan sinh động 1.3 Phƣơng pháp nghiên cứu 1.3.1 Nghiên cứu tính WordPress - Làm quen Wordpress Dashboard - Cách sử dụng Posts - Cách sử dụng page Cách sử dụng Plugin Wordpress Cách cài đặt Theme Tạo Menu Quyền thành viên cách quản lý • Hệ thống phân cấp thành viên • Bật tính đăng ký thành viên • Đổi quyền thành viên - Các phần setting, thiết lập Wordpress • General • Writing • Reading • Discussion • Media • Permalinks 1.3.2 Nghiên cứu cách tạo website WordPress - Thiết kế giao diện Tạo Header & Menu Thanh Sliderbar Thành phần khác HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP 1.4 Đối tƣợng phạm vi nghiên cứu Xây dựng Theme nhằm quảng bá, giới thiệu sản phẩm, công ty, doanh nghiệp kết hợp với viết tương đương với blog cá nhân hướng tới khách hàng tham quan trang web Tìm hiểu xây dựng website nhằm chia sẻ thông tin để kết nối doanh nghiệp người tiêu Xây dựng website với giao diện trực quan, dễ dàng đáp ứng nhu cầu nâng cao người sử dụng Để người dùng sử dụng tùy biến website cách dễ dàng, phù hợp cho dù người dùng có hay khơng có kiến thức chun ngành 1.5 Ý nghĩa đề tài Xây dựng theme giúp cho khách hàng hay người dùng thay đổi giao diện, tính hiển thị bên ngồi Website để tương tác với người xem, người dùng hay khách hàng mua sản phẩm thương mại điện tử cách đơn giản Giúp cho công ty hay đơn vị kinh doanh có trang web giới thiệu thông tin đầy đủ, chi tiết tổng quát Cũng nơi tiếp thị sản phẩm, dịch vụ, thông tin chi tiết công ty bạn tới khách hàng người sử dụng internet cách nhanh chóng hiệu HỒNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP CHƢƠNG II KỸ THUẬT THIẾT KẾ THEME 2.1 Tổng quan Wordpress 2.1.1 Khái niệm mã nguồn mở - Theme: Phần mềm mã nguồn mở (hay gọi tắt mã nguồn mở) phần mềm với mã nguồn công bố sử dụng giấy phép nguồn mở Giấy phép cho phép nghiên cứu, thay đổi cải tiến phần mềm, phân phối phần mềm dạng chưa thay đổi thay đổi Định nghĩa nguồn mở Tổ chức Sáng kiến Nguồn mở (Open Source Initiative OSI) thể triết lí nguồn mở xác định ranh giới việc sử dụng, thay đổi tái phân phối phần mềm nguồn mở Giấy phép phần mềm cung cấp cho người dùng quyền vốn bị cấm quyền, gồm quyền sử dụng, thay đổi tái phân phối Một vài giấy phép phần mềm nguồn mở thẩm định thuộc giới hạn định nghĩa nguồn mở Ví dụ bật Giấy phép Công cộng GNU (GPL) Trong nguồn mở cho phép công chúng truy cập vào nguồn sản phẩm, giấy phép nguồn mở cho phép tác giả điều chỉnh cách truy cập Mã nguồn mở hỗ trợ cho người dùng nhiều tính Tuy nhiên quan trọng có lẽ Website để xây dựng nên Website điều cần Theme hay cịn gọi chủ đề Theme gì? Chúng ta hiểu cách đơn giản theme giao diện tùy chọn dạng website hỗ trợ giúp cho khách hàng hay người dùng thay đổi giao diện, tính hiển thị bên ngồi Website để tương tác với người xem, người dùng hay khách hàng mua sản phẩm thương mại điện tử Một cách tổng quát Theme toàn cách bố trí, trang trí, cách hiển thị chức website Các mã nguồn mở thật đem lại cho người dùng nhiều tiện ích Lượng người dùng mã nguồn mở để xây dựng trang web tăng kéo theo nhu cầu mua Theme cho việc xây dựng website tảng mã nguồn mở tăng theo Không lượng khách hàng nước mà lượng khách hàng nước nhiều, ta đăng ký trang web chuyên mua bán Theme (vd: chợ theme, plugin online Themeforest - http://themeforest net/) HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP Qua khẳng định lại lần tiềm phát triển lớn mạnh mã nguồn mở việc phát triển xây dựng Theme cho Website Hình 1.1 Sự phổ biến theme chợ Theme Forest (http://themeforest.net/) 2.1.2 Lựa chọn mã nguồn mở: Có nhiều cách để xây dựng website như: Dùng ngơn ngữ lập trình Java, ASP NET, PHP,… Dùng phần mềm mã nguồn mở Drupal, Nuke Viet, Moodle, Joomla, WordPress,…Hiện đông đảo người dùng u thích sử dụng dùng mã nguồn mở để xây dựng website Có nhiều phần mềm mã nguồn mở, mã nguồn mở phổ biến ưa chuộng Wordpress Dưới số thống kê mã nguồn mở Wordpress cho thấy phổ biến khả phát triển nó: - Trên giới có khoảng 25 viết đăng lên website sử dụng Wordpress giây - Số lượng website xây dựng tảng Wordpress chiếm khoảng 23% số lƣợng website toàn giới - Trong 100% website sử dụng mã nguồn CMS, Wordpress chiếm 60% - Wordpress dịch sang 52 ngôn ngữ khác nhau, đáng tiếc chưa có phiên Tiếng Việt HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT KHÓA LUẬN TỐT NGHIỆP Page title sau setting hiển thị lên website với header style boxed: Hình 45: Hiển thị page title với header style left Hình 46: Trình diễn thay đổi ảnh hiển thị page title Viết code cho việc hiển thị nội dung website: Khu vực hiển thị website theme Blog bao gồm thành phần là: - Archive : Trang hiển thị viết Post (file archive.php) - Page : Trang tĩnh có nội dung thay đổi loại post (file page.php) - Post : Các viết đăng có thơng tin hình ảnh định dạng khác (file single.php) - Index.php file bên theme Ở file để lấy nội dung điều lấy nội dung mà cần hiển thị phần chung theme như: - Header - Page Title - Footer HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 32 KHÓA LUẬN TỐT NGHIỆP Bằng hàm sau: Hình 47: Các hàm cần thiết ngồi content headet, footer, page title Hàm get_header() lấy header theo template tương tự hàm get_footer() lấy footer, hàm get_template_part(„template/page-heading‟) để lấy nội dung page title Với hàm tương ứng lấy template riêng khu vực hiển thị nội dung lên Ở đây, để thuận tiện cho việc xử lý code ta chia nhỏ file cho trường hợp khác thành templates riêng cần thiết dùng đến template gọi đến template Đối với file page.php : kami_get_template('page'); Đối với file archive.php: kami_get_template( 'archive'); Đối với file single.php: Hình 48: Code cho file Single.php Với riêng file single.php post có định dạng (post format) khác nên truy vấn có post ta xử lý gọi template theo định dạng post format có khơng gọi đến hàm content dùng chung lấy nội dung post thành phần thiếu comment comment form nhằm cho phép hiển thị cho phép người dùng bình luận viết nên có comment cho viết gọi đến hàm comment_template(); HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 33 KHÓA LUẬN TỐT NGHIỆP Template archive: tương tự với file single.php file archive.php folder template gọi đến template folder archive để xử lý việc hiển thị post format khác nhau: Các Post Format khác cần xử lý: - Post Format Image Standard - Post Format Link - Post Fornat Audio - Post Format Video - Post Format Quote Hầu hết việc hiển thị nội dung post giống bao gồm: - Tên viết - Ngày đăng tải viết - Các thông tin tác giả đăng, số comment, tag, category - Nội dung giới thiệu, hay đoạn mô tả ngắn vài viết - Ảnh, video, audio, quote, link tương ứng với post format, điểm khác gần post format khác Hiển thị nội dung không liên quan đến Thumbnail: - Như lấy tên viết hàm khai báo file functions.php - Hàm expert lấy đoạn mô tả viết - Entry meta lấy thông tin cần thiết viết Hình 49: Code cho content chung archive.php HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 34 KHÓA LUẬN TỐT NGHIỆP Hiển thị Thumbnail template content archive: - Hiển thị nội dung thumbnail hay ảnh định dạng chuẩn(Post Format Standard) hay dạng viết hình ảnh(Post Format Image): - Đầu tiên để thống kích thước ảnh lấy ra, cần phải sử dụng hàm resize kích thước ảnh kích thước thống tùy theo style khác như: Hình 50: Code resize ảnh feature image viết Ở đây, có style blog ta sử dụng kích thước ảnh khác xử lý thông qua url ảnh hàm resize style full = 1170x700 (px) style two column = 570x 400 (px) Về style lại style grid list medium = 370 x245 (px) Hiển thị ảnh với Post Format: Image Standard Để thị ảnh ta cần thẻ image “src” lấy url ảnh qua xử lý hàm resize: Hình 51: Code hiển thị ảnh cho post format image standard có ảnh HỒNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 35 KHĨA LUẬN TỐT NGHIỆP Hình 52: Hiển thị image cho post format image, standard Hiển thị video với Post Format Video: Hình 53: Code cho việc hiển thị video post format video Dữ liệu video lấy từ meta box, hàm get_post_meta thông qua meta key Sau cần phải dùng hàm hiển thị content wordpress để xử lý việc hiển thị thông qua link youtube Com HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 36 KHĨA LUẬN TỐT NGHIỆP Hình 54: Hiển thị video cho post format video Hiển thị audio post format audio hoàn toàn tương tự với video: HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 37 KHÓA LUẬN TỐT NGHIỆP Việc hiển thị link blockquote với định dạng giống giống Cấu trúc việc lấy ảnh làm background có lớp overlay nhằm mục đích bật liệu Thứ hai icon để phân biệt hay để làm rõ post format icon Cuối nội dung lấy từ meta-box, hiển thị background image icon thể post type Biến $style nhằm mục đích viết style inline để đưa feature image làm ảnh cho nội dung Hình 57-58: Code lấy liệu người dùng nhập từ meta-box Hình 59-60: Code hiển thị nội dung link quote HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 38 KHĨA LUẬN TỐT NGHIỆP Hình 61-62: Hiển thị thiết kế blockquote link Tương tự việc hiển thị archive single đơn giản single hiển thị post format page nên việc hiển thị single tương tự với archive Tạo Widget: Widget WordPress block nội dung đặt khu vực định, khu vực ta thường gọi Widget Area Sidebar Bây tìm hiểu làm để hiểu quy trình tạo widget Nhưng dĩ nhiên trước tiên cần có sẵn kiến thức PHP ví dụ phải hiểu Class đối tượng PHP Trong WordPress có sẵn class tên WP_Widget, class có method (phương thức), nghĩa phải viết phương thức theo chuẩn nó, khơng thiếu mà khơng có thừa phải viết tên phương thức Trong class WP_Widget có tổng cộng phương thức bắt buộc, bao gồm: - construct: Phương thức khởi tạo có nhiệm vụ khai báo tên widget, mơ tả widget - form: Phương thức hỗ trợ tạo form nhập liệu bên widget - update: Phương thức hỗ trợ lưu liệu mà người dùng nhập vào form mà tạo phương thức form HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 39 KHÓA LUẬN TỐT NGHIỆP - widget: Phương thức giúp gọi liệu hiển thị website gắn widget lên Đăng ký widget tạo: Hình 63: Đăng ký widget vào action widget_init Hình 64: widget khác widget có sẵn Author Quy trình làm việc Cơ sở liệu : Trong mã nguồn WordPress, lập trình nhiều tính giúp thân tương tác với sở liệu (database) MySQL để giúp người sử dụng lưu trữ liệu mềm website Tất liệu mềm lưu trữ vào database bao gồm nội dung văn nhập vào website, thiết lập (vì thiết lập lưu dạng kiểu liệu) số liệu khác Xem database thông qua phpMyAdmin ứng dụng tương tự thấy WordPress có nhiều bảng để chứa liệu lưu vào bảng Các tính mã nguồn tương tác với bảng liệu đưa ngồi trình duyệt hiển thị dạng HTML thông qua tập tin thiết lập khuôn mẫu theme (ta gọi template) Khi người truy cập vào website WordPress tự động xử lý theo quy trình sau: Bƣớc – Khởi động mã nguồn Tập tin index.php mã nguồn (không phải theme hay plugin) tải ra, sau truy xuất tập tin cốt lõi khác wp-config.php vốn để kết nối đến HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 40 KHÓA LUẬN TỐT NGHIỆP sở liệu, wp-settings.php,… Có thể mở tập tin index.php lên xem lần mò theo tập tin nhúng vào biết quy trình tải theo thứ tự tập tin Ở bước này, WordPress kết nối đến sở liệu thiết lập wpconfig.php, sau tiến hành tải tính mã nguồn /wpinclude/functions.php, /wp-include/options.php,…nhằm nạp sẵn chức cần thiết để tiếp nhận liệu Và bước này, toàn liệu lưu vào bảng wp_options có giá trị cột autoload true lấy hết, dù thiết lập có sử dụng hay khơng Mục đích bước mang sẵn tuỳ chọn website plugin để hỗ trợ cho bước sau, đặc biệt bước tải plugin để làm việc xác Bƣớc – Kích hoạt plugin Các plugin mà kích hoạt website tải sau mã nguồn WordPress khởi động xong Bởi tính WordPress Core sử dụng plugin thường gắn vào hook init (có thể hiểu điểm neo để kích hoạt kịch đó) nên tải sau WordPress khởi động Bƣớc – Thực thi tập tin functions.php theme Lúc này, WordPress tiến hành dị tìm đến tập tin functions.php theme kích hoạt để tải tính mà người tạo theme khai báo Để WordPress hiểu website dùng theme bước 1, kết nối vào database dựa theo khố current_theme cột option_name bảng wp_options Bƣớc – Phân tích truy vấn khởi tạo truy vấn Đây bước quan trọng để website hiển thị nội dung bên ngồi, nội dung trả sau truy vấn gửi vào database Truy vấn nghĩa mệnh lệnh gửi vào database nhằm lấy thông tin mà truy vấn cần xem Truy vấn truy vấn SQL gửi vào MySQL Server Trước tiên, WordPress chạy hàm wp() thiết lập /wp-include/functions.php vốn để gọi phương thức $wp->main() cho mục đích thiết lập truy vấn Đối tượng $wp tạo lớp WP /wp-include/class-wp.php function wp( $query_vars = '' ) { HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 41 KHÓA LUẬN TỐT NGHIỆP global $wp, $wp_query, $wp_the_query; $wp->main( $query_vars ); if ( !isset($wp_the_query) ) $wp_the_query = $wp_query; } Lúc này, phương thức $wp->parse_request() khởi động cho mục đích phân tích truy vấn dựa theo đường dẫn website Vì WordPress tự động sinh truy vấn dựa theo đường dẫn, chẳng hạn vào http://domain com/?p=123 WordPress gửi truy vấn vào database để lấy liệu post mang số ID 123 Sau truy vấn phân tích, WordPress làm việc thiết lập hàm điều kiện thông qua phương thức $wp_query → parse_query() Sau chuyển truy vấn tạo thành truy vấn lệnh SQL nhằm gửi đến MySQL để lấy liệu viết phương thức $wp_query>get_posts() Nếu database có liệu, viết lấy sau gửi truy vấn lưu vào đối tượng $wp_query để sử dụng vòng lặp cho việc hiển thị viết Trong q trình gửi truy vấn này, khơng tìm thấy liệu phân tích hiển thị báo lỗi 404 Cuối có liệu, thiết lập biến $post để sử dụng vòng lặp Biến $post đối tượng chứa liệu viết thơng qua thuộc tính Bƣớc – Thực thi tập tin khuôn mẫu (template) theme Sau có liệu viết liệu liên quan mà làm bước 4, tiến hành xử lý tập tin template theme thông qua cấu trúc template Kết sau bước làm việc với sở liệu nội dung trang chủ website hiển thị dựa theo template tags dạng HTML Người sử dụng nhìn thấy hình ảnh, văn bản…hiển thị website Khả can thiệp vào mã nguồn WordPress Một câu hỏi đặt làm để can thiệp vào mã nguồn WordPress nhằm điều khiển hoạt động theo ý mình, hiểu theo cách khác tạo thêm tính thay đổi giao diện hiển thị Trước tiên, can thiệp vào tính WordPress tái tạo lại vốn WordPress xử lý bước Sở dĩ làm HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 42 KHĨA LUẬN TỐT NGHIỆP mã nguồn WordPress viết theo kiểu can thiệp gián tiếp vào tái tạo lại (thông qua lớp – Class) Và tính tự tạo từ việc can thiệp vào mã nguồn khai báo với dạng plugin sử dụng sau WordPress khởi động chức cần thiết Thứ hai, can thiệp vào lớp WP_Query để tự tạo truy vấn riêng để lấy liệu database (nhiều truy vấn sử dụng hàm đó, get_post_meta() chẳng hạn) Chúng ta ứng dụng WP_Query nhiều vào việc lấy liệu viết (bao gồm post, page, attachment…) Thứ ba, tạo theme, sau tự định tuỳ chỉnh lại tập tin template để nội dung WordPress hiển thị theo mong muốn Vì sau WordPress gửi truy vấn lấy liệu, việc hiển thị template định, template mã PHP kết hợp với HTML/CSS để hiển thị website HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 43 KHÓA LUẬN TỐT NGHIỆP CHƢƠNG IV KẾT LUẬN Những thuận lợi khó khăn: 1 Thuận lợi: Trong suốt q trình làm khóa luận tốt nghiệp em có thuận lợi như: - Được hướng dẫn, giúp đỡ tận tình Thầy anh chị - Được thầy giáo, cô giáo khoa CNTT anh chị Công ty phát triển công nghệ G5 tạo điều kiện tốt suốt q trình thực tập, khóa luận làm đề tài - Vừa làm đề tài đồng thời tham gia vào làm dự án công ty, có thêm kinh nghiệm làm việc học hỏi thêm kiến thức Khó khăn: Bên cạnh điều kiện thuận lợi q trình làm khóa luận tốt nghiệp em gặp khơng khó khăn như: - Chưa có nhiều kiến thức chun mơn thuộc đề tài nghiên cứu nên cịn nhiều thiếu sót việc thực tập, làm khóa luận báo cáo - Vì chọn đề tài độc lập nên không tận dụng khả làm việc nhóm - Kỹ chun mơn kỹ mềm hạn chế Kết đạt đƣợc: Ƣu điểm: Đề tài kết từ kiến thức em học trường, q trình thực tập, q trình làm khóa luận làm đề tài, bước đầu báo cáo đạt ưu điểm như: - Hoàn toàn xây dựng Theme cho mã nguồn WordPress - Lập trình cho tập tin cần thiết theme - Thêm số chức cho WorPress Theme Option, Shortcodes , Meta box, Widget , Sidebar - Dùng Theme tạo tùy chỉnh thành website phong phú - Webbsite demo với nhiều hiệu ứng đẹp sử dụng HTML5 CSS3 HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 44 KHÓA LUẬN TỐT NGHIỆP - Website demo với giao diện thân thiện, dễ sử dụng 2 Hạn chế: Bên cạnh ưu điểm đạt được, kiến thức hạn chế, kinh nghiệm chưa nhiều nên tồn nhiều vấn đề chưa giải như: - Theme chức năng, chưa thể đáp ứng cho khách hàng có u cầu cao - Các style cịn nghèo nàn hay chí cịn chưa linh động người dùng thay đổi dễ dàng Chưa tối ưu hóa Theme - Thiết kế tự nghĩ mua từ nhà Design nên website Demo chưa chuyên nghiệp Hƣớng phát triển đề tài: Từ ưu nhược điểm định hướng để phát triển đề tài tạo Theme hoàn chỉnh với yêu cầu: - Thêm chức cho theme để đáp ứng yêu cầu cho người dùng - Có nhiều Style theme thêm phong phú, đa dạng - Tạo Widget để khách hàng thay đổi dễ dàng - Tính thẩm mĩ phải nâng lên - Lập trình Theme đáp ứng đa lĩnh vực, đa chức Theme - Hoàn thiện Theme, hướng phát triển cao hơn, lâu dài đưa theme tạo đăng ký http://themeforest net/ để bán Theme cho khách hàng tiềm - Xây dựng website đầy đủ chức năng, nội dung phong phú HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 45 KHÓA LUẬN TỐT NGHIỆP TÀI LIỆU THAM KHẢO Tài liệu Tiếng Việt [1] Tác giả: Phạm Hữu Khang - Lập trình web PHP sở liệu MySQL – NXB Hà Nội – Năm xuất bản: 2000 [2] Nhóm tác giả Elicom - Cẩm nang thiết kế website - NXB Hà Nội – Năm xuất 2006 [3] Tác giả Nguyễn Hữu Duy - Bài học lập trình PHP ứng dụng NXB Đà Nẵng – Năm xuất 2008 [4] Tác giả Khổng Xuân Trung - Tìm hiểu WordPress- WordPress presentation NXB Trẻ – Năm xuất 2007 [5] Tác giả Phạm Hữu Khanh - Giáo trình tự học lập trình PHP - NXB Đà Nẵng – Năm xuất 2010 [6] http://thachpham com/ [7] http://themes g5plus net/ Tài liệu Tiếng Anh: [1] https://wordpress org/ [2] http://www w3schools com/ [3] http://getbootstrap com [4] https://codex wordpress org/ [5] https://themes bizweb vn/ [6] https://jqueryui com/ [7] http://themeforest net/ HOÀNG ĐỨC LỘC – LỚP 53B – KHOA CNTT 46 ... tin em trình bày cách xây dựng demo liệu Website dùng phần mềm mã nguồn mỡ WordPress Trước lập trình Theme cho mã nguồn mở, cụ thể Lập trình Theme Giới thiệu cho Phần mềm mã nguồn mở Wordpress. .. NGHỆ THÔNG TIN BÁO CÁO KHÓA LUẬN TỐT NGHIỆP Tên đồ án: LẬP TRÌNH THEME CHO WORDPRESS GIỚI THIỆU SẢN PHẨM - BLOG Sinh viên thực hiện: Hoàng Đức Lộc – 1251045272 Lớp: 53B - CNTT Giáo... Hoàn toàn xây dựng Theme cho mã nguồn WordPress - Lập trình cho tập tin cần thiết theme - Thêm số chức cho WorPress Theme Option, Shortcodes , Meta box, Widget , Sidebar - Dùng Theme tạo tùy chỉnh