Bạn sẽ sử dụng CSS như thế nào để đảm bảo chủ đề của bạn được liên kết đáp ứng trên thiết bị di động?

Các trang web đáp ứng hiện là tiêu chuẩn của ngành, do số lượng lớn người dùng duyệt chủ yếu trên thiết bị di động. Để minh họa mức độ tác động này sâu rộng như thế nào, những người khổng lồ trong ngành như Google hiện thưởng cho các trang web thân thiện với thiết bị di động trong bảng xếp hạng tìm kiếm, để giúp thúc đẩy nhiều trang web phục vụ cho các thiết bị không phải máy tính để bàn

Nói tóm lại, các trang web phản hồi sử dụng cùng một mã trang web trên tất cả các nền tảng, nhưng cung cấp tối ưu hóa cho từng trải nghiệm, bất kể phương tiện xem là gì. Do đó, việc thiết lập một trang web phản hồi có thể có nghĩa là xây dựng lại toàn bộ thiết kế của bạn hoặc chỉ đơn giản là thực hiện một vài điều chỉnh cho trang web hiện có của bạn

Trong bài viết này, bạn sẽ tìm hiểu cách làm cho các trang web WordPress thân thiện với thiết bị di động bằng cách sử dụng thiết kế đáp ứng. Chúng tôi cũng sẽ giải thích tầm quan trọng của khả năng phản hồi đối với Tối ưu hóa Công cụ Tìm kiếm (SEO). Chúng ta hãy nứt

Mục lục

1. WordPress có thân thiện với thiết bị di động không?

2. Thiết kế đáp ứng là gì?

2. 1. Ứng dụng dành cho thiết bị di động so với. Trang web đáp ứng

2. 2. Cân nhắc về hiệu suất cho trang web đáp ứng

3. Trang web WordPress của bạn có cần đáp ứng không?

4. Tạo thiết kế web WordPress đáp ứng

5. Chọn chủ đề WordPress phù hợp

6. Plugin WordPress dành cho thiết bị di động

6. 1. 1. JetPack

6. 2. 2. WPtouch

6. 3. 3. Gói di động WordPress

7. Hình ảnh phản hồi

8. Menu đáp ứng

8. 1. 1. Trình đơn Uber

8. 2. 2. Menu Mega tối đa

8. 3. 3. Menu đáp ứng

9. Bảng đáp ứng

9. 1. 1. Máy ép bàn

9. 2. 2. Trình tạo bảng WP

9. 3. 3. wpDataTables

10. Thêm chức năng đa ngôn ngữ

11. Khả năng đáp ứng di động cho SEO

12. Xây dựng phản hồi nhanh với WP Engine

WordPress có thân thiện với thiết bị di động không?

WordPress là một Hệ thống quản lý nội dung (CMS) cho phép bạn thiết kế giao diện người dùng của trang web để đáp ứng các yêu cầu chính xác của bạn. Điều này có nghĩa là nó có thể dễ dàng được làm cho thân thiện với thiết bị di động

Các chủ đề mặc định đáp ứng đã có sẵn từ năm 2011. Nhiều chủ đề của bên thứ ba hiện cũng cung cấp thiết kế đáp ứng vượt trội. Những cái không thường lỗi thời trong nhiều lĩnh vực khác

Thiết kế đáp ứng là gì?

Hãy đề cập đến cách thiết kế đáp ứng sẽ áp dụng cho trang web WordPress của bạn. Thiết kế đáp ứng là một cách tổ chức nội dung trên trang web của bạn để nó có thể tự động đáp ứng với kích thước của màn hình mà nó xuất hiện trên đó. Điều này có nghĩa là trải nghiệm người dùng trên điện thoại thông minh cũng tốt như trên máy tính xách tay

Để đạt được trải nghiệm tuyệt vời này trên các thiết bị, các nhà thiết kế sẽ tạo lưới nội dung trôi chảy và mã linh hoạt thành hình ảnh thông qua CSS của trang web để sắp xếp lại HTML để đáp ứng trực tiếp với kích thước và độ phân giải của màn hình.  

Nếu bạn muốn có một ví dụ tuyệt vời, hãy mở Mashable. com trong một cửa sổ mới (giả sử bạn chưa sử dụng thiết bị di động). Khi bạn ở đó, hãy thay đổi kích thước cửa sổ trình duyệt của bạn để làm cho nó ngày càng nhỏ hơn và xem cách trang web tự sắp xếp lại cho phù hợp

Khi bạn thu nhỏ cửa sổ, các khối hình ảnh và nội dung chạy xung quanh để vừa với cửa sổ nhỏ hơn và nhỏ hơn theo lưới chất lỏng mà nhà thiết kế đã tạo. Ở mức nhỏ nhất, bạn chỉ còn lại trang web của Mashable trông như thế nào trên iPhone. Nó đẹp và dễ đọc. Embiggen lại cửa sổ và họ phản hồi bằng cách quay trở lại cấu hình “máy tính để bàn” của họ

Trang web tự sắp xếp lại vì có các truy vấn phương tiện CSS áp dụng các quy tắc khác nhau cho trang, tùy thuộc vào kích thước của thiết bị (trong trường hợp này là cửa sổ trình duyệt) đang xem trang web. HTML vẫn giữ nguyên, nó chỉ đơn giản là sắp xếp lại bởi CSS. Có thể áp dụng các quy tắc CSS để sắp xếp lại mọi thứ trên trang web, bao gồm cả việc cung cấp các kích thước hình ảnh khác nhau tùy theo độ phân giải của thiết bị. Điều này thực sự thú vị khi bạn muốn làm những việc như cung cấp hình ảnh được tăng cường võng mạc cho các thiết bị iOS cụ thể

Ứng dụng dành cho thiết bị di động so với. Trang web đáp ứng

Việc chọn Ứng dụng so với trang web phản hồi phụ thuộc vào mục đích của trang web. Hầu hết các trang web sẽ ổn với thiết kế đáp ứng có thể thích ứng với các thiết bị. Ứng dụng dành cho thiết bị di động phát huy tác dụng khi người dùng của bạn muốn chức năng rất cụ thể trên thiết bị di động của họ khác với chức năng mà toàn bộ trang web sẽ cung cấp. Ngân hàng của bạn có thể cung cấp ứng dụng dành cho thiết bị di động để bạn có thể nhanh chóng kiểm tra số dư của mình khi xếp hàng tại Starbucks. Facebook và Twitter cũng điều chỉnh chức năng trong ứng dụng của họ để phù hợp với việc sử dụng thiết bị di động.

Chỉ khi người dùng của bạn cần một bộ chức năng cụ thể từ điện thoại của họ, khác với những gì họ cần từ trang web chính của bạn, thì ứng dụng gốc mới là thứ cần xem xét

Cân nhắc hiệu suất cho các trang web đáp ứng

Một thiết kế đáp ứng sẽ ảnh hưởng đến hiệu suất tổng thể của trang web của bạn. Tải nhiều CSS và các kích thước hình ảnh khác nhau để đáp ứng với kích thước thiết bị có thể tốn kém từ góc độ xử lý phụ trợ. Là một phần của việc đánh giá thiết kế đáp ứng, điều quan trọng là phải ưu tiên hiệu suất như một tính năng. Người dùng vẫn mong đợi một trang web dành cho thiết bị di động sẽ chậm hơn một chút, nhưng họ sẽ không tha thứ nếu họ cố gắng hiển thị trang web của bạn để hiển thị bạn bè hoặc cuộc hẹn của họ và họ phải đợi hơn một vài giây

Từ góc độ kỹ thuật, khi phân phối trang web của bạn tới một thiết bị di động đang sử dụng dữ liệu di động, bạn sẽ gặp nhiều khó khăn. 5s ngay từ đầu. Ví dụ: để tải 40KB trên 4G mất 700 mili giây trong điều kiện tối ưu. Độ trễ mạng và các biến thể theo tình huống cũng sẽ chỉ thêm vào thời gian tải của bạn. Bạn không thể kiểm soát các biến số của mạng di động, vì vậy, điều quan trọng là bạn phải xây dựng trang web đáp ứng của mình với hiệu suất như một tính năng ngay từ đầu

Đảm bảo bạn đã thực hiện những điều sau để đảm bảo trang web của bạn được tối ưu hóa cho thiết bị di động

• Tối ưu hóa hình ảnh của bạn. Tự động phát hiện kích thước màn hình của thiết bị để tạo, lưu trữ và cung cấp kích thước hình ảnh phù hợp
• Giảm các yêu cầu HTTP của bạn. Giảm thiểu lượng CSS và JavaScript bạn cần sử dụng, sau đó lưu vào bộ đệm mọi thứ khác
• Tài sản tải có điều kiện. Các nút mạng xã hội lớn, hình ảnh và những thứ tương tự rất phù hợp với thiết bị lớn hơn nhưng sẽ không ảnh hưởng đến trải nghiệm người dùng đối với thiết bị nhỏ hơn. Lập kế hoạch thiết kế của bạn để chỉ tải những gì thực sự cần thiết
• tải chậm. Nếu bạn có thể thoát khỏi việc tải một số nội dung nhất định, đặc biệt là JavaScript, sau các thành phần trang quan trọng nhất, hãy làm điều đó. Vào thời điểm người dùng của bạn đã sử dụng nội dung họ muốn ngay từ đầu, những nội dung khác đó sẽ được tải

Trang web WordPress của bạn có cần đáp ứng không?

Càng ngày, câu trả lời mặc định cho câu hỏi này sẽ là có, đặc biệt là với sự sẵn có rộng rãi của các chủ đề WordPress đáp ứng. Nếu trang web của bạn chuẩn bị thiết kế lại hoặc đang trong quá trình thiết kế, thì điều quan trọng là cung cấp cho người dùng của bạn trải nghiệm chất lượng trên bất kỳ thiết bị nào họ sử dụng

Với suy nghĩ đó, tôi sẽ kết thúc bằng một số câu hỏi để bạn và nhóm của mình tự hỏi mình nhằm đánh giá xem WordPress của bạn có nên được thiết kế đáp ứng hay không

• Trường hợp sử dụng cho trang web của bạn là gì? . “Sẽ có ngoại lệ, nhưng không nhiều
• Người dùng của bạn là ai?
• Bạn có ngân sách không? . Một trang web đáp ứng ban đầu đắt hơn một chút để xây dựng, nhưng việc xây dựng một trang web đáp ứng duy nhất sẽ rẻ hơn so với kế hoạch xây dựng hai phiên bản trang web riêng biệt của bạn, sau đó quản lý bảo trì cho cả hai
• Bạn đã sẵn sàng để học một kiểu thiết kế mới chưa? . điều quan trọng là phải làm việc với một nhóm thiết kế không chỉ có thể thiết kế thứ gì đó đẹp đẽ mà còn hướng dẫn bạn trong suốt quá trình

Tạo một thiết kế web WordPress đáp ứng

Các thiết kế tĩnh hiện có thường có thể được chuyển đổi thành chủ đề đáp ứng. Dưới đây là một số yếu tố cần xem xét trong suốt quá trình chuyển đổi

• Thu phóng trình duyệt mặc định
• Chiều rộng và chiều cao phần tử chất lỏng
• tối ưu hóa hình ảnh
• Điểm ngắt dành riêng cho thiết kế
• Menu đáp ứng riêng cho thiết bị di động

Bạn cũng nên thử nghiệm thiết kế đã cập nhật của mình trên nhiều thiết bị và xem xét các yếu tố bổ sung như bảng phản hồi trong quá trình thử nghiệm của mình. Tuy nhiên, cách dễ nhất để làm cho WordPress phản hồi nhanh là chọn một chủ đề phản hồi được tạo sẵn ngay từ đầu

Chọn chủ đề WordPress phù hợp

Trước khi bạn bắt đầu tìm kiếm trong hơn 10.000 chủ đề WordPress hiện có, bạn nên lập danh sách các tính năng bạn muốn trang web của mình có và sử dụng danh sách đó làm điểm bắt đầu.  

Nếu bạn không chắc chắn về các loại tính năng cần tìm, có một số đường cơ sở bạn có thể nhấn mạnh để giúp bạn thu hẹp mọi thứ. tối ưu hóa công cụ tìm kiếm (SEO) và thời gian tải trang nhanh (bất kể thiết bị nào) là hai điều mà bất kỳ chủ đề nào cũng nên có

Mặc dù có rất nhiều chủ đề WordPress không tích hợp chức năng này, nhưng việc sử dụng một chủ đề có cả hai tính năng này sẽ mang lại trải nghiệm người dùng cuối tốt hơn nhiều trên trang web của bạn.  

Ví dụ: bộ Chủ đề WordPress cao cấp của WP Engine đều được tối ưu hóa cho công cụ tìm kiếm và phản hồi nhanh trên thiết bị di động, nghĩa là tất cả chúng đều tải nhanh trên mọi thiết bị. Những chủ đề đẹp mắt này đã được tạo ra cho nhiều trường hợp sử dụng khác nhau và các doanh nghiệp thuộc mọi hình dạng và quy mô đang sử dụng chúng để thúc đẩy sự hiện diện trực tuyến của họ.   

Quyền truy cập vào các chủ đề này cũng được bao gồm trong mọi gói WP Engine, có nghĩa là khách hàng của WP Engine có thể sử dụng tất cả chúng mà không phải trả thêm phí

Plugin WordPress di động

Điện thoại di động mở ra nhiều tiềm năng cho các tính năng như thông báo đẩy và tải liên tục qua kết nối chậm. Tuy nhiên, trong khi có các giải pháp giúp biến trang web của bạn thành một ứng dụng web dành cho thiết bị di động và đưa khái niệm thân thiện với thiết bị di động lên một tầm cao mới, nhiều giải pháp vẫn đang trong giai đoạn phát triển và thử nghiệm.

Điều này có nghĩa là một số chức năng mà bạn mong đợi có thể bị thiếu. Tuy nhiên, có một số plugin WordPress dành cho thiết bị di động có thể giúp bạn cải thiện trang web của mình theo nhiều cách khác nhau

1. Máy bay phản lực

Mặc dù có nhiều giải pháp nhưng plugin Jetpack là một tùy chọn rất phổ biến. Bạn sẽ tìm thấy nó trong Thư mục plugin, nhưng nó cũng có các tùy chọn để tạo một chủ đề di động đơn giản trên trang web của bạn.  

Một trong những điều tốt nhất về Jetpack là nó được bảo trì tốt. Điều này có nghĩa là sẽ có các bản cập nhật thường xuyên để đảm bảo tính bảo mật và chức năng của nó. Đây cũng là một trong những công cụ có nhiều tính năng nhất mà bạn có thể tìm thấy. Plugin cơ sở miễn phí và đi kèm với rất nhiều tùy chọn. Nhược điểm là có quá nhiều tính năng, giao diện thoạt nhìn có vẻ khó hiểu.  

Ngoài ra, nếu bạn muốn sao lưu hàng ngày, chủ đề tùy chỉnh và công cụ SEO, bạn sẽ cần đầu tư vào phiên bản cao cấp của Jetpack. Tùy thuộc vào nhu cầu của bạn, bạn có thể nhận plugin cao cấp để sử dụng cá nhân với giá 39 đô la mỗi năm, với cấp cao nhất có giá 299 đô la mỗi năm.  

2. WPtouch

Ngoài ra, bạn có thể khám phá WPtouch, một plugin phổ biến có thể tạo một trang web di động từ trang web hiện tại của bạn. Một trong những lợi ích chính của việc sử dụng plugin này là bạn có thể tùy chỉnh phiên bản di động mà không làm gián đoạn hoặc thay đổi trang web gốc của mình.  

Phiên bản miễn phí cũng có chức năng khá mạnh mẽ. Tuy nhiên, nếu bạn đang tìm kiếm một giao diện khác, bạn sẽ phải mua phiên bản pro. Các gói giá chuyên nghiệp bắt đầu ở mức 79 đô la mỗi năm và lên tới 359 đô la mỗi năm cho giấy phép cấp doanh nghiệp.  

3. Gói di động WordPress

Mặc dù WordPress Mobile Pack chưa được thử nghiệm với phiên bản WordPress mới nhất, nhưng đây là plugin phổ biến để tạo Ứng dụng web lũy tiến (PWA) từ trang web hiện tại của bạn. Điều này có nghĩa là người dùng trang web của bạn sẽ có trải nghiệm 'giống như ứng dụng' mà không yêu cầu bạn đưa tài nguyên vào việc lập trình ứng dụng có thể tải xuống cho cửa hàng ứng dụng.  

Với plugin này, bạn sẽ có thể đẩy thông báo biểu ngữ tới người dùng, thông báo cho họ về tùy chọn thêm trang web của bạn vào màn hình chính của họ. Các trang của bạn sau đó sẽ được lưu vào bộ đệm và tải rất nhanh. Chức năng cơ bản là miễn phí cho plugin này, nhưng bạn sẽ phải mua phiên bản chuyên nghiệp để có quyền truy cập vào nhiều chủ đề hơn, các tùy chọn tùy chỉnh và khả năng đồng bộ hóa một số nội dung nhất định.
Phiên bản chuyên nghiệp của plugin có ba cấp độ để lựa chọn. Gói Freelancer bắt đầu từ $99 mỗi năm và có thể được sử dụng trên ba miền. Các mức giá cao nhất với tùy chọn VIP, ở mức $499 mỗi năm cho mười giấy phép tên miền.

Hình ảnh phản hồi

WordPress đã cung cấp các hình ảnh phản hồi nổi bật theo mặc định kể từ phiên bản 4. 4. Tuy nhiên, đặc biệt đối với các trang web sử dụng mã cũ hơn, có một đoạn mã đơn giản mà bạn có thể thêm vào biểu định kiểu của mình để đảm bảo rằng hình ảnh không bao giờ trông quá lớn trên các thiết bị nhỏ

img {
  max-width: 100%;
  height: auto;
}

Mặc dù có nhiều cách để đảm bảo hiệu suất hình ảnh phản hồi tối ưu, đoạn mã này đảm bảo rằng tất cả các hình ảnh của bạn đều phản hồi dưới dạng cơ sở

Cuối cùng, hầu hết các hình ảnh đều phù hợp để đưa vào trang web phản hồi, mặc dù khả năng mở rộng phải là một yếu tố. Ví dụ: nếu bạn bao gồm một hình ảnh có nhiều văn bản thì có thể không dễ đọc trên thiết bị di động. Trong trường hợp này, tốt hơn hết là bạn nên chọn một hình ảnh khác hoặc cung cấp cách đọc văn bản độc lập với hình ảnh

Menu đáp ứng

Có hai trường phái suy nghĩ cơ bản liên quan đến việc tạo menu đáp ứng

1. Tạo một menu hoạt động ở mọi kích cỡ
2. Tạo hai menu. một cho màn hình lớn và một cho trải nghiệm màn hình nhỏ. Mỗi lần chỉ hiển thị một, tùy thuộc vào kích thước màn hình đang được sử dụng

Cách tiếp cận một kích thước phù hợp với tất cả hoạt động tốt nhất cho các menu nhỏ hơn, vì việc tối ưu hóa CSS để dễ đọc trên thiết bị di động chỉ cần một số điều chỉnh đơn giản. Trong tình huống đó, menu luôn hiển thị cho người dùng bất kể kích thước của thiết bị

Tuy nhiên, nếu menu quá lớn để dễ dàng thu nhỏ lại cho thiết bị di động, bạn có thể cần phiên bản thứ hai dành riêng cho màn hình nhỏ hơn. Trong trường hợp này, menu lớn chỉ hiển thị trên màn hình lớn và biểu tượng menu di động hiển thị trên màn hình nhỏ hơn

Một ví dụ điển hình của phương pháp này là biểu tượng menu bánh hamburger, sẽ trượt toàn bộ menu di động vào chế độ xem khi nhấp vào. Bạn cũng có thể sử dụng lựa chọn plugin đa dạng của WordPress để hỗ trợ tạo menu đáp ứng của mình. Hãy xem xét ba lựa chọn

1. UberMenu

Một tùy chọn bạn có thể thử là UberMenu. Với 25 đô la, bạn sẽ có quyền truy cập vào các bản cập nhật trong tương lai và sáu tháng hỗ trợ. UberMenu có thể giúp bạn tạo các menu thân thiện với cảm ứng, đáp ứng đầy đủ. Thật không may, trừ khi chủ đề của bạn dành riêng cho UberMenu, bạn có thể sẽ phải thực hiện một số thay đổi thủ công để chủ đề của bạn hoạt động bình thường

2. Menu Mega tối đa

Một tùy chọn khác là plugin Max Mega Menu. Công cụ này có một tùy chọn miễn phí trong Thư mục plugin WordPress và hoạt động với các menu hiện có của bạn để chuyển đổi chúng thành các menu 'khủng'.  

Phiên bản miễn phí cũng có nhiều tính năng menu di động, chẳng hạn như hỗ trợ riêng cho màn hình cảm ứng. Để có quyền truy cập vào nhiều phông chữ và tùy chọn chuyển đổi trên thiết bị di động hơn, bạn sẽ cần kiểm tra một trong ba mức giá. Phiên bản cao cấp của plugin bắt đầu ở mức 29 đô la mỗi năm và dao động lên tới 99 đô la mỗi năm cho nhiều giấy phép trang web.  

3. Menu đáp ứng

Một plugin phổ biến và được đánh giá cao khác mà bạn có thể kiểm tra để làm cho menu của mình thân thiện với thiết bị di động là plugin Responsive Menu. Giải pháp này có hơn 150 tùy chọn tùy chỉnh khác nhau, tất cả nằm trong một giao diện dễ sử dụng

Bạn sẽ linh hoạt thay đổi gần như mọi khía cạnh của menu từ trang cài đặt plugin của mình. Tuy nhiên, nếu bạn đang tìm kiếm hình ảnh động và nhiều phông chữ hơn, bạn sẽ phải kiểm tra bản nâng cấp plugin Responsive Menu.  

Phiên bản miễn phí của plugin có thể mang lại các tính năng bạn cần vì danh sách các tùy chọn khá phong phú. Nếu bạn nâng cấp, bạn có thể nhận giấy phép một trang web với giá 29 đô la hoặc nhận giấy phép không giới hạn với giá 99 đô la. Chi phí plugin là phí một lần và bạn sẽ nhận được các bản cập nhật miễn phí trọn đời.  

Bảng đáp ứng

Theo mặc định, các bảng chiếm nhiều không gian bằng nội dung của chúng (hoặc nhiều hơn). Điều này có thể dẫn đến các bảng cực rộng làm hỏng bố cục di động

Thật không may, các bảng chứa đầy nội dung trở nên khó đọc khi được thu nhỏ lại để vừa với chiều rộng của trang dành cho thiết bị di động. Thiết kế đáp ứng không chỉ là dồn dữ liệu vào một màn hình nhỏ. Thay vào đó, đó là làm cho mọi thứ trở nên thân thiện với người dùng bất kể thiết bị nào

Để có giải pháp nhanh chóng, bạn có thể thêm khả năng phản hồi cơ bản vào các bảng của mình bằng đoạn mã CSS này

table {
   width: 100%;
   border-collapse: collapse;
}

Tuy nhiên, bạn không phải dừng lại ở đó. Trừ khi bạn có các bảng nhỏ, chúng tôi khuyên bạn nên tối ưu hóa từng bảng dựa trên loại nội dung mà nó trình bày. Tùy thuộc vào dữ liệu trong bảng của bạn, có một số tùy chọn đáp ứng mà bạn có thể chọn để dễ đọc nhất có thể

Tuy nhiên, nếu bạn đang tìm kiếm một giải pháp plugin cho các bảng đáp ứng, thì bạn thật may mắn. Có một số tùy chọn, nhưng chúng tôi sẽ đề xuất ba tùy chọn cụ thể

1. Máy ép bàn

Đầu tiên, plugin TablePress là một tùy chọn phổ biến, được bảo trì tốt và được đánh giá cao. Bạn sẽ có thể tạo và nhúng các bảng đẹp mắt bằng mã ngắn. Tuy nhiên, để đạt được các bảng phản hồi thực sự, bạn sẽ cần cài đặt tiện ích mở rộng TablePress. Mặc dù những thứ này cũng miễn phí nhưng bạn nên quyên góp cho nhà phát triển.  

2. Trình tạo bảng WP

Nếu bạn đang tìm kiếm một tùy chọn trình tạo bảng năm sao, kéo và thả, thì WP Table Builder có thể dành cho bạn. Một plugin hơi mới nhưng được đón nhận nồng nhiệt, giao diện kéo và thả của nó giúp bạn dễ dàng tạo các bảng đáp ứng cho trang web của mình

Đây cũng là một plugin hoàn toàn miễn phí. Nhược điểm thực sự duy nhất của tùy chọn này là nó chỉ đi kèm với năm tùy chọn dữ liệu tại thời điểm này. Bạn bị giới hạn phần nào đối với văn bản, hình ảnh, nút, danh sách và xếp hạng sao

3. wpDataTables

Plugin thứ ba chúng tôi khuyên bạn nên kiểm tra là wpDataTables. Với công cụ này, bạn có thể nhanh chóng tạo bảng và biểu đồ từ Excel, CSV, PHP hoặc dữ liệu khác hiện có. Điều này có nghĩa là bạn có thể lấy các tập dữ liệu lớn và làm cho chúng có thể truy cập được trên trang web của bạn

Plugin này cũng sẵn sàng cho Gutenberg, giúp bạn dễ dàng thêm các bảng vào các trang và bài đăng trên trang web của mình sau khi bạn đã tùy chỉnh chúng trong cài đặt của plugin. Tuy nhiên, bạn sẽ bị hạn chế phần nào bởi phiên bản miễn phí của plugin này.
Ví dụ: bạn sẽ không thể tạo bảng dựa trên truy vấn SQL hoặc lấy thông tin từ Bảng tính Google trừ khi bạn nâng cấp. Phiên bản cao cấp bắt đầu ở mức 59 đô la mỗi năm cho mức giá cơ bản và cao nhất là 249 đô la mỗi năm cho gói nhà phát triển.

Thêm khả năng đa ngôn ngữ

Khi việc áp dụng WordPress tiếp tục gia tăng trên khắp thế giới, nó đã làm dấy lên nhu cầu ngày càng tăng về chức năng đa ngôn ngữ, cho phép các trang web được dịch sang ngôn ngữ địa phương dựa trên vị trí của người dùng

Loại chức năng này rất lớn đối với các doanh nghiệp có khách hàng ở nhiều quốc gia và với WordPress, việc thêm nó vào trang web của bạn không khó như bạn nghĩ. Trên thực tế, nó có thể được thực hiện bằng cách cài đặt một plugin như Weglot, cho phép bạn tạo trang web đa ngôn ngữ của mình trong vài phút – mà không cần mã.  

Weglot cũng tương thích với tất cả các chủ đề và plugin của WordPress, nghĩa là nó sẽ hoạt động trên bất kỳ chủ đề nào bạn sử dụng và nó sẽ không gây ra sự cố với các plugin khác của bạn. Khi được thêm vào một trong các Chủ đề WordPress cao cấp của WP Engine, Weglot giúp chủ sở hữu trang web xây dựng một trang web đáp ứng di động, thân thiện với SEO, có thể truy cập bằng bất kỳ ngôn ngữ nào.  

Hãy xem hướng dẫn này để tìm hiểu thêm và truy cập WP Engine để tìm hiểu về các gói khác nhau của chúng tôi cũng như các tính năng và chức năng khác đi kèm với Nền tảng trải nghiệm kỹ thuật số dành cho WordPress của chúng tôi.  

Phản hồi trên thiết bị di động cho SEO

Nói một cách đơn giản, các trang web thân thiện với thiết bị di động được Google khen thưởng trong kết quả tìm kiếm không phải trả tiền. Giữa năm 2015 và 2016, một số cập nhật đã được thêm vào thuật toán xếp hạng để ưu tiên các trang web phản hồi. Điều quan trọng cần lưu ý là vì tốc độ đóng một vai trò rất lớn trong sự thân thiện với người dùng đối với người dùng di động, điều này cũng góp phần vào thứ hạng công cụ tìm kiếm tốt hơn

Tất nhiên, các trang web phản hồi tải nhanh dựa vào dịch vụ lưu trữ xuất sắc để thành công. Khi bạn chọn một công ty lưu trữ chất lượng như WP Engine (chúng tôi cung cấp PHP 7 theo tiêu chuẩn và Mạng phân phối nội dung miễn phí trên các gói cao cấp hơn), bạn sẽ nhận thấy thời gian tải nhanh hơn và hoạt động mượt mà hơn.

Xây dựng đáp ứng với WP Engine

Làm việc hướng tới một trang web đáp ứng nên được ưu tiên trong thế giới phụ thuộc vào thiết bị di động của chúng tôi. Có rất nhiều thứ để theo dõi, nhưng tại WP Engine, chúng tôi có thể giúp hướng bạn đến các tài nguyên dành cho nhà phát triển WordPress tốt nhất và các chủ đề có độ phản hồi cao cho người dùng di động

Ngoài ra, chúng tôi có nhiều kế hoạch và giải pháp cho trang web của bạn. Chúng tôi sẽ giúp bạn xây dựng phản ứng nhanh trên nền tảng trải nghiệm kỹ thuật số của chúng tôi và bạn sẽ không phải lo lắng về việc mất khách truy cập vì kích thước màn hình

tham gia 1. 5 triệu trang web tin tưởng WP Engine làm máy chủ lưu trữ WordPress của họ

bài viết liên quan

• Cách tạo bảng đáp ứng trong WordPress
• Plugin đáp ứng di động tốt nhất cho WordPress
• WordPress dành cho thiết bị di động
• Cách biến trang web WordPress của bạn thành ứng dụng dành cho thiết bị di động
• WordPress Responsive Video Themes & Plugins

Đặt mua

Nhận các mẹo, thủ thuật và tin tức WordPress hàng tuần được gửi đến hộp thư đến của bạn

Địa chỉ email

Nộp

Trang web này được bảo vệ bởi reCAPTCHA và áp dụng Chính sách bảo mật và Điều khoản dịch vụ của Google. Tìm hiểu thêm về Chính sách quyền riêng tư của WP Engine

Cách thực hành tốt nhất để làm việc với WordPress CSS LinkedIn là gì?

Ba cách hợp lệ để thêm CSS vào trang HTML Linkedin là gì?

Bạn sẽ sử dụng cài đặt WordPress nào để làm cho URL của trang trông như thế nào?

Bạn có thể đóng góp cho cộng đồng WordPress bằng cách thử nghiệm theo cách nào sau đây?