Tạo web tin tức với Theme MH Magazine Lite | VN-Zoom | Cộng đồng Chia Sẻ Kiến Thức Công Nghệ và Phần Mềm Máy Tính

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We need money to operate the site, and almost all of it comes from our online advertising.

Please add https://vn-z.vn to your ad blocking whitelist or disable your adblocking software.

×

Tạo web tin tức với Theme MH Magazine Lite

rs_lyly2009

Former Moderator
Thành viên BQT
Former Moderator
Trong bài viết này chúng ta sẽ tự tay thiết kế website tin tức từ Theme MH Magazine Lite, tạo bởi MHThemes.
mh-magazine-lite-wordpress-theme.jpg

Bước 1. Mua tên miền và Hosting

Tên miền
là địa chỉ của website trên Internet, có dạng: themevi.com, vn-z.vn, vnexpress.net, dantri.com.vn. Nó giống với địa chỉ của ngôi nhà.
Hosting là nơi lưu trữ toàn bộ dữ liệu của website bao gồm bài viết, hình ảnh, video, tài liệu…Nó giống như mảnh đất để xây ngôi nhà.
Mình khuyến khích mua tên miền tại Namesilo. Đây là đại lí chính thức của ICANN, và giá tên miền .COM ở đây gần như rẻ nhất thị trường luôn, chỉ khoảng 200k/năm (rẻ hơn chỗ khác 50-100k/năm).
Mã giảm 1$: VN-ZOOM
Chỉ áp dụng cho tài khoản mới. Mỗi mã xài 1 lần.

Và hosting bạn nên chọn ở Azdigi Thạch Phạm (Việt Nam). Do Thạch Phạm, admin Thachpham.com lập ra, với giá từ 50k/tháng (đủ cho 1 web tin tức nhỏ rồi).
Mã giảm 10% Hosting: VN-ZOOM

Tiếp theo bạn cần trỏ tên miền về Hosting. Trường hợp mua tên miền và hosting cùng 1 công ty, 1 thời điểm thì không cần. Mình đã viết một bài khá chi tiết về cách trỏ tên miền.

Bước 2. Cài đặt WordPress

WordPress là mã nguồn mở được 28% website trên Internet sử dụng. Nó mang lại nhiều tính năng mạnh mẽ cho người dùng, mà không cần bất kỳ kiến thức kĩ thuật nào.

Xem thêm: Hướng dẫn cài đặt WordPress

Bước 3. Cài đặt MH Magazine Lite Theme

Bấm vào Appearance > Themes > Add New

appearance-themes-add-new-min.png


Gõ mh magazine lite vào ô tìm kiếm > Di chuột lên hình ảnh Theme > Bấm Install
mh-magazine-lite-theme1-min.png


Sau đó bấm Activate
mh-magazine-lite-theme2-min.png


Bước 4. Cài đặt Logo
Mặc định MH Magazine Lite sẽ hiển thị Tên và Slogan web. Bạn có thể ẩn nó đi và thay bằng Logo.
mh-magazine-lite-theme-logo1-min.png

Chọn Select Logo > Select Files > Select > Skip Cropping
mh-magazine-lite-theme-logo3-min.png

Và Publish
mh-magazine-lite-theme-logo4-min.png


Bước 5. Menu
Bạn cần tạo các bài viết, trang hoặc chuyên mục bạn muốn.
create-contact-page1-min.png

create-contact-page2-min.png

create-category-2-min.png


Sau đó tạo Menu theo hướng dẫn này.

Bước 6. Cài đặt Trang chủ
Đầu tiên tạo một trang gọi là Home (Trang chủ)
mh-magazine-lite-theme-create-home1-min.png

Sau đó chọn Template là Homepage
mh-magazine-lite-theme-create-home2-min.png


Tiếp tục thiết lập nó là Trang chủ của website
mh-magazine-lite-theme-create-home3-min.png


Bước 7. Slider
mh-magazine-lite-theme-slide-1-min.png

Đi tới Appearance > Widgets > Kéo MH Slider Widget [lite] qua Home 2 – 2/3 Width
mh-magazine-lite-theme-slider-2-min.png

và sửa rồi lưu
mh-magazine-lite-theme-slider-3-min.png


Bước 8. Khối tin tức (Dưới slider)

mh-magazine-lite-theme-custom-posts1-min.png

Appearance > Widgets > Kéo MH Custom Posts [lite] > Thả vào Home 3 – 1/3 Width & Home 4 – 1/3 Width
mh-magazine-lite-theme-custom-posts2-min.png

và Sửa
mh-magazine-lite-theme-custom-posts3-min.png

Bước 9. Khối tin tức 2
mh-magazine-lite-theme-custom-posts4-min.png

Appearance > Widgets > Kéo MH Custom Posts [lite] > Thả to Home 3 – 1/3 Width & Home 4 – 1/3 Width
mh-magazine-lite-theme-custom-posts5-min.png

Sửa và lưu
mh-magazine-lite-theme-custom-posts6-min.png

Làm tương tự với khối tin tức 3
Bước 10. Khối ảnh quảng cáo
mh-magazine-lite-theme-upgrade-to-1-min.png

Appearance > Widgets > Kéo Text Widget > Thả vào Home 5 – 2/3 Width
mh-magazine-lite-theme-upgrade-to-2-min.png

Sửa và Lưu. Để tạo nền bạn cần sử dụng chút CSS. Sẽ nói ở bước sau.
mh-magazine-lite-theme-upgrade-to-3-min.png

Bước 11. Footer
mh-magazine-lite-theme-footer1-min.png

Appearance > Widgets > Kéo Widget: Text, Categories, Recent Posts > Thả vào Footer 1, Footer 2, Footer 3 and Footer 4
mh-magazine-lite-theme-footer2-min.png

Sửa Recent Posts Widget ở Footer 1 – 1/4 Width rồi lưu. Phần tiêu đề nếu để trắng nó sẽ hiện lên tiêu đề mặc định.
mh-magazine-lite-theme-footer3-min.png

Sửa Text Widget ở Footer 2 – 1/4 Width (cần tiêu đề)
mh-magazine-lite-theme-footer4-min.png

Sửa Categories Widget ở Footer 3 – 1/4 Width
mh-magazine-lite-theme-footer5-min.png

Sửa Text Widget ở Home 4 – 1/4 Width (cần tiêu đề)
mh-magazine-lite-theme-footer6-min.png

Bước 12. Copyright
mh-magazine-lite-copyright1-min.png

Ẩn Copyright
Nếu bạn chỉ muốn ẩn cái dòng chữ Copyright, thì có thể:
appearance-customize1-min.png

mh-magazine-lite-copyright2-min.png

Và chèn từ dòng 01-04

rồi Publish
mh-magazine-lite-copyright3-min.png

Tùy chỉnh Copyright
Nếu bạn không muốn ẩn mà muốn đổi chữ, đổi liên kết…
Appearance > Editor
mh-magazine-lite-copyright4-min.png

bạn sẽ thấy
mh-magazine-lite-copyright5-min.png

Đổi theo cách bạn muốn và Lưu
mh-magazine-lite-copyright6-min.png

và kết quả
mh-magazine-lite-copyright7-min.png

Bước 13. Sidebar bên phải ở Trang chủ

Thanh tìm kiếm
Appearance > Widgets >Kéo Search widget > Thả vào Home 6 – 1/3 Width
mh-magazine-lite-theme-sidebar-search-min.png

Ảnh 01
Appearance > Widgets > Kéo Image widget > Thả vào Home 6 – 1/3 Width (bên dưới Search Widget). Bấm Add Image để tải ảnh lên.
mh-magazine-lite-theme-sidebar-image-ads1-min.png

Khối “You may also like…”
Appearance > Widgets > Kéo MH Custom Posts [lite] > Thả vào Home 6 – 1/3 Width
mh-magazine-lite-theme-sidebar-post1-min.png

Sửa
mh-magazine-lite-theme-sidebar-post2-min.png

Và kết quả
mh-magazine-lite-theme-sidebar-2-min.png

Ảnh 2 và Tag Cloud
Appearance > Widgets > Kéo Image và Tag Cloud Widget > Thả vào Home 6 – 1/3 Width
mh-magazine-lite-theme-sidebar-tag-cloud1-min.png

Hoàn thành
mh-magazine-lite-theme-sidebar-tag-cloud2-min.png

Bước 14. Sidebar phải (trừ trang chủ)
Làm tương tự Bước 13, nhưng là thả Widget đến Sidebar
mh-magazine-lite-theme-global-sidebar1-min.png

Xong! Vậy là bạn đã tự tay tạo một website tin tức đơn giản, nhưng rất đẹp từ MH Magazine Lite Theme rồi!
 
Sửa lần cuối:

rs_lyly2009

Former Moderator
Thành viên BQT
Former Moderator
Bạn ơi bạn có thể share theme này không ạ em cảm ơn
Bác đăng nhập vào WordPress > Giao diện > Tùy chỉnh (hoặc Tùy biến) > Thêm mới > Gõ MH Magazine Lite vào ô tìm kiếm là thấy. Theme này free mà, có phải có phí đâu bác {feel_good}
 

love2learnonline

Rìu Sắt
Bạn ơi, mình phải vào đâu để đăng nhập WordPress được ạ, thật sự không biết luôn, đừng cười mình nhé!
:) Bạn muốn vào được giao diện WordPress thì bạn phải cài đặt WordPress trên Host (Free hoặc trả phí), sau khi cài đặt nó, bạn sẽ có thông tin để đăng nhập Blog (WordPress) của bạn. Từ giao diện này (giao diện mặc định của WordPress), bạn sẽ tìm thấy Themes như hướng dẫn trên.
*) Điều kiện bạn phải có trước khi thao tác được như trên:
- Domain - tức tên miền (miễn phí hoặc trả phí)
- Hosting - nơi lưu trữ trang web của bạn (miễn phsi hoặc trả tiền)
P/S: Nếu bạn chưa biết gì về cài đặt WordPress, các thông tin, trình tự để làm 1 trang web, bạn nên tìm hiểu về nó. Mọi thông tin đều có trên Google hoặc các TUT trên Youtube cả. :)
***):(: Cuối ngày mình quay lại, đọc kỹ bài chia xẻ của bạn @rs_lyly2009, thông tin hướng dẫn khá chi tiết, bạn đọc kỹ là làm được mà. Tuy nhiên mình nghĩ trong bài viết mọi người hay dùng lẫn tiếng Anh cho các thông số, cụm từ kỹ thuật, nên nó có thể sẽ khó cho các bạn mới làm quen với thế giới IT (ở đây là làm website). Nhiều từ sẽ không có nghĩa rõ ràng khi tra từ điển - trong trường hợp tiếng Anh của bạn chưa tốt thì thật sự rất khó hiểu trong 1 số trường hợp...
 
Sửa lần cuối:

win100cc

Búa Gỗ
bác cho hỏi mình làm ok hết rồi chỉ còn băn khoăn 1 chỗ đó là trang chi tiết bài viết phần tiêu đề nó bị giới hạn kí tự , mình có tìm trong theme option , mục general mình có thấy nó đề là 25 và mình đã thay đổi thành 60 nhưng khi public xong thì f5 lại thì nó vẫn thế, bác có thể trợ giúp vấn đề này được ko ạ, ko biết là phải chỉnh ở đâu cho nó full tiêu đề
 

rs_lyly2009

Former Moderator
Thành viên BQT
Former Moderator
bác cho hỏi mình làm ok hết rồi chỉ còn băn khoăn 1 chỗ đó là trang chi tiết bài viết phần tiêu đề nó bị giới hạn kí tự , mình có tìm trong theme option , mục general mình có thấy nó đề là 25 và mình đã thay đổi thành 60 nhưng khi public xong thì f5 lại thì nó vẫn thế, bác có thể trợ giúp vấn đề này được ko ạ, ko biết là phải chỉnh ở đâu cho nó full tiêu đề
inbox em link web + tk admin. Mai mốt em rảnh em vô coi.
Chứ bữa viết xong hướng dẫn rồi xóa theme luôn, chứ không xài {canny}
 


Top