Thiết Kế Website Bằng WordPress Dễ Dàng

Chắc hẳn không ít thì nhiều các bạn trong số chúng ta từ lúc tiếp cận công nghệ thông tin cũng đã từng có nghĩ suy là mình sẽ thiết kế website cho chính bản thân mình. Thế nhưng để thiết kế một website không phải đơn giản,  muốn thiết kế được một website  bạn phải được học tập, bồi bổ qua trường lớp và phải được rèn rũa qua thời kì dài. Tưởng tuồng như thiết kế website là mộng xa vời đối với những bạn có ham mê làm website mà không có điều kiện và thời kì để học tập thế nhưng thật ra không phải thế. hiện tại với sự phát triển của wordpress sẽ biến sự phức tạp thành đơn giản nhất. Hôm nay mình xin hướng dẫn các bạn thiết kế website wordpress một cách đơn giản và chi tiết nhất. Ngay cả khi những người mới biết đến WordPress cũng  có thể bắt tay vào thiết kế một website đơn giản theo ý tưởng của mình cụ thể mình sẽ giúp mọi người thiết kế 1 website giống như Blog Radio. Những kiến thức này mình cũng tìm tòi sưu tầm trên mạng và được xây dựng trên những gì cơ bản nhất khi đến với wordpress. Mình cũng hy vọng rằng sau khi đọc bài viết này những người chưa bao giờ làm website bằng wordpress cũng có thể thiết kế cho mình một website như mình mong muốn.

Thiết Kế Website Đơn Giản Bằng WordPress

Và sau đây mình xin hướng dẫn các bạn thiết kế website đơn giản bằng wordpress.

1. trước hết chúng ta cần phải hiểu rõ WordPress là gì ?

2. Cài đặt WordPress trên Localhost

>>> Xem thêm: Thiết kế web tin tức

Vì chúng ta lại phải cài localhost ? Đây là câu hỏi trước hết mà bạn nào bắt đầu đến với thiết kế website đặt ra.Theo mình được biết thì khi làm ở localhost thì chúng ta sẽ rất dễ làm việc hơn không cần phải kết nối mạng vẫn có thể chỉnh sửa website mình và tốc độ sửa không còn phụ thuộc vào đường truyền mạng nữa.Và sau đây là cách cài đặt WordPress ở localhost

3. Tải mã nguồn mở wordpress phiên bản mới nhất về.

4. Tải xong giải nén vào bỏ vào thư mục www của WAMP hẳn nhiên là phải khởi động phần mềm WAMP xong đã.

5. Và rút cục chỉ cần gõ http://localhost/wordpress là ra website của mình. Cần lưu ý wordpress là thư mục code wordpress đặt trong www.

6. Dowload một themes để dùng nào. Vì mới làm quen nên nhất thời mọi người có thể download themes wordpress có sẵn trên mạng.sau này thuần thục rồi thì các bạn có thể tự thiết kế lại themes theo ý mình, cũng như để sau này thiết kế website theo đề nghị của người khác

và đây là themes của Blog Radio các bạn có thể xem tại : Themes WordPress đẹp .

7. Khi Có được themes rồi thì chỉ cần cài đặt nó nữa thôi.

- upload các file themes vào thư mục wp-content\themes

- Đăng nhập vào admin quản trị web bằng cách http://localhost/wordpress/wp-admin và tìm đến menuAppearance -> themes để kích hoạt themes Active đi nhé.

- Cài đặt Widgets . nhìn vào bên phải chưa các chỗ để bỏ widgets.

• mục WPZOOM: Tabs Widget Area : bạn chọn widget Bài Viết Mới ,WPZOOM recent comment

• Mục Side bar : WPZOOM Tab , Category , Links

• Homepage Widgets (full-width) : WPZOOM : 3 Featured Categories

Và sau đó hãy xem thử thành tựu thế nào. Còn muốn để hiển thị slide thì nhớ vào WPZOOM -> theme Options  chọn tab Home page Options và chú ý mục Featured content: marked by a TAG or posted in a special CATEGORY  nếu cọn Tag thì mục Featured Content Slug là từ khóa tag cho bài viết nổi bật

8. Bạn hãy cài đặt các plugin cấp thiết để tối ưu SEO cho website wordpress nhé

Để tìm hiểu thêm nhiều thủ thuật để có một website như bạn mong muốn thì bạn có nên tham khảo tại đây

 

Xem tiếp

Cách tối ưu thẻ h1, h2... đúng cách cho bạn

Hãy thử hình dung qua một cuốn sách thì H1 giống như tựa cuốn sách, các  còn lại sẽ là tiêu đề phần, chương, đề mục lớn, đề mục nhỏ. Các khi nhìn vào nội dung trang web của bạn cũng như bạn đang ngồi trước máy tính nhìn vào và hiểu được đâu là tiêu đề, đâu là mục lớn đâu là mục nhỏ…thông qua chúng ta sử dụng các thẻ Heading Có  6 loại thẻ H1, H2, H3, H4, H5, H6. Con số càng nhỏ thì font chữ hiện ra càng to. tức thị H1 là header lớn nhất và H6 là header nhỏ nhất.

Tác dụng của các thẻ Heading:
 

>>> Bài đăng: Thiết kế Website TM điện tử

H1 : Nội dung chính bạn muốn đề cập, chứa từ khoá bạn cần SEO (mỗi page chỉ nên có một H1).
H2 : biểu đạt ngắn ngọn nội dung chính, có từ khóa bạn SEO (Không lên lặp quá 5 lần ).
H3 : trình bày ngắn ngọn nội dung can hệ (không nên lặp quá 7 lần).
H4 : Không lặp quá 10 lần.
H5 : không nên lặp quá 15 lần.
H6 : không nên lặp quá 20 lần.

 

 

Thẻ H1:

Thường được đặt là tiêu đề của bài viết, muốn SEO từ khóa nào hãy chèn thẻ H1 vào tiêu đề. Thẻ h1 vô cùng quan trong trong SEO, nó giúp Google dễ trên dưới đâu là bài viết của bạn, đâu là tiêu đề chính mà mọi người đang lùng. Thẻ H1 thường dùng font chữ lớn nhất trong font size và chỉ dùng 1 lần độc nhất vô nhị.

Thẻ H2:

Có tác dụng bổ trợ cho thẻ H1. Ví dụ: ở tiêu đề "Đào tạo Seo website chuyên nghiệp" thì có thể đặt thẻ H2 là: Nội dung khóa học Seo chuyên nghiệp?  Phần tả cho thẻ H2 tối đa khoảng 50 ký tự và không nên sử dụng quá 3 lần.
Thẻ H3:

>>> Bài viết khác: Thiết kế web doanh nghiệp


Mô tả ngắn ngọn nội dung liên can, ta có thể chia thẻ H3 ra thành nhiều phần (tựa như folder) là tiêu đề chính cho từng nội dung con. Thẻ H3 không nên chèn từ khóa cần Seo và không nên dùng quá 7 lần.

Thẻ H4, H5, H6:

Càng về sau các thẻ H4, H5, H6 sẽ càng nhỏ dần, font size nhỏ dần & tránh chèn từ khóa trong phần body (nội dung).

Xem tiếp

Cách sử dụng Google Fonts với WordPress

 

Có một vài vấn đề làm hơi sờn lòng với những người mới dùng wordpress là nhiều theme đẹp lộng lẫy lung linh lại không hiển thị được tiếng Việt một cách đúng chuẩn do font chữ đó khi thiết kế website bán hàng hay website thương mại điện tử … vv tuy đẹp nhưng không hỗ trợ các ký tự đặc biệt có trong tiếng Việt như các dấu có mũ, dấu hỏi, dấu ngã,….Lúc đó giải pháp là chúng ta phải thay đổi font chữ trực tiếp trong CSS của theme, mà cách này chỉ hợp với những ai biết qua CSS.

Nếu bạn vẫn đang còn khó khăn với việc đổi font chữ mà không có kinh nghiệm sửa đổi CSS hay thay đổi code trong theme thì có thể tham khảo qua plugin Easy Google Fonts để nhúng các font chữ tương trợ tiếng Việt đẹp mắt vàowebsite  chỉ trong vài cú click.

Font chữ rất quan yếu tới việc hiển thị đẹp hay không . Là một plugin tốt nhất trong việc áp dụng các font chữ đẹp tại thư viện Google Font lên WordPress. Nó cho phép bạn tùy chỉnh loại ký tự, chỉ cần chọn Vietnamese là sờ soạng loại font trên đó đều hỗ trợ cho tiếng Việt, và làm việc tốt trên mọi theme.

Cơ chế hoạt động của nó là hỗ trợ bạn đổi thay chi tiết kiểu font cho các thành phần chính trên WordPress là font của nội dung và font cho các tiêu đề từ heading 1 đến heading 6,….Do đổi font ở chế độ Customize nên bạn có thể trực tiếp xem kết quả thay đổi của nó mà không cần tải lại trang.

thay đổi font cho các phần tử nhỏ

Mặc định plugin này chỉ hỗ trợ đổi font chữ cho phần nội dung bài viết và các thẻ từ h1 đến h6. Nhưng nếu theme bạn phức tạp hơn, có nhiều phần tử khác nhau cần đổi font chữ khác cho nó thì có thể dùng tính năng Custom Control trong Easy Google Font.

Tính năng Custom Control sẽ cho phép bạn thêm một vùng chọn bất kỳ để plugin này có thể thực hành sửa đổi font chữ cho vùng chọn đó. Khi thêm xong thì vào Customize sẽ thấy vùng chọn mà ta vừa mới tạo để thay đổi.

Bạn thấy thế nào về easy-google-font-control-test?

Xem tiếp