Hướng Dẫn Thiết Kế Quản Trị Website Joomla

PHP (viết tắt “PHP: Hypertext Preprocessor”) là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ Webserver.

Do PHP được phát triển chỉ để dành cho ứng dụng web nên rất dễ dàng nhúng mã vào trang HTML. Tốc độ nhanh, nhỏ gọn, cú pháp giống C, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web rất phổ biến.

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng nhưng cũng có sự đóng góp rất lớn của Zend Inc., công ty do các nhà phát triển cốt lõi của PHP lập nên.

Dễ dàng kết hợp với nhiều hệ quản trị cơ sở dữ liệu, ví dụ như : MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL, Adabas, dBase, Empress, FilePro, Informix, InterBase, mSQL, Solid, Sybase, Velocis và nhiều hệ thống CSDL thuộc Hệ Điều Hành Unix (Unix dbm) cùng bất cứ DBMS nào có sự hổ trợ cơ chế ODBC (Open Database Connectivity) ví dụ như DB2 của IBM.

Nói đơn giản: PHP là ngôn ngữ dạng script thực thi trên webserver nhằm tạo ra trang web động.

Để cài đặt PHP, các bạn có thể cài đặt từng gói riêng lẻ (PHP, Apache, Mysql).  Bạn có thể cài từng gói một hoặc cài bản tích hợp tất cả các gói trên. Tôi có file hướng dẫn các bạn từng bước để bạn cài đặt

 Cài đặt IIS PHP MySql PhpMyAdmin – mediafire.com/?pvdch16pncizf5d

Bây giờ chúng ta sẽ cài đặt Appserv – Win – 2.5.10 (Tên phần mềm là Appserv, dành cho phiên bản window, phiên bản 2.5.10).

 Phần mềm sẽ cho bạn chọn đường đẫn. Bạn chọn đường dẫn xong nhấn next.

Cài đặt Appserv

 Tiếp theo nhập Server Name: bạn nhập vào: localhost, Email: Bạn nhập vào email của bạn, Port: Mặc định là 80, tuy nhiên nếu máy bạn đã cài IIS thì có thể chỉnh thành 81 để chạy dịch vụ bên appserv.Nhấn next để qua trang kế tiếp.

Cài đặt Appserv Mail

 Thực hiện bước tiếp theo Enter root password: Bạn gõ vào root, re-enter root password: nhập lại 1 lần nữa root, các cấu hình bên dưỡi giữ nguyên.

Cài đặt Appserv Pass

 Sau khi cài đặt bạn vào trình duyệt gõ vào localhost nếu hiện lên giao diện như sau là thành công.

Cài đặt Appserv – Hoàn thành

 OK, vậy là chúng ta đã cài xong môi trường để có thể chạy được php, bây giờ bạn chỉ việc mang thư mục website của mình vào thư mục gốc WWW trong appser là có thể chạy được các trang php trên trình duyệt.

Đầu tiên joomla là một website chạy bằng ngôn ngữ php và mysql, joomla là một CMS hệ quản trị nội dung chuyên nghiệp. Joomla là website mã nguồn mở, được ra đời cũng khá lâu nên joomla được một cộng đồng phát triển cực kỳ lớn trên toàn thế giới. Cũng chính vì thế nên có một số lượng templates, modules khổng lồ cho bạn sử dụng.

Có người nói với tôi là có khoảng 80% website Việt Nam là sử dụng mã nguồn joomla, tôi nghĩ là đúng như thế! Từ website tin tức, website cho doanh nghiệp, đặc biệt là website thương mại điện tử vừa và nhỏ đa số sử dụng joomla.

Như đã nói joomla chạy trên nền PHP và MySQL nên bạn phải có host php hay localhost để học tập cũng được, tiến hành cài đặt Appserv.

Tiếp đến bạn vào site joomla.org đây là website chính cung cấp mã nguồn joomla, plugin, mod… Bạn nên vào đây download và tham khảo để đảm bảo an toàn cũng như xài được hàng chính hãng hii…

Sau đó bạn giải nén và copy vào trong thư mục gốc của Appserv và tiến hành cài đặt.

Cài đặt – Thiết kế web joomla

Sau khi cài đặt bạn sẽ được website đơn giản òi! Bây giờ chúng ta sẽ tìm hiểu cách quản lý joomla, bạn sẽ tìm hiểu về cách phân quyền, tạo categories, tạo section, article và còn nhiều khái phần quan trọng khác nữa.

Sau khí đã quản lý cơ bản administrator của joomla được òi thì các bạn tiến hành đến phần thiết kế template cho joomla của bạn. Để vào phần này bạn cần có các kiến thức cần chuẩn bị như:

✓         HTML và CSS cơ bản
✓         Lập trình php cơ bản
✓         Javascript và jQuery cơ bản

Template joomla là một giao diện mẫu được cài đặt trong joomla nó qui định cách hiển thị, trình bày ra trang chủ. Do đó phần thiết kế template này rất quan trọng đáng chú ý!

✓        JavaScript trong joomla
✓         Thiết kế template joomla: Khai báo file
✓         Thiết kế template joomla: dựng giao diện với file index.php
✓         Thiết kế template joomla: xây dựng parameters
✓        Hướng dẫn thiết kế module joomla: mod menu

Joomla là một hệ quản trị nội dung mã nguồn mở CMS. Joomla! được viết bằng ngôn ngữ PHP và kết nối tới cơ sở dữ liệu MySQL.

Lịch sử thì bít nó chi nhìu, ai cũng nói nó xài hay nên mình cùng nhau tìm hiểu nha.

Là các trang Web mà mọi người sẽ được thấy khi truy cập vào Website của bạn. Phần này ngoài việc hiển thị nội dung của trang Web còn là nơi mọi người có thể đăng ký thành viên và tham gia quản lý, viết bài đăng trên trang Web.

Là phần quản lý Website dành cho các Quản trị, chủ nhân của Website. Phần này cho phép cấu hình các thông số về hoạt động, nội dung, hình thức và quản lý các thành phần, bộ phận được tích hợp thêm cho Joomla! Phần back-end được truy cập thông qua đường dẫn: your_domain/administrator.

Là khuông dạng, kiểu mẫu, hình thức được thiết kế để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phần của trang Web. Joomla! cho phép cài đặt và thay đổi Temp cho Website hay cho từng trang Web khác nhau một cách dễ dàng.

Là bộ phận mở rộng thêm chức năng cho Website, các Mod này có các chức năng khác nhau, được hiển thị trên trang Web tại các vị trí qui định và có thể thay đổi được. Một trang Web có thể hiển thị nhiều Mod giống và khác nhau, Mod có thể được cài đặt thêm vào Website.

✓         Lastest News (mod_latestnews): Module hiển thị các tin mới nhất
✓         Random Image (mod_random_image): Module hiển thị các ảnh ngẫu nhiên
✓         Search Module (mod_search): Module công cụ tìm kiếm
✓         Login Module (mod_login): Module hiển thị form đăng nhập hệ thống
✓         Stats Module (mod_stats): Module hiển thị các thông tin thống kê về hệ thống
✓         Menu Module (mod_mainmenu): Module hiển thị các menu của website

Là thành phần chính của trang Web, nó quyết định đến chức năng, hình thức, nội dung chính của mỗi trang Web. Com có thể có thêm Mod để hỗ trợ cho việc hiển thị các chức năng và nội dung của Com. Com có thể được cài đặt thêm vào Website.

✓         Contacts (quản lý việc liên hệ giữa người dùng với Ban quản trị Website),
✓         Search (quản lý việc tìm kiếm),
✓         News Feeds (quản lý các tin tức),
✓         Polls (quản lý việc bình chọn, ý kiến của người dùng),
✓         Web Links (quản lý các liên kết ngoài Website)
✓         Và các Com quản lý nội dung của trang Web.

Là các chức năng được bổ sung thêm cho Com, các Mambot này sẽ can thiệp, bổ sung vào nội dung của trang Web trước khi nó được hiển thị. Mambot có thể được cài đặt thêm vào Website.

Bài này ta sẽ tìm hiểu về cách tôt chức về nội dung trong joomla. Trước khi xây dựng website bằng joom la chúng ta cần nắm các ba khái niệm quan trọng: section, category, article. Vậy thì section là gì? category là gì? artice là gì?

Các bạn có thể xem hình sau để có cái hình dung về 3 khái niệm trên.

Là cấp quản lý nội dung lớn nhất, chứa các Category. Có thể tạo nhiều Section và mỗi Section có thể chứa nhiều Category.
Ví dụ: Website bán máy tính có section: Máy bàn, Laptop…

Là cấp quản lý nội dung nhỏ hơn Section, chứa Content Item. Có thể tạo nhiều Category và mỗi Category có thể chứa nhiều Content Item.
Ví dụ: Website bán máy tính trong section laptop ta có: Dell, Sony…

Là phần nội dung, chứa các văn bản và hình ảnh được hiển thị trên trang Web. bao gồm 2 phần: tóm tắt tin(intro text) và chi tiết tin(description text).

Vậy là chúng ta đã tìm hiểu thêm được ba khái niệm mới nữa của joomla, qua đó ta thấy muốn tạo được một tin trong joomla ta cần tạo Section trước tiếp đến là Category xong mới mới đến tin.

Chào mọi người, hôm nay mình sẽ tìm hiểu một số chức năng của trang administrator trong joomla. Trong trang này có nhiều thứ để nói đến tuy nhiên trong phạm vi bài hôm nay chúng ta chỉ điểm qua vài tính năng cơ bản mà thôi.

 Khi bạn đang chỉnh sửa, nâng cấp website trong thời gian đó bạn không muốn người dùng truy cập vào site mình bạn có thể sử dụng chức năng này, site ofline: Yes có nghĩa là bạn ngưng hoạt động site va người dùng truy cập sẽ xuất hiện những dòng nhắn nhủ bạn gõ bên dưới offline mes.

 bạn có thể vô hiện hóa nó định dạng số dòng, độ dài cho nó.

Mục này cho phép bạn định lại thời gian lưu bộ nhớ cache, và thời gian sống của session.

Lưu ý bạn để bảo mật bạn nên để session là 15 phút tức khi không là việc sau 15 phút hệ thống sẽ tự logout tài khoảng bạn.

✓         vào trang quản trị joomla.
✓         Vào trang quản trị module.
✓         Nhấn nút [New] để tạo module nào đó VD: mod Custom HTML.
✓         Chọn kiểu module là “Custom HTML” nhấn nút [Next].
✓         Điền các hong số và chọn vị trí hiển thị module.
✓         Gõ nội dung module vào ô “Custom Output”.
✓         Nhấn nút [Save] để lưu lại.

✓         Trong mục “Upload Package File”, nhấn nút [Browser] và chọn Component (thường được đóng gói trong một file Zip).
✓         Nhấn nút [Upload File & Install] để cài đặt.
✓         Joomla sẽ thông báo kết quả cài đặt.
✓         Thêm một liên hệ (contact):
✓         Mở trang quản lý Components
✓         Nhấn nút [New] để tạo một liên hệ (Contact) mới.
✓        Điền tên, chọn nhóm (category), và điền các thông tin khác.
✓         Tùy chỉnh các tham số ở mục “Parameters” bên tay phải.
✓         Nhấn nút [Save] để lưu lại.

✓         Trong tab “Site” tìm mục “SEO Settings”.
✓         Trong mục “Search Engine Friendly URLS” chọn Yes.
✓         Trong mục “Use mod_rewrite” chỉ chọn Yes nếu HOST đã bật mod_rewrite.
✓         Nhấn nút [Save] để lưu lại cấu hình.

Trong trường hợp bạn chọn Yes đối vơi mục “Use mod_rewrite” thì bạn cần thêm một vài thao tác nữa: Tìm file có tên là chúng tôi ở thư mục gốc đổi tên file này thành .htaccess

Thông thường trong Windows không cho bạn đổi tên dạng .tên được do đó bạn phải nhờ chương trình FTP nào đó để làm.

Joomla cho phép bạn linh hoạt trong việc hoán đổi vị trí các module với nhau. Để dể dàng cho việc định vị trí sao cho hợp lý ta cần tìm hiểu về cách thức joomla qui định về vị trí.

Khi bạn tạo module bạn phải chọn vi trí nó hiển thị, thông thường thì có các vị trí: breadcrumb, debug, left, right, syndicate, top, user 1, user 2, user 3, user 4.
Bạn dùng truy vấn: domain/?tp=1 để xem vị trí module.

Ở bài trước ta đã tìm hiểu về các khái niệm cơ bản và cũng khá quan trọng của joomal này rùi, bây giờ chúng ta sẽ tiến hành quản lý chúng trong administration của joomla.

✓         Tạo: Nhắp nút New (hình trên)
✓         Title: Tên section
✓         Alias: tên tắt
✓         Description: Mô tả section
✓        Xong nhắp nút Save.

 Tạo section Tin xã hội như hình dưới. Xong tạo tiếp 1 section tên Vi tính

✓         Chỉnh sửa: Chọn section rồi nhắp nút Edit (hình trên)
✓        Xóa: Chọn section rồi nhắp nút Delete(hình trên)

✓         Tạo: Nhắp nút New (hình trên)
✓         Title: Tên category
✓         Alias : tên tắt
✓         Description : Mô tả category
✓         Xong nhắp nút Save

 Tạo category Khoa học trong section Tin xã hội như hình dưới.

✓         Tạo category Giáo dục trong section Tin xã hội.
✓         Tạo category Kinh nghiệm trong section Vi tính.
✓         Tạo category Giải trí trong section Vi tính.

✓         Chỉnh: Chọn tin rồi nhắp nút Edit
✓         Xóa: Chọn tin rồi nhắp nút Delete
✓         Tạo: Nhắp nút New (hình trên) và nhập theo hướng dẫn như trong hình

Hãy vào 1 tờ báo tìm tin copy vào mỗi loại tin 2- 4 tin.

 Vậy là ta có thể xem danh sach, sắp xếp thứ tự cũng như chỉnh sửa, thêm, xóa các chủng loại, thể loại, tin. Nhiu đó đủ làm site tin tức đơn giản. hi.. bài tiếp theo sẽ hướng đến tạo menu trong joomla. good luck!.

 Có nhiều loại menu trong Joomla, Main menu (bên trái), Top Menu (ở trên), User Menu . Hôm nay ta sẽ tìm hiểu cách tổ chức và làm việc với menu trong joomla.

Thêm/bớt/chỉnh các menu item cho Main menu (các menu khác thì thao tác tương tự)

✓         Nút Edit: chỉnh menu đang chọn.
✓         Nút New: Thêm 1 mục menu.
✓         Nút Trash: Xóa mục menu đang chọn

✓         Chọn menu Home, chỉnh thành Trang chủ.
✓         Chọn Joomla! Overview, Joomla! License, More about Joomla!, FAQ, The News và xóa đi.
✓         Chỉnh Weblink thành Liên kết.
✓         Trình tự tạo 1 mục menu mới:
✓         Nhắp nút New.
✓         Chọn loại menu item.
✓         Khai báo các thông số : Tên mục, trỏ vào đâu, …
✓         Xong nhắp nút Save.

 Ok vậy đã tìm hiểu cơ bản về cách tạo menu trong joomla, hẹn các bạn vào bài khác. thanks

Template joomla là một gói bao gồm các file theo kiến trúc mà joomla qui định: php, css, js, xml… tao nên giao diện cho joomla và hiển nhiên chúng ta có thể tùy chỉnh giao diện này theo kiến trúc đó.

Nhắp nút Browse chọn file template khác nếu bạn muốn cài thêm template nữa.

Ngoài ra chúng ta có thể copy thư mục template đã được giải nén ma bạn định cài đặt vào thư mục templates trong website joomla của bạn

 chỉ định tempate mà bạn đang chọn làm giao diện cho site

chỉnh template đang chọn (html, css) hoặc chỉnh định template này cho 1 menu nào đó.

Hãy chọn 1 template rồi nhắp nút Default. Xong ra trang chủ coi thử.

Chọn 1 template rồi nhắp nút Edit, chỉ định template này cho menu Vi tính. Xong ra trang chủ nhắp vào Vi tính coi thử.

Cài đặt tiếng việt trong joomla:

Download: gói tiếng việt trong joomla.

Cài đặt giống như cài template.

Quản lý có 2 phần: admin, và site

Admin: là bạn chọn ngôn ngữ cho trang quản trị của bạn.

Site: là chọn ngôn ngữ cho trang public của site bạn.

Vậy là coi như xong phần cài đặt template và ngôn ngữ tiếng Việt.

 Quá trình cài đặt một thành phần mở rộng (component, module, mambot/plugin) không phải lúc nào cũng suôn sẻ. Đôi khi do thành phần mở rộng – extension gồm quá nhiều file + dung lượng lớn sẽ gây ra lỗi thiếu bộ nhớ và xuất hiện màn hình thông báo lỗi như sau:

1 Fatal error: Allowed memory size of 8388608 bytes exhausted

(tried to allocate 19456 bytes) in …

Mở file chúng tôi trong folder joomla , nhắp trước dòng số 2, Enter xuống hàng rồi gõ lệnh sau:

1 ini_set(“memory_limit”,”30M”);

Công việc của bài viết này là giúp chúng ta tùy biến các định dạng của trang chủ joomla và cấu hình chức năng gửi mail trong tự đông.

Cấu hình trang chủ:

Trang chủ (Homepage) trong joomla được cài đặt và thể hiển thông qua com_frontpage, do vậy trong chủ hay còn gọi là Front Page. Thông qua đây bạn có thể định dạng trang chủ của mình với nhiều dạng: dạng blog, dạng kết hợp blog với chia cột tương tự menu trong joomla.

Các bạn chưa quen với joomla sẽ chưa biết tham số đi kèm khi cấu hình trang chủ: leading, intro, columns, links… cũng không biết nói sao, mình sẽ ví dụ bằng hình ảnh cho các bạn hiểu.

Đầu tiên đăng nhập vào trang quản trị vào phần quản lý menu, theo mặc định thì homepage đặt trong main menu. Mở Menu → Main Menu → chọn Home quan sát vào mục Parameters bên phải:

Từ các thông số đó sẽ cho ra giao diện trang chủ chúng ta như sau:

Từ các chú thích trên bạn có thể rút ra được ý nghĩa của các tham số: leading, intro, columns, links… để trình bày trang chủ.

Cấu hình Mail:

Để sử dụng được các chức năng như: đăng ký thành viên, gửi mail kích hoạt tài khoản, gửi mail thông báo cho thành viên… bạn cần khai báo một số thông số và phương thức gửi mail.

Trong joomla hỗ trợ cho bạn 3 phương thức: PHP Mail Function, Sendmail, SMTP Server. Tùy vào host của bạn cung cấp dịch vụ nào mà bạn cài đặt cho thích hợp.

Đầu tiên bạn vào Administration Page, vào Site → Global Configurations → Server → Mail Settings để cấu hình mail cho Joomla:

Bạn chọn vào PHP Mail Function với mục này bạn chỉ cần khai báo Mail From và From Name, các mục khác có thể bỏ qua.

Cách này ngoài Mail From, From Name bạn cần khai báo thêm đường dẫn đến chương trình send mail của server.
Hệ thống Unix, Linux: usr/sbin/sendmail
Windows: C:apachefriendsxamppsendmailsendmail.exe -t(tùy host).
Bạn có thể support hosting để bít thông số này hay xem bằng cách: System → System Info → PHP Info → sendmail_path.

Cách này sử dụng máy chủ SMTP riêng để gửi mail, bạn cần thiết lập tài khoản mail trên host và mang các thông tin đó điền vào bạn có thể nhờ support hosting về các thông số bạn không rõ: SMTP Host, SMTP Port…

✓         SMTP Port: 465
✓         SMTP Username: Tên đăng nhập của bạn (k có @gmail.com)
✓         SMTP Host: smtp.gmail.com

Là một quản trị viên của website bạn sẽ quan tâm đến các quyền truy cập của các thành viên (user) đó là điều tất yếu, và rất quan trọng để điều hành website một cách tốt nhất. Hôm nay ta sẽ tìm hiểu các quyền của user trong joomla.

Đầu tiên bạn cần rõ các khái niệm cơ bản như front end, back end…

 là những khách truy cập website bạn mà không phải là thành viên.

Là khách sau khi đăng ký và là thành viên của site bạn.

Là thành viên có quyền đăng bài viết hoặc một vài thứ chưa quan trọng mà hệ thống qui đinh.

Là thành viên có quyền đăng bài, kiểm duyệt và chỉnh sửa tất cả các bài viết.

Là người biên soạn bài viết và có thêm quyền quyết định phát hành các bài viết.

Có thể thiết lập để mặc định tài khoản Khách (Guest) cũng là tài khoản Thành viên (Registered).

Bất cứ thành viên nào thuộc phần hậu sảnh (Back-End) cũng có thể thực hiện các thao tác mà người xuất bản (Publisher) có thể làm.

Là tài khoản có quyền thực hiện các thao tác quản lý cơ bản như: quản lý menu, quản lý bài viết…

Là tài khoản có quyền thực hiện mọi thao tác, tuy nhiên không thể quản lý thông tin cấu hình hệ thống, giao diện, ngôn ngữ, can thiệp đến các tài khoản siêu quản trị.

Là tài khoản có đặc quyền cao nhất.

Vậy chúng ta vừa tìm hiểu các quyền trong joomla, bạn phải nắm rõ các quyền này để khi setup site cho đúng mục đích sử dụng không thì rắt rối nhiều lắm. Không phải là xếp thì supadmin mà bên ngoài là xếp nhưng trong web thì ta là trùm !

thiết kế quản trị website joomla
thiết kế web joomla
thiết kế web bằng joomla toàn tập
thiết kế web với joomla
thiết kế website bằng joomla
phần mềm thiết kế web joomla
học thiết kế web bằng joomla
thiết kế web tin tức bằng joomla
thiết kế web bán hàng bằng joomla
giáo trình thiết kế web bằng joomla
thiết kế web bằng joomla
hướng dẫn thiết kế web bằng joomla 2.5
thiết kế website tin tức bằng joomla
cách thiết kế web bán hàng bằng joomla
hướng dẫn thiết kế web bằng joomla
thiết kế giao diện web joomla
thiết kế trang web bán hàng bằng joomla
báo cáo đề tài về thiết kế web với joomla

/

(

bình chọn

)