JavaScript là ngôn ngữ lập trình không chạy trên server của bạn mà trên trình duyệt của người dùng. Chương trình client-side này cho phép developer thực hiện nhiều điều thú vị mà không làm chậm trang web của bạn. Show
Nội dung chính
Nếu bạn muốn nhúng video, thêm calculator hoặc một số dịch vụ của bên thứ ba khác thì bạn sẽ thường được yêu cầu sao chép và dán đoạn code JavaScript vào trang web của mình. Một đoạn code JavaScript điển hình có thể trông như thế này:
Lúc này, nếu bạn thêm đoạn code javascript vào bài đăng hoặc trang WordPress thì đoạn code sẽ bị xóa bởi WordPress khi bạn lưu. Chúng tôi sẽ hướng dẫn bạn 3 phương pháp đơn giản nhất thêm JavaScript trong các trang hoặc bài đăng WordPress mà không tổn hại đến trang web của bạn. Hướng dẫn thêm JavaScript trong trang hoặc bài viết của WordPressPhương pháp 1: Thêm JavaScript Site-wide bằng cách sử dụng plugin Insert Headers and FootersPhương pháp 2: Thêm code JavaScript thủ công Phương pháp 3: Thêm JavaScript vào một bài đăng hoặc trang WordPress cụ thể bằng cách sử dụng code Phương pháp 3. Thêm code Javascript bên trong bài viết hoặc trang bằng Plugin Nếu bạn muốn nhúng video, thêm calculator hoặc một số dịch vụ của bên thứ ba khác thì bạn sẽ thường được yêu cầu sao chép và dán đoạn code JavaScript vào trang web của mình. Một đoạn code JavaScript điển hình có thể trông như thế này: 1 2 3 // Some JavaScript code 4 5 6 7 8 9 Settings » Insert Headers and Footers. Bạn sẽ thấy hai hộp trống như hình bên dưới, một cho Heater và một cho Footer.  Lúc này, nếu bạn thêm đoạn code javascript vào bài đăng hoặc trang WordPress thì đoạn code sẽ bị xóa bởi WordPress khi bạn lưu.Save. Chúng tôi sẽ hướng dẫn bạn 3 phương pháp đơn giản nhất thêm JavaScript trong các trang hoặc bài đăng WordPress mà không tổn hại đến trang web của bạn.Insert Headers and Footers giờ đây sẽ tự động tải code bạn đã thêm trên mỗi trang của trang web. Phương pháp 2: Thêm code JavaScript thủ côngPhương pháp 3: Thêm JavaScript vào một bài đăng hoặc trang WordPress cụ thể bằng cách sử dụng code Phương pháp 3. Thêm code Javascript bên trong bài viết hoặc trang bằng Plugin
Phương pháp 3: Thêm JavaScript vào một bài đăng hoặc trang WordPress cụ thể bằng cách sử dụng codePhương pháp 3. Thêm code Javascript bên trong bài viết hoặc trang bằng Plugin
1 2 3 // Some JavaScript code 4 5 6 7 8 9 Lúc này, nếu bạn thêm đoạn code javascript vào bài đăng hoặc trang WordPress thì đoạn code sẽ bị xóa bởi WordPress khi bạn lưu.
1 2 3 // Some JavaScript code 4 5 6 7 8 9 is_single, chúng tôi hiện đang sử dụng is_page để kiểm tra ID trang. Lúc này, nếu bạn thêm đoạn code javascript vào bài đăng hoặc trang WordPress thì đoạn code sẽ bị xóa bởi WordPress khi bạn lưu.
Thay vì nối hàm của chúng tôi với wp_head, chúng tôi đã kết nối hàm với wp_footer. Bạn cũng có thể sử dụng nó với các tag có điều kiện để thêm Javascript vào các bài đăng hoặc trang cụ thể. Phương pháp 3. Thêm code Javascript bên trong bài viết hoặc trang bằng PluginPhương pháp này sẽ cho phép bạn thêm code ở bất cứ đâu trong các bài đăng và trang WordPress của bạn. Bạn cũng sẽ có thể chọn vị trí trong nội dung bạn muốn nhúng code javascript. Đầu tiên, bạn cần cài đặt và kích hoạt plugin Code Embed. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress. Khi kích hoạt, bạn cần chỉnh sửa bài đăng hoặc trang nơi bạn muốn thêm javascript. Trên trang chỉnh sửa bài đăng, nhấp vào nút ‘Screen Options ‘ và tích tùy chọn ‘Custom Fields‘.Screen Options ‘ và tích tùy chọn ‘Custom Fields‘. Bây giờ cuộn xuống và bên dưới trình chỉnh sửa bài đăng, bạn sẽ thấy metabox ‘Custom Fields‘ nơi bạn cần nhấp vào liên kết ‘Enter new‘.Custom Fields‘ nơi bạn cần nhấp vào liên kết ‘Enter new‘. Các trường giá trị và tên trường tùy chỉnh sẽ xuất hiện. Bạn cần cung cấp tên cho trường tùy chỉnh với tiền tố CODE (ví dụ: CODEmyjscode) và sau đó dán code javascript vào trường giá trị. Đừng quên nhấp vào nút ‘Add Custom Field’ để lưu trường tùy chỉnh của bạn.Add Custom Field’ để lưu trường tùy chỉnh của bạn. Bây giờ bạn có thể sử dụng trường tùy chỉnh này để nhúng code JavaScript ở bất kỳ đâu trong bài đăng hoặc trang này. Đơn giản chỉ cần thêm code nhúng này bất cứ nơi nào trong nội dung bài viết của bạn. {{CODEmyjscode}} Bạn có thể lưu bài viết hoặc trang của bạn và xem trang web của bạn. Bạn sẽ có thể xem code javascript bằng cách sử dụng Inspect tool hoặc bằng cách xem nguồn trang. Ttp: Những phương pháp này dành cho người mới bắt đầu và chủ sở hữu trang web. Nếu bạn đang học theme WordPress hoặc phát triển plugin, bạn cần phải xác định chính xác enqueue JavaScript and stylesheets cho các dự án của mình. Những phương pháp này dành cho người mới bắt đầu và chủ sở hữu trang web. Nếu bạn đang học theme WordPress hoặc phát triển plugin, bạn cần phải xác định chính xác enqueue JavaScript and stylesheets cho các dự án của mình. Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách dễ dàng thêm JavaScript trong các trang hoặc bài đăng trên WordPress. Bạn cũng có thể muốn xem danh sách các thủ thuật cực kỳ hữu ích của chúng tôi cho file chứa hàm WordPress . Nếu bạn thích bài viết này, vui lòng đăng ký YouTube Channel của chúng tôi để xem thêm các video hướng dẫn. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook. |
