Dạo gần đây lang thang trên mạng phất hiện ra một điều cực kỳ là hay luôn, mình thấy khá nhiều web đang sử dụng mẫu theme thần thánh của genesis theme, mình cũng chưa hiểu lý do tại sao, logic sâu xa hơn một tí thì mình nhận thấy mẫu theme này SEO rất tốt nên rất nhiều người chọn nó để sử dụng. Vậy mình đang nói đến mẫu theme nào?
Đó chính là Magazine Pro một child theme nổi tiếng của studiopress.com, mình cũng là fan hâm mộ của Magazine Pro, cũng đã nửa năm mình biết biết genesis, điều mình cực kỳ ấn tượng với nó là toàn bộ theme genesis rất nhẹ, đơn giản không mầu mè, và có thể tuy biến theo phong cách cá nhân hóa mỗi người, không những thế genesis khá phổ biến ở thị trường việt nam. Và bài viết này mình share theme Magazine Pro cho bạn nào chưa có.
- 1 Ai đang sử dụng theme Magazine Pro?
- 2 Demo theme Magazine Pro mới nhất
- 3 Tính năng cơ bản của Magazine Pro
- 4 Plugins được đề xuất sử dụng cho Magazine Pro
- 5 Hướng dẫn tải theme Magazine Pro
- 6 Hướng dẫn kích hoạt Magazine Pro
- 7 Hướng dẫn cài đặt theme Magazine Pro
- 8 Link Download Magazine Pro và Genesis Framework
- 9 Lời kết
Ai đang sử dụng theme Magazine Pro?
WP Canban
Là một trong những Blog chia sẻ kiến thức xây dựng WordPress blog và sử dụng Hosting rất nổi tiếng hiện nay. Tác giả Bùi Trung Hiếu hiện đang dùng theme Paradise – một theme được chỉnh sửa từ Magazine Pro của Genesis Framework được WPcanban Team phát triển và khá nhiều người ưa chuộng!
Itidea
Là một blog chuyên chia sẻ về thủ thuật wordpress, makerting, và hiên nay đang nổi lên với những bài viết về genesis, nếu bạn là một tín đồ về genesis thì không thể bỏ qua trang web này. Tác giả Vũ minh Chiến người phát triển mẫu Magazine Pro cải tiến này.
WPBeginner
WPBeginner là blog nổi tiếng nhất trong thế giới WordPress hiện nay, với hệ thống kiến thức về sử dụng WP đồ sộ và luôn được cập nhật liên tục. Đằng sau WPBeginner là Syed Balkhi – một trong số những doanh nhân trẻ được nhiều người thần tượng nhất trong thế giới WordPress, S.Balkhi cũng là người sáng lập trang tin tức giả trí nổi tiếng List25, và hàng loạt Plugins nổi tiếng như OptinMonster, SoliloquyWP, Envira Gallery, WPForms ,MonsterInsights.
Là hệ thống blog khác của S.Balkhi đang dùng các child theme tự phát triển dựa vào Genesis Framework, có thể nói, thiết kế của child-theme WPBeginner cực kỳ tinh tế, tạo ra một phong cách – đẳng cấp riêng không lẫn vào đâu được.
Đó chỉ là một số nhỏ những người anh em cùng sử dụng Genesis mà thôi, và mình cũng là một trong số đó, còn bạn thì sao? Tiếp tục trở lại nội dung chính của bài viết hôm nay mình muốn chia sẻ cho các bạn bộ theme Magazine Pro nguyên gốc phiên bản mới nhất từ studiopress.com đi kèm với bộ Genesis Framework 2.5.2 cho bạn nào thích dùng genesis.
Demo theme Magazine Pro mới nhất
Để xem demo các bạn có thể truy cập trực tiếp vào địa chỉ sau xem demo trên sudiopress.com hoặc demo ảnh chụp màn hình:
Tính năng cơ bản của Magazine Pro
Tất cả các child theme của Genesis đều hiển thị tốt trên điện thoại di động và có đánh dấu html 5 và Schema.org, ngoài ra, Magazine Pro có các tính năng sau:
- Bốn kiểu màu sắc: Chọn màu phù hợp nhất với thương hiệu của bạn. Chọn từ xanh, xanh, cam và đỏ. Trang demo sử dụng màu đỏ.
- Sáu tùy chọn bố cục: Chọn từ sáu tùy chọn bố cục của thanh bên và nội dung, bao gồm tùy chọn toàn bộ chiều rộng.
- Bốn mẫu trang: Đi kèm với các mẫu trang Lưu trữ, Blog, Cột và Landing.
- Tiêu đề tùy chỉnh: Tải lên Logo của riêng bạn bằng cách sử dụng trình tải lên WordPress.
- Menu tùy chỉnh: Hỗ trợ các menu tùy chỉnh của WordPress, cho phép bạn tạo các menu của riêng bạn.
- Hình ảnh nổi bật: Hỗ trợ các hình ảnh nổi bật của WordPress.
- Chiều rộng cố định: Cho phép bạn kiểm soát giao diện chính xác của trang web của bạn.
- Tùy chọn chủ đề: Cho phép bạn kiểm soát nhiều tùy chọn chủ đề của bạn từ trong khu vực quản trị WordPress.
Plugins được đề xuất sử dụng cho Magazine Pro
- Genesis eNews Extended: Plugin tạo from đăng ký email cho genesis
- Genesis Simple Edits: Plugin chỉnh sửa info post genesis
- Genesis Share: Plugin chia sẻ bài viết lên mạng xã hội dành riêng cho genesis
- Genesis Connect for WooCommerce: Plugin này cho phép bạn tích hợp woocommerce với genesis framework và genesis child themes.
Vậy đây là những gì bạn cần làm để xây dựng nên một trang web sử dụng magazine pro theme.
Hướng dẫn tải theme Magazine Pro
Trước tiên để có thể sử dụng bạn cài tải Genesis Framework 2.5.2 & Magazine Pro link download mình để ở cuối bài viết.
Hướng dẫn kích hoạt Magazine Pro
Nếu bạn đã sử dụng genesis rồi thì việc cài đặt magazine pro tương tự như các child theme khác.
Đầu tiên bạn vào WordPress Dashboard, chọn Appearance > Add New Themes. Tiếp tục chọn tab Upload và click Choose File. Tiếp đó, bạn chọn đường dẫn tới file theme chính chứa genesis frameword 2.5.2 vừa tải, chọn nó và nhấn Install Now.
Sau khi cài đặt thành công, bạn không active Genesis Framework ngay mà quay trở lại và tiếp tục tải lên Magazine Pro, sau đó active và sử dụng.
Hướng dẫn cài đặt theme Magazine Pro
Nhiều bạn mới sử dụng genesis thì việc cài theo demo mẫu là một việc cực kỳ khó khăn, có khá nhiều bạn hỏi mình trên facebook về cách cài đặt theme như thế nào? đừng lo vì đã có mình ở đây rồi, nội dung bên dưới mình sẽ hướng dẫn các bạn cách làm thế nào để cài đặt magazine pro giống với demo.
Cài đặt logo
Truy cập Appearance > Customize > Header Images, kích thước logo cho phép 760 x 180
Cài đặt mầu link
Truy cập Appearance > Customize > Color.
Truy cập Appearance > Menus
- Before head menu: Tạo một menu mới với tên before-head-menu thêm menu cần hiển thị và tích vào before head menu.
- After head menu: Tạo một menu mới với tên after-head-menu thêm menu cần hiển thị và tích vào after head menu.
lưu ý: Thêm CSS right và left nếu muốn menu sang góc trái và phải màn hình.
Cài đặt Head right
Appearance > Customize > Widgets > Head Right
Kéo tiện ích text và chép toàn bộ mã sau:
Appearance > Customize > Widgets > Primary Sidebar.
Appearance > Customize > Widgets > Footer 1
Appearance > Customize > Widgets > Footer 2
Appearance > Customize > Widgets > Footer 3
Link Download Magazine Pro và Genesis Framework
- Tải xuống ngay magazine pro và genesis framework Link Google Drive
Lời kết
Đó, đó là những gì bạn cần làm để có thể cài đặt magazine pro giống demo 100%, hy vọng đọc xong bài viết này bạn có thể tự tay thiết kế cho mình một giao diện tuyệt đẹp theo đúng sở của mình.
Hãy cho tôi biết ý kiến của bạn về bài viết này để tôi biết sự xuất hiện của bạn!
Anh em lại có theme ngon để dùng, thanks ad Mạnh
ok! chúc bạn thiết kế trang web của mình như mong muốn :3
Share rồi mà có liện link đâu, chán vãi!
Bạn phải share bài viết này nó mới hiện ra link download 😀
Mình share rồi ấy chứ! chức năng này không có tương tác thì phải
nó đang bị lỗi ro mình cài rocket bạn share lên tw nhé
Thanks very interesting blog!
Tks admin
ok b
Làm sao để chỉnh font chữ to và đẹp giống của bạn vậy?
ở đâu hả bạn?
Test bằng tài khoản Admin
Hi bạn,
Bạn có thể hướng dẫn mình để hiển thị post ra ngoài homepage được không. Mình thử mày mò nhưng chưa có cách
Tks bạn nhiều!
bạn xem bài viết ngoài chuyên mục genesis framework nhé!
Nhờ bạn mà mình biết được theme của wpcanban mà bấy lâu nay cứ thắc mắc. Cảm ơn
ok bạn!
Code này là null hay bản quyên zậy bác ?
tất nhiên là bản quyền rồi bạn!
Link tải trong bai viet là Genesis Framework 2.5.0 bạn à.
có cả 2 theme bạn nhé!
bạn có bán lại theme Magazine Pro by Studiopress, hỗ trợ update không . Mình muốn mua theme này
bạn liên hệ mình qua m.me/manhleo93 nhé
Mình thấy trong demo theme có cái ngày tháng màu hồng September 10,2013! Làm sao để làm như vậy được vậy? mình edit loay hoay mãi mà chỉ còn thiếu mỗi cái đó? Bạn giúp mình được k?
Cía này phải sửa css bạn ơi!
Bạn ơi mình chuyên về code nè! Bạn có thể chỉ mình chỉnh sửa được không?
Mình contact facebook bạn rồi đó!
Bạn ơi cho mình hỏi chỗ phần Demo theme Magazine Pro mới nhất mình xem hình thì đẹp nhưng khi vào website của nó và live demo thì nhìn thấy xấu, với lại cài xong không biết vào đâu chỉnh font chữ.
Link die rồi ad ơi!
Anh có thể hướng dẫn tùy chỉnh giống trong hình cài đặt trong bài viết không ạ? Đẹp quá!!
Hình nào bạn ơi!
Dạ như hình này nè, chỉnh màu sắc menu bên dưới, bên trên, font chữ nữa. Nhìn đẹp quá ạ. Với link bị download theme bị die rồi anh.
Cái này mình share từ lâu rồi bạn ơi!
Tiếc quá, giờ muốn tải theme này miễn phí tìm ở đâu được ạ. Em kiếm không ra!!!
Bạn có thể tải nó tại
https://sampres.com/wp-content/uploads/2019/05/magazine-pro-324.zip
nhé.Admin ơi cho mình hỏi làm sao để chinh theme này để mà cái phần main content thì background color của nó là màu trắng, còn phần 2 bên không có chữ thì background color của nó màu ghi? Na ná như kiểu trang sampres.com này ấy
Cảm ơn
Mầu
#eee
bạn nhé.Ý mình hỏi là sửa ở chỗ nào ấy? Vì mình không thấy trong phần Customize chỗ nào để sửa cái màu này cả
Bạn sửa trong files css nhé thẻ body đó.
Link die rồi admin ơi 🙁
Bạn cho mình hỏi. Trang này hiện là child theme, nếu mình có chỉnh một vài chô trong css (màu, size, viền,…) vậy nếu sau có bản update nó có bị mất đi không ?.
Vì là child theme rồi thì đâu tạo thêm child theme được nưa.
Mình ko rành nhờ bạn chỉ giúp.
Thanks