Hướng dẫn thiết kế website miễn phí với Drupal CMS mạnh nhất hiện nay

Trong bài hướng dẫn này, tôi sẽ hướng dẫn các bạn cách xây dựng một trang web miễn phí bằng Drupal mã nguồn mở mạnh “nhất hành tinh” hiện nay. Sau khi làm theo hướng dẫn của tôi bạn sẽ thiết kế website bằng Drupal cực đơn giản cho cá nhân hoặc cho doanh nghiệp của bạn.

Sau khi bạn đã cài đặt mã nguồn Drupal mới nhất lên hosting của bạn bây giờ bạn có thể truy cập vào một trong những mã nguồn mở mạnh nhất hành tinh hiện nay để cài đặt website bạn làm cho trang web của bạn mạnh mẽ hơn, an toàn hơn, dễ dàng hơn để sửa đổi, linh hoạt và thân thiện hơn. Nếu bạn  tò mò về tại sao Drupal lại là mã nguồn mở mạnh nhất hiện nay thì có thể tham khảo bài viết So sánh 3 CMS WordPress, Joomla, Drupal miễn phí tốt nhất hiện nay để hiểu rõ hơn các điểm mạnh và hạn chế của 3 mã nguồn mở mạnh mẽ nhất hiện nay.

 

Thay đổi thông tin trang web

Điều đầu tiên bạn nên làm là thay đổi tiêu đề của website “My Site” thành tiêu đề bạn thích.

Thay đổi my site của Drupal

Thay đổi my site của Drupal

Để thay đổi tên website, bạn vào ” Configuration “->” Site Information“. Trong mục Site Name, nhập vào tên của website bạn muốn đặt. Nếu bạn có một khẩu hiệu dễ nhớ, bạn có thể gõ vào các trường Slogan. Ô này có thể là dòng thẻ, cụm từ khẩu hiệu cá nhân của bạn  hoặc chỉ đơn giản là sự giải thích về lĩnh vực của webiste bạn đang làm.

huong-dan-cai-dat-drupal-1

Hãy chắc chắn rằng địa chỉ email mà bạn đã nhập trong khi cài đặt là giống với trong ô “address Email “. Lưu tất cả các thay đổi của bạn và  trở lại website của bạn, đôi khi bạn có thể cần phải làm mới trang để xem các thay đổi.

Cài đặt / thêm một chủ đề mới

Khi xuất hiện giao diện mặc định có vẻ khá nhàm chán bạn muốn thay đổi giao diện mặc định tuy nhiên trong theme không có nhiều sự lựa chọn các theme sau khi cài đặt vì vậy bạn cần phải tìm thêm các chủ đề mới để cho phù hợp với ý tưởng của mình. Để tìm các chủ đề bạn có thể vào các trang web cung cấp theme cho website Drupal miễn phí tải về, hoặc truy cập vào menu Appearance và sau đó click vào Install New Theme. Nhấp vào ” Themes “và bạn sẽ được chuyển đến trang https://www.drupal.org/project/project_theme nơi cung cấp theme miễn phí của Drupal . Lựa chọn bản theme theo phiên bản Drupal mà bạn đang sử dụng.

huong-dan-cai-dat-drupal-2

Giao diện mặc định của mayo theme

Ví dụ, nếu bạn thích  Mayo Theme , chọn bản download theo phiên bản drupal mà bạn đang sử dụng, và kích chuột phải vào nó để sao chép địa chỉ URL. Trở lại website của bạn, dán địa chỉ vừa copy vào Install From a URL. Nhấp vào Cài đặt. Sau đó bấm kích vào Enable Theme mới cài đặt, di chuyển xuống và chọn Enable for the Mayo Theme. Nhấn Set Default để làm cho nó làm chủ đề mặc định của site. Sau khi làm những bước trên giao diện sau khi cài đặt của Mayo theme:

Mayo Theme rất linh hoạt ở chỗ nó có sẵn trong các màu sắc khác nhau, phong cách khác nhau để bạn có thể lựa chọn. Dưới đây là một kiểu khác.

huong-dan-cai-dat-drupal-3

Tương tự bạn có thể download cài đặt các theme bạn thích vào website của bạn. Dưới đây clip hướng dẫn cài đặt theme cho Drupal

 

Dưới đây là một video tuyệt vời cho bạn thấy làm thế nào để cài đặt chủ đề cho website Drupal của bạn:

Clip hướng dẫn cài đặt theme Drupal

Tạo trang giới thiệu cho website

Nghiên cứu cho thấy rằng một trong những trang được xem nhiều nhất trên mỗi website là trang giới thiệu.Khách truy cập web trực giác của họ muốn biết về những người đứng sau đang quản lý website này. Trong phần này, tôi sẽ cho bạn thấy làm thế nào bạn có thể thiết lập một trang giới thiệu đơn giản. Cách tạo rất đơn giản chỉ cần bạn tìm đến mục “ Content ” -> “ Add Content ” -> “ Basic Page. Nhập vào tiêu đề “About Us” hoặc “Giới Thiệu” trong tiêu đề và bổ sung thông tin mà bạn muốn.

Để thay đổi thứ tự của các mục trong menu, bạn tìm đến mục Structure” -> “Menus” -> “Main Menu. Thứ dự danh mục có thể di chuyển lên xuống rất đơn giản bằng cách bạn click chuột trái để kéo lên xuống để thay đổi thứ tự hiển thị của menu.

Thêm Modules góp ý

Một trong những thế mạnh của Drupal là một cộng đồng đông đảo luôn sẵn lòng giúp đỡ bạn. Họ đã đóng góp một số module tuyệt vời, thường được gọi là “contrib module ” cho hệ thống Drupal để tất cả mọi người sử dụng. Dưới đây là các module contrib tôi sẽ thêm cho một website  Drupal cơ bản ngay sau khi cài đặt. Bạn có thể tìm các mô-đun contrib tại: https://drupal.org/project/project_module

Bạn tải về các contrib bạn thích tập tin này có định dạng zip hoặc tar. Sử dụng clientFTP để tải chúng lên theo đường dẫn “sites/all/modules”  trên webhosting của bạn. Giải nén tập tin. Sau đó vào phần Admin / Modules để kích hoạt cho các module mới. Dưới đây là những module tôi sẽ chọn:

Admin Menu Module

 Kích hoạt Menu Module Admin. Menu này mang đến cho bạn menu thả xuống của toàn bộ khu vực admin. Module này sẽ giúp bạn tiết kiệm rất nhiều thời gian vì nó giúp bạn không phải truy cập để tìm các chức năng của website nó có sẵn để hiển thị cho bạn lựa chọn.

huong-dan-cai-dat-drupal-4

CKEditor Module

Drupal không cung cấp mặc định khung soạn thảo văn bản WYSIWYG . WYSISYG là công cụ soạn thảo văn bản trong đó cung cấp một trình biên tập HTML trực quan textarea, giúp dễ dàng xử lý văn bản như word, làm cho văn bản trực quan hấp dẫn hơn. CKEditor là một giải pháp phổ biến vì nó tích hợp đầy đủ chức năng soạn thảo văn bản WYSIWYG. Gần đây nó đã được cải thiện để được nhanh hơn và dễ dàng hơn để sử dụng. Để cài đặt CKEditor, sau khi bạn cài đặt các module Drupal, bạn cũng phải tải về CKEditor độc từ phần download tại CKEditor.com. Sau đó giải nén các nội dung vào sites/all/modules/ckeditor/ckeditor trên site Drupal của bạn.

huong-dan-cai-dat-drupal-5

IMCE Module

IMCE giúp bạn thêm hình ảnh vào bài viết của bạn bạn. Sau khi cài đặt và kích hoạt IMCE nó, hãy vào  “ Configure –> Content Authoring –> CKEditor –> Profiles –> Advanced –> Edit –> File Browser Settings “. Sau đó chọn IMCE từ menu sổ xuống cho các cửa sổ (lựa chọn như hình bên dưới). Lưu các thiết lập.

huong-dan-cai-dat-drupal-5

Pathauto Module

Module Pathauto của Drupal cho phép bạn tạo đường dẫn URL tốt hơn bằng tay. Pathauto làm giảm sự nhàm chán của người độc bài viết của bạn mỗi ngày, Bạn có thể gán tùy chỉnh mô hình thay thế và đường dẫn trang tài khoản của người dùng để các URL phù hợp với các tiêu chuẩn SEO . Tuy nhiên, yêu cầu Pathauto module Token.

huong-dan-cai-dat-drupal-7

Token Module

Tokens là phần nhỏ của văn bản được đặt thông qua một hệ thống . Với Drupal 7, nhiều chức năng của các mô-đun mã tự động đã được tích hợp cùng Drupal, nhưng một số mô-đun vẫn đòi hỏi điều đó.

Views Module

Drupal 8 là phiên bản nâng cấp của Drupal 7. Views Module đã được tích hợp vào Drupal 8, nó là một bổ sung tuyệt vời cho bất kỳ website nào cài đặt Drupal 7. Views Module cho phép bạn hiển thị nội dung trong một loạt các hình thức, từ danh sách đơn giản đến trình chiếu hình ảnh.

huong-dan-cai-dat-drupal-8

Chaos Tools Suite Module

Chaos Tools Suite , còn được gọi là Ctools, nó rất cần thiết để sử dụng cho module Views. Tuy nhiên, nó cũng có một số tính năng rất hữu ích của riêng mình. Với Ctools, bạn có thể bắt đầu để tạo ra module riêng của bạn nếu bạn muốn. Bạn cũng có thể tạo ra các hình thức, hộp thoại, vệ sinh CSS, và tạo ra các loại nội dung pluggable và nhiều hơn nữa.

huong-dan-cai-dat-drupal-9

Quicktab Module

Bạn đã bao giờ nhìn thấy trên các website lớn họ liệt kê nội dung gần đây và phổ biến? Quicktabs là module giúp tạo ra chức năng đó tuyệt một cách nhanh chóng và dễ dàng mà không cần viết JavaScript.

Sau khi cài đặt và kích hoạt module, ở đây bạn lựa chọn như hình và save lại.

huong-dan-cai-dat-drupal-10

Blocks

Bây giờ bạn có một số “modules contrib”, bạn có thể muốn thêm một sidebar với một số các tính năng khác nhau. Blocks giúp điều hướng website đến cấu trúc của một khối. Một Block là một hộp trong một sidebar mà có các loại khác nhau của nội dung có sẵn. Mặc định danh sách một số khối sẽ được đánh dấu Disabled. Lựa chọn các Blocks bạn cho là cần thiết với bạn và kích hoạt lên.

huong-dan-cai-dat-drupal-11

Lưu trang Blocks và trở lại trang trước. Bây giờ thêm một số nội dung. Nhấp vào Thêm nội dung mới nhập nội dung mà bạn muốn hiển thị.

huong-dan-cai-dat-drupal-11

Lưu bài viết và  trở lại trang chủ. Bạn sẽ thấy bài viết của bạn xuất hiện cũng như các khối với nội dung gần đây.

Hiện nay cũng có rất nhiều công ty thiết kế web sử dụng Drupal vào để thiết kế web cho khách hàng vì họ nhận thấy sự mạnh mẽ của ngôn ngữ này. Tuy Drupal làm blog thì rất đơn giản nhưng khi thiết kế web bán hàng hay thiết kế website thương mại điện tử lại vấp phải nhiều khó khăn do chúng phải đi sâu vào vấn đề code nên với những người không chuyên, tay ngang đi vào thì bạn nên thuê 1 công ty thiết kế web hoặc một người nào đó rành drupal để trợ giúp bạn.

Bạn đang đọc bài viết: Hướng dẫn thiết kế website miễn phí với Drupal CMS mạnh nhất hiện nay

Bạn có thể tham khảo thêm bài viết: Thiết kế web theo yêu cầu

Bài viết liên quan