Xay-dung-blog-chuyen-nghiep-trong-1-gio-VHWHướng dẫn Xây dựng Blog chuyên nghiệp là Series các bài viết mà VHW sẽ chú trọng hoàn thiện trong tháng 1/2017 với nhiều Case Study khác nhau để các bạn mới bắt đầu dễ chọn lựa được loại blog nào phù hợp với sở thích và điều kiện của mình.

Case Study đầu tiên là ngocdenroi.com của Anh Ngọc, thực ra Quỳnh đã viết xong hướng dẫn này ngay sau chương trình Tặng 30 suất Group Buy Beginner Theme, nhưng đùng một cái Anh Ngọc update blog của anh ấy với theme khác chứ không dùng Beginner nữa và cấu trúc nội dung cũng được nâng lên một đẳng cấp mới nên Quỳnh đã bị việt vị ngay từ đầu!

Lần này thì Quỳnh không thăm dò được anh Ngọc dùng theme gì, đoán là Genesis Framework nhưng không chắc lắm nên đã nhờ Super Ad sang đó do thám, và kết quả đầy bất ngờ, ngocdenroi.com dùng MyThemeShop SteadyIncome!

Tại sao lại chọn ngocdenroi.com?

ebook-cover-thong-tri-wordpress_mua_ngay
Sách cần đọc cho mọi WP Blogger!

Đơn giản! Cách tốt nhất để tiến bộ là học từ những người giỏi nhất. Anh Ngọc là một trong những người đáng để học hỏi nhất với ngocdenroi.com, một blog đã có tên tuổi nhất định tại VN với rất nhiều bài viết giá trị chia sẻ kinh nghiệm viết blog và kiếm tiền online. Chúng ta sẽ tìm hiểu cách anh ấy xây dựng ngocdenroi.com và học hỏi từ đó.

Vậy chúng ta có copy ngocdenroi.com và đi theo con đường của Anh Ngọc? Cái đó tùy vào bạn, series này chỉ hướng dẫn bạn xây dựng một blog với những tính năng chuyên nghiệp, còn cái quan trọng nhất, là nội dung phát triển thế nào hoàn toàn do bạn quyết định.

Chúng ta có thể đi theo dấu chân người thành công và gom nhặt ít nhiều từ đó. nhưng về lâu dài, chúng ta sẽ hạnh phúc hơn nếu khám phá được con đường thành công của riêng mình.

Series này sẽ có 6 phần nhỏ bạn có thể hoàn thành chỉ trong 1 giờ

  1. Overview: tìm hiểu giao diện và các tính năng của ngocdenroi.com.
  2. Cài đặt SteadyIncome và các Plugins cần thiết.
  3. Xây dựng Home Page.
  4. Xây dựng Blog Page.
  5. Tăng tốc, Tối ưu SEO & Bảo mật.
  6. Cá nhân hóa Blog & Gơi ý để phát triển nội dung.

PHẦN 1 – OVERVIEW

Trong phần 1 chúng ta sẽ tìm hiểu theme & plugins của ngocdenroi.com và xem qua các phần giao diện & tính năng có trên blog này.

Theme và các plugins của ngocdenroi.com

SteadyIncome là một trong những cái tên nổi tiếng nhất của MyThemeShop, được giới bloggers thế giới ưa chuộng chẳng kém gì Schema, SociallyViral hay PointPro, Authority. Đây là themes hỗ trợ rất mạnh cho author blog và affiliate marketing blog, nếu kết hợp tốt nó với những plugins mạnh mẽ của MyThemeShop, bạn có thể tạo ra một blog cực chuyên nghiệp, mà ví dụ thực tế nhất chính là ngocdenroi.com. – xem demo tại đây.

-Plugins dùng trên ngocdenroi.com:

  • WP Subscribe Pro của MTS: tạo các Op-tin Form rất đẹp để xây dựng Mailing Lists, hỗ trợ cả Popup lẫn Inline, có thể kéo thả mọi nơi trong blog như sidebar, footer, post, page.
  • WP Notification Bar Pro của MTS: tạo các thanh thông báo nổi bật và đa năng.
  • WP Tab Widget Pro: tạo tab widget đẹp, khả năng tùy biến cao và hỗ trợ ajax load.
  • WP Rocket: tăng tốc bằng kỹ thuật Caching, đây là plugin trả tiền rất đáng dùng, nhưng giá khá đắt, VHW khuyên những người mới bắt đầu nên dùng WP Super Cache, plugin miễn phí rất dễ dùng và hiệu quả để tăng tốc blog.
  •  Q2W3 Fixed Widget: bổ sung tính năng fixed widget cho blog (giữ một widget nào đó cố định khi người dùng cuộn trang.
  • Contact Form 7: form liên hệ free tốt nhất, tích hợp tốt với các plugins Op-tin Forms.
  • Plugins free của MTS: được SteadyIncome yêu cầu cài đặt ngay sau khi activate theme như WP Review, WP Shortcode,…chúng ta sẽ thay thế một số phiên bản Pro để có tính năng mạnh hơn.
  • Các Plugins cần thiết khác VHW khuyên dùng : Yoast SEO, WP Super Cache, URL Shortener, iThemes Security, OTF Regenerate Thumbnails.

Các giao diện và tính năng của ngocdenroi.com

Blog ngocdenroi.com có 2 giao diện chính, homepage có dạng fullwidth (no siderbar template) và blog page hay các category page có dạng right-sidebar (default template) đây cũng chính là 2 template chính được tạo sẵn trong theme, khi tạo page mới ta có thể chọn 1 trong 2 template này.

2 giao diện trên ngocdenroi.com cũng chính là 2 giao diện trong demo của SteadyIncome, nên khi cài đặt xong theme, activate và import demo, ta hầu như không cần chỉnh sửa gì thêm. Ta chỉ chú trọng đến các tính năng chính trên đó.

Trước hết, ta xét trang chủ, bạn có thể xem trực tiếp tại ngocdenroi.com

ngocdenroi-com-home-page-note

Hãy xem qua từng phần trên trang chủ:

  1. Notification Bar – dùng MTS Notification Bar Pro plugin, có thể hỗ trợ rất nhiều dạng như text & button, social links, search form, newsletter form, count-down, video popup và post content. Trên ngocdenroi.com như trong hình, dùng dạng text & button để thông báo người dùng về việc 2 ebooks của anh Ngọc đang giảm giá, đây là một dạng tiếp thị rất hiệu quả vì ngay khi vào blog, nó đập ngay vào mắt người đọc (tất nhiên khá tinh tế chứ không phải kiểu quảng cáo gây phiền toái).
  2. Menu với Icons – chỉ là menu bình thường nhưng MTS tích hợp sẵn tính năng thêm icon cho các Menu Items, tương tự như dùng plugin Font-Awesome 4 Menus (như vuihocweb.com hay nhiều blog khác đang dùng).
  3. Home Banner – đây là block được tích hợp sẵn trên fullwidth template, hỗ trợ thêm ảnh, text và button. Đặt biệt nhất là button sẽ được kết hợp với MTS Subscribe Pro Widget để khi bạn kích vào sẽ hiện ra Subscribe Form. Tính năng này rất tuyệt để bạn giới thiệu các chương trình nổi bật và thu hút người dùng đăng ký tham gia.
  4. WP Subscribe Pro Home Widget – cho phép bạn kéo thả Subscribe Form vào khu vực Home Banner để người dùng đăng ký, có thể hiển thị từ đầu hoặc kích vào button để hiện ra như đã nói ở trên.
  5. Social Icons & Books Section: phần nội dung này giúp bạn thêm các links tài khoản mạng xã hội và đặt biệt bên phải là khu vực giới thiệu các sản phẩm, dịch vụ nổi bật bạn đang cung cấp. Như ngocdenroi.com là giới thiệu về 2 cuốn sách anh ấy đang bán.
  6. Featured & Latest Post – Đây là nội dung bạn có thể tùy chỉnh hiển thị hoặc không trên Home page, bao gồm Featured Post giới thiệu bài viết nổi bật và Latest Post giới thiệu bài mới nhất.
  7. Footer Carousel Slider – khu vực này thuộc footer template, hỗ trợ dạng Carousel Slider để bạn giới thiệu danh sách các dịch vụ khuyên dùng hay danh sách các khách hàng dùng dịch vụ, sản phẩm của bạn.
  8. Footer with 4 Widgets – SteadyIncome hỗ trợ 2 loại, 3 widgets và 4 widgets ở footer giúp bạn kéo thả từng widget vào các cột này.
  9. Footer Copyright & Footer Menu – bạn có thể tùy chọn hiển thị hoặc không.
  10. Push Notification – Tính năng thời thượng hiện nay, giúp người dùng có thể đăng ký nhận thông báo từ trình duyệt. Hiện ngocdenroi.com và nhiều bloggers nổi tiếng khác đang dùng dịch vụ miễn phí tuyệt vời của OneSignal, có thể tham khảo hướng dẫn của Thạch Phạm.

Tiếp theo, xem qua Blog Page và Category Page :

Xây dựng blog chuyên nghiệp trong 1 giờ - VHW Tuts

Ngoài khu vực Header và Footer dùng chung nội dung của Home Page, có 5 mục đáng chú ý khác:

  1. Header right Text & Button: một mục nhỏ giúp bạn gây chú ý người dùng, nó hiển thị cả trong blog page lẫn post page.
  2. Blog Articles List – hiển thị danh sách bài viết với 3 styles khác nhau, ngocdenroi.com dùng style 2 với kiểu Featured Image lớn và Title & Metadata hiển thị phía trên Image. Riêng tính năng Pagination cũng có thể chọn kiểu Numbered truyền thống hay dạng Next – Previous và Ajax Loading More.
  3. Text Widget: widget này bạn có thể dùng với text, image hoặc shortcode.
  4. Categories Widget: hiển thị các danh mục và số lượng bài viết của từng danh mục.
  5. WP Tab Widget: như trong hình, ngocdenroi.com dùng dạng default thường thấy với 3 Tab là Recent – Popuplar – Comment. Plugin WP Tab Widget Pro còn hỗ trợ tùy chỉnh rất nhiều loại tuyệt đẹp khác. Tham khảo tại đây.

Qua phần 1, có lẽ bạn đã hình dung được những gì cần thiết để có một blog chuyên nghiệp như ngocderoi.com. Trong phần tiếp theo, chúng ta sẽ cài đặt SteadyIncome và các plugins cần thiết.

Phần 2 – Cài đặt MTS SteadyIncome và các Plugins cần thiết

23 COMMENTS

  1. Chào bạn, cảm ơn về bài viết khá bổ ích của bạn. Mình có thắc mắc rằng hiện nay nên thuê hosting ở đâu là tốt nhất? (nhắm đến người dùng Việt Nam)

    • Hola!
      Hosting cho người dùng VN tốt nhất lúc này là HawkHost ạ, location Hong Kong hiện nhanh chẳng kém gì hosting trong nước, rất ổn định nữa. Hiện Quỳnh đang chạy trên 10 website làm demo ở gói thấp nhất của HawkHost (pạn tham khảo thử wpblog.pro, một trong các demo ở đây).
      Nếu chạy nhiều website nặng bạn có thể dùng A2Hosting gói Twist hoặc SiteGround, tốc độ nhanh và chịu tải rất tốt.

      • Nếu tập trung cho người dùng VN và châu Á thì HawkHost tốt hơn ạ, nhanh hơn StableHost nhiều. Còn nếu tập trung khách hàng Mỹ và Châu Âu thì StableHost hay Hostgator, A2Hosting, DreamHost đều tốt hơn HawkHost.

    • Mình đã dùng qua 2 host là goddady và hostgator thấy sức chịu tải trâu bò và tốc độ nhanh lắm, hầu như không có độ trễ, gói 1tr3 có thể chạy cùng lúc 27 site mà không lo gì hết nhé.

  2. Chào Tiểu Quỳnh, bạn có bán theme này không vậy? Mình đã mua Dreamhost trong link của bạn, mình muốn nhận Steady Income và cài đặt như bài này có được không?

    • Hola Trung!
      Quỳnh sẽ mở Group Buy, có cả bộ themes & plugins của MyThemeShop.
      Pạn mua DreamHost theo link của VHW rồi thì email tới quatang@vuihocweb.com nha,Quỳnh sẽ hỗ trợ cài đặt như ngocdenroi.com trong 24 giờ. Bạn gởi thông tin thanh toán (ngày mua, tên miền đăng ký hosting nếu có) và thông tin tài khoản Hosting.Quỳnh xác thực xong sẽ tiến hành cài đặt cho pạn, cũng như cấp quyền cho bạn truy cập cả bộ MyThemeShop trong 1 năm trong Group Buy qua Google Drive.
      Thanks pạn đã ủng hộ VHW!
      Have a nice day!

      • Sorry Thanh Tùng!
        Không cần phải mua Hosting mới được Join GB ạ, Quỳnh vẫn còn bận support 100 thành viên đầu tiên xây dựng blog và viết series hướng dẫn nên mấy hôm nay chưa mở lại GB cho thành viên mới. Quỳnh sẽ đưa thông tin ngay trong hôm nay, và email cho thông báo cho mọi người ạ.
        Chương trình quà tặng Theme cũng update ngay trong hôm nay. Đáng lẽ hôm qua đã xong nhưng Super Ad nhờ tải các khóa học trên Udemy về để share cho các bạn của a ấy nên Quỳnh vẫn còn lo down – up và sắp xếp nội dung!
        Hẹn gặp lại Thanh Tùng chiều nay nha!
        Have a nice day!

      • Chào Quỳnh.
        Mình chuẩn bị mua hosting mới thì đọc ngay blog này hehe.
        đợt trước mình mua host ở godaddy, nhưng load rất lâu. giờ mình tính chuyển qua host khác ( có thể HawkHost, vì mình nghe review nói tốc độ rất ok mà lại rẽ so với mấy thằng khác ). không biết Q còn hổ trợ cài đặt k ạ, mình muốn cài 1 blog như Ngocdenroi.com ạ.

      • Good Midnight!
        Hehe, khuya thế này chỉ có mình reply được thôi. Godaddy yếu là chắc chắn, HawkHost dùng ok, nhanh nhất hiện nay so với các Hosting khác.
        Bạn mua qua link vhw, xong gởi thông tin ngày mua và email dùng mua HawkHost vào email vuihocweb@gmail.com. Bé Quỳnh hoặc mình sẽ cài đặt cho bạn như ngocdenroi.com, tất nhiên sau đó bạn phải tự thay đổi các hình ảnh, banner và facebook api.
        G9!

      • ad ơi, chạy 3 site mà gói HawkHost hay a2 có ổn k ạ. có nên sử dụng gói vultr k ạ?

      • 3 site nếu lượng người truy cập cùng lúc ít thì dùng gói Pro của HawkHost cũng ổn ạ. Nếu các site có source nặng pạn có thể dùng A2 gói Swift, sau này nến nhiều người truy cập nâng lên Turbo cũng tiện.
        Vultr dùng tốt, gói 1Gb trỏ lên, nhưng hơi mất thời gian cài đặt và quản lý cả 3 site, nếu pạn chịu khó một xíu thì dùng VPS Vultr hay Linode gói 1gb trở lên đều ổn.

      • xài VPS Vultr có cần biết code này nọ đồ k Q, tại mình k biết gì về code cả?
        nếu mình đăng kí gói 5$/thang VPS vultr qua link của Q thì có đc hưởng khuyến mãi cài đặt blog giống như ngocdenroi k ạ?

      • Sorry reply trễ!
        Dùng VPS thì lúc cài đặt websites sẽ hơi mất công một xíu, cũng như dùng CloudFlare hay Let’s Encrypt SSL cũng phải cài thủ công chứ không có sẵn như Hosting cPanel. Nếu có thời gian tìm hiểu thì pạn cứ thử dùng VPS đừng ngại!
        Riêng cài website giống NgocDenroi thì bạn đăng ký VPS hay Hosting qua link của VHW cũng sẽ được Quỳnh hoặc S.Ad cài đặt theme SteadyIncome và các Plugins và tùy chỉnh giống ngocdenroi, cũng như tối ưu một số thiết lập cần thiết ban đầu cho website. Riêng VPS thì pạn cứ cài đặt WordPress xong, gởi thông tin đăng nhập website vào vuihocweb@gmail.com để VHW cài đặt giúp nhé!
        Happy Holiday!

LEAVE A REPLY

Please enter your comment!
Please enter your name here