Ukada – giao diện WordPress tuyệt đẹp dành cho blog cá nhân

Xuất bản ngày:

Nguyễn Văn Hiến


Hiện tại, chơi blog đã không còn là một thú tiêu khiển cá nhân, mà còn là một cơ hội để chúng ta kiếm tiền dưới nhiều hình thức khác nhau. Một số bạn chọn con đường tiếp thị trực tuyến, vài người khác thì buôn bán sản phẩm số, cũng có người tìm kiếm thu nhập từ quảng cáo bên trong website... Chính vì sự thay đổi mục tiêu sử dụng blog như thế đã dẫn tới nhu cầu dùng những theme đặc biệt khác nhau.

Và dù nhu cầu sử dụng blog của bạn là gì, tựu chung lại, mối quan tâm lựa chọn một themes Wordpress của bạn chính là làm sao người dùng ở lại trang web càng lâu càng tốt.

Nhận thấy những điều này, Tummosoft đã thiết kế Ukada, một giao diện Wordpress dành cho các cá nhân để làm blog.

Giới thiệu về themes Ukada

Hình mẫu thiết kế của themes Ukada là sự kết hợp giữa cổ điển và hiện đại, mục tiêu của chúng tôi là giúp bạn làm nổi bật 2 vấn đề chính:

* Làm nổi bật sản phẩm chính, ý tưởng chính của bạn thông qua các landing page.

* Các bài viết trên blog sẽ đóng vai trò làm nổi bật các sản phẩm chính, các mục tiêu quan trọng của bạn.

Với kiểu thiết kế của Ukada, các landing page sẽ được tạo bên trong các page. Các page được thiết kế với độ rộng 100%, không sử dụng sidebar.

Ngoài ra Ukada theme còn có những điểm nổi bật sau:

* Hỗ trợ sticky widget. Bạn có thể sử dụng widget này để tạo cho mình bất kỳ sticky popup nào, từ các mẫu quảng cáo adsense, các thông báo...

* Hỗ trợ Related Posts hợp với giao diện;

* Hỗ trợ tạo category có hình ảnh tùy chọn;

Download theme Ukada

Bạn có thể chọn download theme Ukada theo đường dẫn bên dưới.

* Demo: http://en.tummosoftware.com/

* Download: Google Drive - 1.0.1

Hướng dẫn sử dụng theme Ukada

Dưới đây chúng tôi sẽ hướng dẫn tạo theme Ukada giống như bản demo.

1. Tạo menu top

Để tạo menu ở đầu trang, bạn cần tạo ra một menu với tên chính xác là "MainMenu".

2. Thiếp lập search box

Để thiết lập search box giống như hình bên. Bạn kéo thả widget search vào Search Box.

3. Tạo category có hình ảnh:

Để tạo category có hình ảnh, bạn hãy chỉnh sửa lại đoạn code sau tùy vào nhu cầu của bạn.

<div class="sidebar-item">
<p><img src="https://image.flaticon.com/icons/svg/808/808347.svg"><a href="https://www.tummosoftware.com">How to travel guide</a></p>
</div>

4. Tạo sticky widget:

Kéo thả bất kỳ widget nào để tạo sticky widget cho blog của bạn.

Lưu ý: Chỉ có duy nhất một sticky được hỗ trợ.

5. Tạo author box ở dưới website

Để tạo author box như hình bên dưới, bạn chỉnh sửa đoạn code sau và dán vào một HTML widgets.

 

<div class="author-name">
<img src="https://www.vervelogic.com/images/img/logo-screen/ukada.png">
</div>
<div class="author-info">
Ukada stands for all-things-WordPress. From web design to freelancing and from development to business, your questions are covered.
</div>
<div class="author-social">
<a href="https://yotube.com">
<img class="author" src="https://cdn2.iconfinder.com/data/icons/social-media-applications/64/social_media_applications_2-youtube-128.png" alt="facebook">
</a>
<a href="https://yotube.com">
<img class="author" src="https://cdn2.iconfinder.com/data/icons/social-media-applications/64/social_media_applications_6-twitter-128.png" alt="twitter">
</a>
<a href="https://yotube.com">
<img class="author" src="https://cdn2.iconfinder.com/data/icons/social-media-applications/64/social_media_applications_32-vk-128.png" alt="youtube">
</a>
<a href="https://yotube.com">
<img class="author" src="https://cdn2.iconfinder.com/data/icons/social-media-applications/64/social_media_applications_28-yelp-128.png" alt="LinkedIn">
</a>
</div>

6. Tạo footer menu

Để tạo footer menu bạn hãy kéo thả một HTML widgets vào sidebar Footer Menu.

Dán các thẻ href vào HTML widgets để tạo các menu cuối trang.

 

 

 

       

Phần mềm mới

Phần mềm kiểm tra lỗi chính tả tiếng Việt
Tummo Spell 2019 là Add-in kiểm tra lỗi chính tả miễn phí, thích hợp cho Word 2007 - 2019...