Category : Học Wordpress

Học Wordpress

Responsive Testing trên Google Chrome

Responsive Testing tool

Trên Google Chrome có môt chức năng rất hay dành cho các bạn Thiết kế cũng như phát triển Web. Đó chính là Responsive Testing

Responsive Testing là gì?

Nói một cách ngắn gọn, Responsive Testing là một chức năng dành cho các nhà phát triển Web muốn kiểm tra khả năng tương thích của Website với các thiết bị khác nhau, tương ứng với kích thước màn hình khác nhau. Từ đó đưa ra các điều chỉnh thích hợp.

Cách sử dụng Responsive Testing

Trước tiên bạn mở Website mà bạn cần kiểm tra. Bạn lựa chọn biểu tượng devtools_button ở góc bên phải phía trên màn hình. Rồi lựa chọn  Tools -> Developer Tools.
steps2

Khi đó bạn sẽ thấy có một cửa sổ nhỏ bên dưới website. Bạn chọn vào biểu tượng dev_button và chọn emulation như trong hình vẽ. Sau đó bạn chọn tiếp loại thiết bị tương ứng với kích thước màn hình mà bạn cần kiểm tra.

step3

Cuối cùng nhấn nút Emulate và Refresh lại Website là bạn sẽ thấy Website của bạn hiển thị bên trong thiết bị như trên thiết bị thật (Ở đây mình chọn là Google Nexus 5)

step4

Bạn cũng có thể điều chính kích thước màn hình theo ý mình bằng cách chọn Screen như trong hình vẽ.

screen_size

Kết luận:

Như vậy với công cụ tích hợp sẵn bên trong Google Chrome rất tiện lợi cho chúng ta trong quá trình phát triển và xây dựng Website. Không cần phải cài thêm công cụ nào khác cho nặng máy.

Chúc các bạn thành công!

 

Read More
Học Wordpress

WordPress v3.9 chính thức đã được ra mắt

wordpress v3.9

Chào các bạn!

Sáng nay như mọi ngày, mình vào Dashboard và thấy thông báo có cập nhật bản mới nhất của WordPress là phiên bản 3.9 với tên gọi Smith. Và tất nhiên mình đã câp nhật luôn lên bản mới nhất để trải nghiệm.

Dưới đây là những cải tiến đáng chú ý trong phiên bản mới nhất này.

Về giao diên trong Dashboard và theme cũng không có nhiều thay đổi. Chủ yếu tập trung cải thiện bên trong lõi của mã nguồn. Thêm đó có cải tiến về tốc độ tiện ích chèn ảnh và Media trong phần soạn thảo từ đó giúp các Blogers viết bài tốt hơn, tùy biến nhiều hơn. Bên cạnh đó cũng có nhiều theme mới ra mắt cho bạn lựa chọn.

Cải thiện chức năng Media trong phần soạn thảo bài viết

Phần này đã được cải tiến nhiều hơn, bây giờ bạn có thể copy các nội dung từ nguồn khác vào mà vẫn giữ nguyên định dạng. Cải thiện hiệu năng làm việc của phần soạn thảo.

– Cải thiện phần soạn thảo bài viết

Editor Editor improve

– Dễ dàng chỉnh sửa ảnh

Bạn có thể dễ dàng chỉnh sửa hình ảnh ngay trong khung soạn thảo mà không cần phải chỉnh sửa qua phần quản lý Media nữa.

Dễ dàng sửa anh ngay trong khung soạn thảo

Và bạn cũng có thể thêm ảnh trực tiếp vào khung soạn thảo bằng cách kéo ảnh cần thêm vào trực tiếp khung soạn thảo

Chèn ảnh dễ dàng trong khung soạn thảo Chèn ảnh dễ dàng trong khung soạn thảo

– Dễ dàng tạo Playlist Audio và Video trong wordpress

Bây giờ với tính năng tạo playlist cho Audio và Video này thì chúng ta có thể tạo được các Album riêng như những trang giải trí âm nhạc khác một cách chuyên nghiệp. Rất đơn giản.

Dễ dàng tạo Audio và Video Playlist ngay trong khung soạn thảo Dễ dàng tạo Audio và Video Playlist ngay trong khung soạn thảo

Mời bạn xem video tham khảo từ WordPress.org nhé:

Kết luận:

Tóm lại với phiên bản  Wordpress v3.9 này chúng ta có được một số cải tiến đáng chú ý tập trung cho phần soạn thảo bài viết. Đó là những tính năng mà theo mình thấy rất có ý nghĩa đối với một Bloger. Bây giờ chúng ta có thể thỏa mái sáng tạo và viết bài rồi.

Vậy còn chờ gì nữa mà bạn không cập nhật ngay Blog của bạn và trải nghiệm.

Theo: wordpress.org

Read More
Học Wordpress Review

Thiết kế Web dễ dàng hơn với Pinegrow Web Designer

Pinegrow-Web-designer

Giới thiệu Pinegrow Web Designer software!

Hôm nay mình muốn giới thiệu với các bạn một phần mềm rất hay cho những bạn thiết kế Website. Đặc biệt là những người chuyên thiết kế Templete Website.

Phần mềm đó chính là Pinegrow Web Designer.

Vậy phần mềm này có chức năng gì hay? Chúng ta hãy cùng tìm hiểu nhé.

Chức năng chính của Pinegrow Web Designer

Trước tiên mình muốn nói đến chức năng và tiện ích của phần mềm này.
Đó chính là giao diện kéo-và-thả đơn giản giúp bạn nhanh chóng xây dựng các trang của bạn cùng với nhiều menu tùy chọn cho phép tinh chỉnh các thông số dễ dàng. Pinegrow làm việc với các tập tin HTML chuẩn. Bạn có thể mở các dự án web hiện có và chỉnh sửa chúng ngay lập tức.
Pinegrow xây dựng các trang sử dụng CSS & Less và hỗ trợ các CSS framework phổ biến nhất hiện này đó là Twitter Bootstrap và Foundation.

Hơn nữa, Pinegrow thiết kế web cho phép bạn xây dựng các thư viện của riêng bạn. Những nội dung như thời gian, thông tin bản quyền, hoặc một liên kết đến một trang web cụ thể nào đó? Bạn Chỉ cần tạo ra các thành phần riêng của bạn và sau đó khi thiết kế chỉ cần kéo vào như là một thành phần tùy chỉnh kéo và thả nó bất cứ khi nào bạn muốn. Pinegrow cũng hỗ trợ chức năng Undo tương tự như History của Photoshop. Nghĩa là khi bạn gặp lỗi trên 1 file CSS thì bạn có thể phục hồi lại được phiên bản cũ mà không ảnh hưởng gì. Pinegrow hỗ trợ 20 lần undo.

Một tính năng quan trọng nữa đó là khả năng chỉnh sửa nhiều trang một lúc, điều này cho phép thiết kế các kiểu Reponsive website. Điều này rất
hữu ích khi bạn thiết kế Web Reponsive, bởi vì nó giúp bạn hình dung ra hình dạng của website tương ứng với các kích cỡ màn hình khác nhau trên cùng một cửa sổ.

Với những tính năng tuyệt vời như vậy. Chắc chắn bạn không nên bỏ qua một phần mềm như vây. Hãy dùng thử ngay, nếu bạn thích có thể mua nó tại website pinegrow.com. Đặc biệt hiện nay đang có Couple giảm giá tới 52% tại Mightydeals với giá chỉ còn $24 trong khi đó giá chính thức là $49.95.

Hãy nhanh tay nếu bạn muốn trải nghiệm Pinegrow Web Designer nhé!

Read More
Học SEO Học Wordpress

Tạo sitemap wordpress với Google Sitemaps Generator

Tạo Sitemap Wordpress

Muốn tạo Sitemap wordpress Trước tiên chúng ta cần hiểu xem Sitemap XML là gì? Tầm quan trọng của nó ra sao? Và sau đó chúng ta mới bắt tay vào tìm hiểu xem tạo Sitemap như thế nào?

1. Sitemap là gì? Sitemap wordpress có cấu trúc như thế nào?

Trước đây Sitemap được biết đến như một trang chứa tất cả các link của một Website nào đó. Đường link này được đặt tại vị trí quan trọng để người dùng dễ dàng nhìn thấy. Còn ngày nay Sitemap đã thay đổi nhiều. Thay vì là định dạng HTML thì bây giờ Sitemap được tạo ra với định dạng XML và đối tướng của nó là Search Engine chứ không phải là cho con người xem nữa.

Tạo Sitemap WordPress
Tạo Sitemap WordPress

Như vậy Sitemap là một danh sách các trang trên một website mà người dùng có thể truy cập. Sitemap XML là một cách mà chủ sở hữu website thông báo cho công cụ tìm kiếm biết về tất cả các trang tồn tại trên website của họ.

Sitemap định dạng XML cũng chỉ cho Search Engine biết thứ tự ưu tiên của các link trên Website. Sitemap không giúp gia tăng thứ hạng tìm kiếm nhưng nó giúp cho Search Engine cập nhật thông tin của Website tốt hơn.

2. Vậy Tại sao phải cần tạo Sitemap?

Như chúng ta đã biết. Sitemap cho WordPress trước hết giúp cho người dùng dễ hình dung được cấu trúc của Website hơn. Cũng như giúp cho các Search Engine hiểu rõ hơn về website của bạn, từ đó lập ra chỉ mục (Index) website của bạn tốt hơn. Để khi có sự tìm kiếm từ người dùng thì Search Engine có thể cho kết quả nhanh hơn và chính xác hơn.Các bạn cần chú ý không nên nhầm lẫn 1 điều rằng:
Sitemap không làm tăng thứ hạng tìm kiếm của một Website.

3. Vậy làm thế nào để tạo Sitemap WordPress?

Có rất nhiều công cụ tạo sitemap wordpress. Trong đó phổ biến hơn cả đó là Plugin Google (XML) Sitemaps Generator của Arne Barchhold. Để bắt đầu bạn cần cài Plugin này trên WordPress sau đó Active nó lên. Mặc định thì khi bạn viết bài mới thì Plugin này mới bắt đầu tạo sitemap wordpress. Lúc này bạn sẽ nhìn thấy đường link Sitemap mà Plugin đã tạo cho bạn như hình dưới.

sitemap wordpress

Lúc này bạn chỉ cần copy đường link này add vào trong Google Webmaster Tools của Google để Google Search bắt đầu đánh dấu các chỉ mục bài viết trên website của bạn thôi. Và Google sẽ tự động đánh chỉ mục sitemap cho website wordpress  của bạn.

Như vậy qua bài viết này hy vọng các bạn đã hiểu phần nào về Sitemap: Chức năng, Ý nghĩa sitemap wordpress và Cách tạo Sitemap cho wordpress nhanh nhất

Chúc các bạn thành công. Hẹn gặp lại các bạn trong bài viết khác

Read More
1 2