21 Bước Thiết Kế Website Bằng WordPress Chi Tiết Từ A – Z Cho Người Không Biết Gì

bởi Con Heo Không Mập
1 bình luận

Bài viết tổng hợp 21 bước thiết kế website (7 bước lớn và 14 bước nhỏ) bằng wordpress từ A – Z, tự làm website kể cả khi bạn không biết gì về code.

Đầu tiên, WordPress là gì?

WordPress là gì

Về lý thuyết, WordPress là một nền tảng mã nguồn mở ( tức là nó miễn phí ) được dùng cho mục đích chính là xây dựng các website.

Bản chất WordPress vốn là một hệ quản trị nội dung ( Content Management Systerm – hay CMS ), hỗ trợ cho bạn tạo nên một trang blog cá nhân.

Tuy nhiên, theo thời gian, WordPress dần trở thành một nền tảng để giúp người dùng có thể tự dựng các website trong nhiều lĩnh vực từ blog cho đến các trang thương mại điện tử, ..

Nếu bạn là một người mới bắt đầu, WordPress gần như là cách đơn giản nhất, nhanh nhất và cũng nổi bật nhất để bạn có thể tự tạo nên một website cho riêng mình.

Bước 1 – Setup WordPress

Để bắt đầu tự xây dựng một website dựa trên WordPress cho riêng mình, chúng ta hãy cùng bắt đầu theo các bước sau :

Chọn chủ đề (theme)

WordPress vận hành dựa trên một chủ đề ( theme ), hay nói một cách dễ hiểu hơn chính là giao diện.

Nếu bạn là một người mới và đang cân nhắc về tài chính, bạn hoàn toàn có thể sử dụng kho chủ đề miễn phí của WordPress. Kho này có một số lượng khá lớn các giao diện với đa dạng các chủ đề, và quan trọng là hoàn toàn miễn phí.

Đương nhiên, chúng ta vẫn thường hay nói “tiền nào của đó”, các giao diện miễn phí luôn luôn có một số hạn chế nhất định, như việc giới hạn một số tính năng.

Vì vậy, bạn hoàn toàn có thể cân nhắc một giải pháp khác đó chính là mua theme. Các theme được đăng trên

Chọn tên miền

Chắc hẳn bạn đã từng nghe qua “tên trang web” rồi đúng không ? Ví dụ: facebook.com, instagram.com. tinhte.vn, … “tên trang web” gọi theo từ chuyên ngành là tên miền. Và 100% các website trên thế giới đều phải có tên miền thì mới vận hành được.

Nói nôm na dễ hiểu thì, nếu website là ngôi nhà thì domain sẽ là địa chỉ nhà. Mọi người sẽ tìm ra nhà của bạn nếu họ biết được địa chỉ.

Hãy chắc chắn rằng bạn hiểu rõ tên miền (domain) như hiểu rõ người yêu của mình vậy. Nếu chưa thì hãy xem qua bài viết này rồi hãy đọc tiếp:

Tên Miền Là Gì? Khái Niệm và Cách Tên Miền Vận Hành

Mua Hosting WordPress

Chọn Hosting

Hosting là phần không gian lưu trữ Source website của bạn, giúp website của bạn có thể hoạt động được trên môi trường Internet.

Hosting có rất nhiều thông số cần chú ý khi mua. Tùy theo qui mô và loại hình kinh doanh mà chọn gói Hosting cho phù hợp.

Tương tự như Domain, bạn cần phải hiểu rõ các thông số (RAM, CPU, Dung lượng, băng thông, …) trước khi xây dựng cho mình 1 website hoàn chỉnh.

Cuồng Team đã viết bài giải thích chi tiết về Hosting tại đây: ………………

Cài Source WordPress

Cài source WordPress

Có 2 cách cài Source phổ biến mà mọi người hay dùng. Đó là upload source file WordPress và dùng tính năng 1 Click có sẵn của Hosting.

Upload source file WordPress

Bước 1: Truy cập vào trang download của WordPress.org và tải source code về máy.

Bước 2: Giải nén file bằng phần mềm Winrar.

Bước 3: Dùng phần mềm FTP File Zilla để truy cập vào Hosting.

Bước 4: Upload các file đã giải nén vào folder public_html trên hosting.

Bước 5: Mở file wp-config.php và tiến hành sửa các thông tin sau:

  • database_name_here = tên databse đã tạo.
  • username_here = username truy cập database.
  • password_here = mật khẩu truy cập database.

Ngoài ra còn có 1 tool tự động tạo file wp-config hẳn hoi nếu bạn lười (https://generatewp.com/wp-config/), khi tạo xong chỉ việc paste thẳng vào file wp-config.php là được.

Bước 6: Truy cập vào domain website của bạn và tiến hành cấu hình website (Title, description, language, usename, password, …)

Bước 2 – Chọn giao diện Theme trong WordPress

WordPress có một cộng đồng phát triển giao diện (Themes) riêng, có rất nhiều cá nhân, tổ chức tham qua phát triển giao diện WordPress cùng các tính năng đồ sộ, trong đó phải kể đến là: Theme Forest, MyThemeShop, Flatsome, Soledad,

Có 3 cách để bạn tự chọn giao diện cho website của mình trong wordpress

Dùng giao diện có sẵn

Miễn phí

Giao diện miễn phí WordPress

Giao diện WordPress miễn phí bạn có thể tìm tại: WordPress Theme hoặc trong thẻ Giao Diện => Cài Giao Diện Mới trong trang quản trị WordPress.

Theme miễn phí thường bị giới hạn nhiều tính năng, nhưng cơ bản vẫn đủ dùng cho những bạn có yêu cầu tạo 1 website đơn giản.

Có phí

Theme có phí WordPress

Theme có phí được các nhà phát triển đầu tư rất kỹ lưỡng và cho phép bạn tùy biến đến tận răng. Thêm nữa Theme có phí hỗ trợ SEO, mobile responsive, schema, e-commerce giúp bạn lọt vào mắt xanh của Google dễ hơn theme miễn phí.

Một số theme có phí được nhiều người sử dụng nhất hiện nay:

  • Flatsome.
  • Genesis Framework by StudioPress.
  • Avada.
  • The7.
  • BeTheme.

Giao diện tự code

Đúng vậy, chúng ta hoàn toàn có thể tự code được giao diện cho riêng mình, chỉ cần các bạn có kiến thức tốt về HTML & CSS & Javascrip & ngôn ngữ lập trình PHP.

Bước 3: Cài đặt plugin WordPress

Plugin WordPress

Plugin là một tính năng đặc biệt của WordPress, nó cho phép cài đặt các tính năng mới, giúp website hoạt động trơn tru hơn, lộng lẫy hơn, Google khoái hơn !

Các loại plugin và công dụng thường dùng:

  • Plugin hiệu suất: những plugin này giúp cho website load nhanh hơn (WP – Rocket, Litespeed Cache, Super Cache, Autoptimize, W3 Total Cache, …
  • Plugin bán hàng: dành cho  kinh doanh online trên môi trường Internet (WooCommerce, Easy Digital Download, …)
  • Plugin bảo mật: giúp website của bạn cứng cựa hơn (WordFence, iThemes Security, All In One WP Security & Firewall, …)
  • Plugin tạo form: tạo các form đăng ký, đăng nhập, liên hệ, survey dễ dàng (Contact Form, AR Form, Visual Form Builder, …)
  • Plugin hình ảnh: tạo thư viện hiển thị hình ảnh đẹp mắt (Easy FancyBox, Responsive Lightbox & Gallery, WP Lightbox 2, …)
  • Plugin nội dung: hỗ trợ định dạng post, page (Responsive Tabs, Related Post, Custom Post Type UI, …)
  • Plugin SEO: đây là điểm mạnh của WordPress mà ít có nền tảng mã nguồn mở nào so được. Hỗ trợ SEO rất tốt (Yoast SEO, Rank Math SEO, All in One SEO, SEOPress, …)
  • Ngoài ra còn rất nhiều plugin khác đang chờ bạn khám phá.

Bước 4 – Bảo mật cho website

bảo mật website

Sau khi đã cài đặt giao diện và các plugin tính năng hoàn tất, thì bước tiếp theo cần phải làm là thiết lập bảo mật cho website WordPress của bạn.

Hãy thử hình dung rằng vào một ngày đẹp trời nào đó blog bạn đã xây dựng từ bao nhiêu mồ hôi công sức bỗng dưng biến mất ? Thì bạn sẽ làm thế nào bây giờ ???

Không phải nói suông mà nó đến hơn 30% website WordPress trên Thế giới bị nhiễm các loại mã độc, virus, malware chiếm quyền truy cập website. Nguyên nhân chính là do cài đặt Themes và Plugins từ các trang không rõ nguồn gốc.

Sau đây là những lời khuyên và các plugin khuyên dùng để bạn có thể tăng cường bảo mật cho website của mình:

Không nên đặt username là “admin”

Ngoài username là admin thì còn có các loại password “Quốc Dân” khác là “12345678” hay “abcdefgh”, …. bạn cũng PHẢI đổi sang một cái tên khác phức tạp hơn. Nên khi cài đặt website thì hãy đặt cho mình một cái username thật khác biệt và khó đoán nhé.

Còn nếu đã lỡ đặt rồi thì đừng lo, plugin iThemes Security sẽ giúp bạn.

Luôn luôn update Theme và Plugin lên phiên bản mới nhất

Những phiên bản cũ có thể có những lỗ hổng bảo mật mà phiên bản mới mới có thể vá được lỗi đấy, nên đừng ngần ngại dành ít thời gian ra để cập nhật theme và plugin bạn nhé !

Nói KHÔNG với theme và plugin lậu

Đây là vấn đề nhiều người hay mắc phải, đa phần các sản phẩm theme và plugin lậu cho phép tải miễn phí tràn lan trên mạng hiện nay đều có mã độc và nó có thể khai thác bất hợp pháp tài nguyên hosting của bạn, chèn backlink ẩn hoặc tệ hơn là chiếm cả quyền truy cập.

Vì vậy hãy tải plugin từ các nguồn uy tín, có chứng thực rõ ràng các bạn nhé !

Một số nguồn uy tín mà Cuồng Team sưu tầm:

  • Theme Forest.
  • WordPress Plugin.
  • WordPress Theme.
  • WordPress Gpldl.

Bảo mật website

Plugin WordPress tăng cường bảo mật

Nếu bạn là một người không chuyên về kỹ thuật bảo mật thì plugin sẽ giúp bạn thiết lập. Một số plugin bảo mật được tin cậy cao như:

  • Wordfence Security.
  • Sucuri Security.
  • iTheme Security.
  • All in one WP Security and Firewall.

Nếu bạn đang tìm kiếm một plugin miễn phí nhưng vẫn có hiệu quả bảo mật cao, hãy dùng thử Sucuri Security hoặc Wordfence nhé.

Bước 5 – Soạn thảo văn bản

Soạn thảo văn bản là bước tiếp theo bạn phải làm quen, từ năm 2019 WordPress đã chính thức đưa Gutenberg làm trình soạn thảo văn bản TinyMCE mặc định của họ.

Trình soạn thảo Gutenberg này hiện đại hơn rất nhiều so với trình soạn thảo văn bản cũ. Cho phép tạo các block nội dung, hình ảnh, video và tùy biến các block ấy một cách dễ dàng.

Về cơ bản Gutenberg chuyển trình soạn thảo cũ thành block, mà trong các block ấy bạn có thể tùy biến được rất nhiều thứ. Những bạn mới sử dụng WordPress thì Cuồng Team nghĩ nó sẽ không quá khó để các bạn theo kịp.

Bước 6 – Tối ưu SEO cho website

Tối ưu SEO Website

SEO là viết tắt của Search Engine Optimization – Theo Wikipedia thì SEO có nghĩa là tối ưu hóa công cụ tìm kiếm. Nó là tập hợp các phương pháp giúp cải thiện thứ hạng của một website trên trang kết quả của công cụ tìm kiếm (Google, Bing, Yahoo, Yandex, …)

Như ở mục trên, tối ưu SEO là tổng hợp tất cả các công việc, phương pháp nhằm cải thiện thứ hạng của website trên trang kết quả tìm kiếm.

Lợi ích của SEO

  • Giúp khách hàng dễ nhìn thấy website của bạn khi họ tìm kiếm trên các công cụ search.
  • Tiết kiệm chi phí Marketing quảng cáo.
  • Tăng nhận thức sản phẩm, thương hiệu.
  • Hiểu về hành vi khách hàng tiềm năng.
  • Cải thiện trải nghiệm người dùng.

Plugin WordPress hỗ trợ SEO

Tin vui dành cho bạn là WordPress là một nên tảng mã nguồn mở với nhiều plugin hỗ trợ SEO rất tốt. Các plugin SEO này sẽ chỉ ra cho bạn những lỗi cần khắc phục. Việc của bạn chỉ việc đáp ứng những yêu cầu của plugin là đã có được 1 bài viết “Chuẩn SEO” rồi.

Ngoài ra các plugin đấy còn hỗ trợ cấu trúc Schema, cấu hình nội dung chia sẻ lên mạng xã hội.

Các plugin SEO tiêu biểu cho hạng mục này:

  • Yoast SEO.
  • Rank Math SEO.
  • All in One SEO.
  • SEOPress.

Trong đó Yoast SEO và Rank Math SEO là 2 plugin PHẢI thử. Nếu bạn phải SEO cho trang E-Commerce thì hãy cân nhắc mua bản có phí của Yoast SEO nhé.

Tốc độ website

Tối ưu tốc độ

Tốc độ là một thứ quan trọng không thể thiếu của website. 1 nghiên cứu đã chỉ ra rằng, khách hàng khi vào website của bạn lần đầu tiên thì họ chỉ dành ra 3 GIÂY cuộc đời để chờ website của bạn load. Sau 3s đấy mà website load không xong thì khách sẽ bỏ web mà đi.

Google đã cho ra mắt Core Web Vitals đến các nhà quản trị Website, và thông báo rằng họ sẽ áp dụng nó vào đầu năm 2021. Core web vitals được xem là 1 trong nhiều tiêu chuẩn để đánh giá thứ hạng website của bạn trên Google. Vì vậy, không nên bỏ qua tiêu chuẩn này nhé.

Các tiêu chuẩn của Core Web Vitals có thể hiểu như sau:

  • First Input Delay (FID): Là thời gian phản hồi lần tương tác đầu tiên của web khi người dùng bấm vào Button bất kỳ, các trang web phải có FID tiêu chuẩn dưới 100 millisecond.
  • Largest Contentful Paint (LCP): Là thời gian tải hoàn tất của thành phần lớn nhất được hiển thị đầu tiên khi trang tải xong, trang phải có LCP tiêu chuẩn trong vòng 2.5 giây.
  • Cumulative Layout Shift (CLS): Điểm số thay đổi bố cục ở dạng tích lũy – chúng đo độ ổn định thị giác. Để cung cấp một trải nghiệm tốt, các trang web nên có tiêu chuẩn chỉ số CLS dưới 0.1.
  • Bạn có thể test website của mình xem có đạt chuẩn không tại đây: Google Pagespeed Insights

Bạn có thể thấy càng ngày Google càng ưu ái trải nghiệm người dùng. Vì vậy không có lí do gì mà chúng ta lại để website của mình load chậm ơi là chậm đúng không nào ?

WordPress AMP

Tối ưu AMP

AMP là từ viết tắt của Accelerated Mobile Pages. AMP là sản phẩm của Google, theo lời của Google thì đây là một tính năng giúp tối ưu hóa tốc độ “tức thì” cho website.

Đây là một dự án giúp tăng tốc độ tải trang trên thiết bị di động các trang AMP đã được xác thực lưu trong bộ nhớ cache AMP của Google.

Bạn có thể tải plugin AMP cho wordpress tại đây: https://vi.wordpress.org/plugins/amp

Ưu điểm

  • Trải nghiệm UX UI của khách hàng tốt hơn trang không có cài đặt AMP.
  • Tốc độ tải nhanh hơn làm giảm tỷ lệ bỏ qua và tỷ lệ phiên thoát từ đó giúp làm tăng chuyển đổi và cải thiện hiệu suất quảng cáo.

Khuyết điểm

  • AMP sẽ tối giản hết mức có thể để website của bạn load nhanh, đồng nghĩa với việc các hiệu ứng javascript của bạn có thể sẽ không hoạt động như mong đợi.
  • Có thể gây vỡ giao diện.

Kiểm tra website đã cài AMP hay chưa

  • Bước 1: Vào đường link công cụ kiểm tra AMP của google: https://search.google.com/test/amp
  • Bước 2: Nhập URL trang web cần kiểm tra.
  • Bước 3: Chờ vài phút sẽ biết website có phiên bản AMP hay không?

Ngôn ngữ

Nếu website WordPress của bạn có từ 2 ngôn ngữ trở lên thì phải làm thế nào ? Plugin Polylang (miễn phí) và WPML (có phí) sẽ giúp bạn làm điều đó.

Thẻ meta

Thẻ meta

Các thẻ meta đóng vai trò rất quan trọng trong việc tối ưu hóa công cụ tìm kiếm (Search Engine Optimization) hay gọi tắt là SEO.

Các thẻ meta hay dùng trên WordPress:

  • Meta tile: thẻ tiêu đề của website. (<title>tiêu đề/title>)
  • Meta description: thẻ mô tả. (<meta name=”description” content=”ghi mô tả vào đây” />)
  • Meta keyword: thẻ khai báo keyword. (<meta name=”description” content=”gõ keyword vào đây.” />)
  • Meta robots: thẻ khai báo robots, giúp robots của các công cụ tìm kiếm hiểu được bạn muốn nó làm gì với website của bạn.
  • Meta content language: thẻ khai báo ngôn ngữ của website, rất cần thiết để bộ máy tìm kiếm biết được ngôn ngữ của website. ( Ví dụ: <meta http-equiv=”content-language” content=”vi” /> – Đoạn meta này khai báo website nhắm đến ngôn ngữ Việt Nam.)

Để cấu hình được các thẻ Meta này bạn phải cài các plugin SEO mà Cuồng Team đã ghi ở mục Plugin SEO của CÀI ĐẶT PLUGIN nhé !

Sidebar

Sidebar là vị trí bên trái hoặc bên phải của website WordPress, bên trong sidebar có chứa các Widget dùng để hiển thị dữ liệu.

Sidebar dùng để bổ sung các thông tin quan trọng cho nội dung chính đặt ở giữa trang. Vì vậy, bạn thường phải tùy chỉnh sidebar sao cho tốt và thu hút vì nó khiến cho người đọc bị thu hút hơn và ở lại lâu hơn trên trang của bạn.

Để tùy biến Widget trên sidebar bạn vào trang quản trị -> Giao diện -> Widget để kéo thả các thuộc tính dữ liệu vào Widget trên sidebar nhé.

Footer

Footer hay còn gọi là chân trang của website, ở đây thường hay để các thông tin như Logo, các đường link về chính sách, quy định, fanpage hoặc Google Map.

Ngoài ra, tùy vào tính năng của Theme và footer còn có thể kéo thả được Widget.

WordPress RSS

RSS còn được gọi là RSS Feeds, RSS là một nguồn cung cấp tin tức, nó hiển thị các bài viết tin tức của website mà không cần phải truy cập vào website đó.

RSS là một tập tin định dạng XML, trong 1 file XML bao gồm các thông tin:

  • Tiêu đề.
  • Nội dung tóm tắt.
  • Đường dẫn bài viết.
  • Ngày tháng, tên tác giả.

Các loại plugin RSS:

1 – RSS Feed Widget.

2 – WP RSS Aggregator.

3 – WordPress RSS Feed Retriever.

4 – WPeMatico RSS Feed Fetcher.

WordPress Breadcrumbs

Breadcrumbs là một đường dẫn anchor text, thường nằm ở đầu trang. Breadcrumbs là một tính năng quan trọng đối với các SEOer, công dụng của Breadcrumbs giúp người dùng biết được vị trí trang họ đang xem ở đâu trong website.

Ưu điểm

  • Nâng cao trải nghiệm người dùng.
  • Là 1 tiêu chí trong xếp hạng website của Google.
  • Giảm tỉ lệ thoát trang.

Plugin hỗ trợ

WordPress có rất nhiều plugin hỗ trợ tạo Breadcrumbs, trong đó phải kể đến plugin toàn năng Yoast SEO. Bạn sẽ không cần phải cài đặt thêm plugin khác nữa.

Nếu bạn thích tùy biến Breadcrumbs của mình đẹp hơn thì đây là các plugin bạn có thể tham khảo:

Bước 7 – Bài viết

Bài viết

Bài viết (post) là một tính năng không thể thiếu của WordPress, nó giúp bạn sáng tạo nên những nội dung có ích cho người dùng với sự hỗ trợ của các trình soạn thảo văn bản.

Cách viết bài

Hiện tại WordPress đã sử dụng trình soạn thảo Gutenberg mới nhất, đây là trình soạn thảo bằng Block và có khả năng tùy biến sâu hơn cho nội dung của bạn.

Nếu vẫn muốn dùng trình soạn thảo văn bản kiểu cũ thì bạn tải và kích hoạt plugin Classic Editor tại đây.

Để viết bài thì bạn cần phải đăng nhập vào trang quản trị admin của WordPress, sau đó đi đến mục Bài Viết -> Thêm mới.

Đăng bài

 

Để đăng bài viết thành công, bạn cần phải điền đầy đủ các trường sau:

  • Nội dung của bài viết.
  • Tiêu đề.
  • Danh mục bài viết.
  • Hình ảnh nổi bật.
  • Thẻ. (tag)
  • Các trường của Yoast SEO (nếu có)

Xong rồi nhấn vào nút Đăng Bài là bạn đã xuất bản bài viết của mình thành công rồi nhé !

KẾT LUẬN

Trên đây là 21 cách để bạn có thể tự quản trị và xây dựng cho mình 1 website WordPress tin tức đơn giản. Hy vọng sau khi đọc bài viết này, các bạn đã có thể build 1 website WordPress đơn bản cho riêng mình.

Trong tương lai, Cuồng Team sẽ ra bắt bài viết về cách xây dựng website WordPress bán hàng bằng WooCommerce, các bạn nhớ ủng hộ Cuồng Team nhé !

(Visited 50 times, 1 visits today)
0 0 vote
Article Rating
Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Đặng Ngọc Tuấn
Đặng Ngọc Tuấn
3 months ago

Đọc mê quá, tks cuồng team

1
0
Would love your thoughts, please comment.x
()
x