11 Công Cụ Dành Riêng Cho Phát Triển Web Với Wordpress

11 Công Cụ Dành Riêng Cho Phát Triển Web Với Wordpress

Chúng ta hãy cùng nhau điểm qua một số công cụ và ứng dụng phát triển web giúp ích cho công việc hàng ngày nhé. Và đây là danh sách 11 tools & resources dành cho các bạn:

1. LocalWP

Nếu bạn đang là một nhà phát triển làm việc với WordPress, bạn có thể đã biết về công cụ LocalWP.

Khi làm một nhà thiết kế web freelance, tôi có thể phát triển các trang web thử nghiệm local trên con Mac của tôi. Cho dù tôi đang tự tạo web riêng hay cho khách hàng của mình thì tôi vẫn có thể thu gom những phần tôi cần cho trang web của mình, tuy nhiên, với Local Pro, tôi có thể quản lý các trang web dàn dựng trong môi trường local của mình.

Đây là công cụ tuyệt vời và đơn giản cần có cho các nhà phát triển WordPress!

 

2. Bracket

Ngày nay có rất nhiều trình chỉnh sửa code để lựa chọn. Một số mục yêu thích của tôi bao gồm Visual Studio, Atom và Brackets.

Vì tôi viết hầu hết CSS của mình là Sass, nên tôi sử dụng Brackets nhiều hơn những ứng dụng khác. Thú thực là vì nó siêu dễ thiết lập, nó nhẹ và hoàn toàn có thể tùy chỉnh theo ý mình. Tôi cũng thích tính năng Live Preview mà trình chỉnh sửa này cung cấp.

Brackets là một trình soạn thảo mã nguồn mở hiện đại, bạn có thể tải xuống và sử dụng hoàn toàn miễn phí

3. Google Developers Console

Console cho nhà phát triển của Google được lập trình viên sử dụng để xem và quản lý dữ liệu lưu lượng truy cập, xác thực và thông tin thanh toán cho các API của Google.

Thư viện bao gồm hàng trăm API, tài nguyên, tài liệu và dịch vụ cho các ứng dụng khác nhau. Dịch vụ này được sử dụng miễn phí và bạn sẽ cần địa chỉ email Gmail để bắt đầu.

4. Google Chrome DevTools

Nếu bạn đang sử dụng Chrome làm trình duyệt web chính của mình khi phát triển và thử nghiệm các trang web, bạn phải biết về Google Chrome DevTools. Công cụ này miễn phí 100% và có thể truy cập trong vòng vài click thôi.

Để truy cập vào phần này, bạn nhấp chuột phải vào chuột để mở menu bật lên. Từ đó, bạn có thể truy cập tùy chọn Inspect. Khi bạn đã chọn tùy chọn Inspect, trang web bạn đang truy cập sẽ tải lại bằng bảng điều khiển kiểm tra mã. Từ đây, bạn có thể truy cập mọi thứ cần biết về cấu trúc của trang web.

Việc sử dụng phổ biến nhất cho các nhà phát triển web là elements tab ở cột bên trái và styles tab ở cột bên phải. 

Nếu bạn chưa quen với DevTools, hãy dành chút thời gian vọc vạch các tùy chọn để tìm hiểu thêm về chúng. Có nhiều video hướng dẫn tuyệt vời trên YouTube nếu bạn chưa biết sử dụng, nó sẽ cung cấp cho bạn một khóa học về sử dụng Công cụ dành cho nhà phát triển của Google Chrome

5. Oxygen Website Builder (WordPress)

Ngày nay, có vô số công cụ tạo trang web trực quan, chỉ cần kéo và thả, DIY. Một số cũng tốt và một số chưa hẳn là tốt. Trong số 'danh sách tốt' đó là plugin Oxygen Website Builder dành cho WordPress, theo tôi, là trình tạo chủ đề WordPress linh hoạt và hoàn chỉnh nhất hiện có.

Oxygen Builder cho phép bạn kiểm soát hoàn toàn mọi khía cạnh của thiết kế trang web WordPress.

Oxygen Builder không dành cho tất cả mọi người và lý do tôi nói điều này là vì nó không phải là plugin thân thiện với người dùng nhất hiện nay. Tuy nhiên, đối với các nhà thiết kế và phát triển web, nếu bạn hiểu biết về WordPress, HTML và CSS, bạn cũng có thể tìm thấy sự hữu ích trong plugin này.

6. CSS Hero 

CSSHero là một plugin tương đối mới cho WordPress. Nó cung cấp cho bạn các công cụ và sức mạnh để tùy chỉnh CSS của bất kỳ chủ đề WordPress nào mà không cần phải root sâu vào các tệp của chủ đề của bạn.

Plugin hoạt động với hầu hết các chủ đề WordPress bao gồm StudioPress và Oxygen Builder. Nó bao gồm một giao diện người dùng đẹp mắt để tùy chỉnh trực quan và một công cụ kiểm tra code hữu ích.

7. All-in-one WP Migration

Là một nhà phát triển web làm việc chủ yếu với WordPress, không có tool box nào là hoàn chỉnh nếu không có plugin All-in-One WP Migration. Tôi có xu hướng bắt đầu các dự án web của mình trên máy chủ local. Sau đó, tôi sử dụng plugin di chuyển để xuất tất cả các tệp để nhập vào trang web trực tiếp.

Công cụ này có thể khá phức tạp, nhưng khi bạn đã sử dụng nó một vài lần, bạn sẽ thấy nó vô cùng hữu ích.

8. Pexels

Pexels.com là một trong số những trang web được đề xuất hàng đầu của tôi để tìm kiếm ảnh chất lượng cao. Nếu bạn muốn sử dụngảnh lưu trữ miễn phí trên trang web của mình hoặc các dự án quảng cáo hay sáng tạo gì đó, vậy thì đây là sự lựa chọn không thể phù hợp hơn.

9. Google font

Tìm kiếm một số phông chữ mới đầy cảm hứng cho thiết kế web hoặc dự án thiết kế đồ họa tiếp theo của bạn? Google Fonts không chỉ có nhiều loại phông chữ để lựa chọn mà những phông chữ này còn được tối ưu hóa để dễ đọc và tải nhanh.

Tôi chủ yếu sử dụng Google Fonts trong tất cả các dự án của mình. Tối có thể tìm một phông chữ rất nhanh chóng và đơn giản để triển khai thành các stylesheet.

10. Ion Icon

Nếu bạn đang tìm kiếm một số biểu tượng có nguồn mở, được cấp phép MIT chất lượng tốt để sử dụng trong các dự án ứng dụng web, iOS, Android và PC, thì Ion Icons là trang web dành cho bạn.

Có một số biểu tượng rất đẹp, từ các biểu tượng đơn giản đến phức tạp.

11. UI gradients

UI Gradients là một trong những trang resource yêu thích của tôi. Nếu bạn đang tìm kiếm gradient hoàn hảo cho trang web hoặc dự án thiết kế ứng dụng của mình, hãy thử xem trang web này nhé. Một trong những gradient yêu thích của tôi là Yoda! 

Trên đây là 11 tool và resource để phát triển web với wordpress mà tôi thường sử dụng và vô cùng yêu thích vì sự tiện dụng của nó. Bạn đang dùng tool nào rồi, hãy chia sẻ cùng tôi nhé.

Nguồn tham khảo: fabriziovanmarciano.com