Chuyển đổi mã ngắn sang PHP WordPress
|
Học cách tạo mã ngắn trong WordPress có thể là một cách hiệu quả để tùy chỉnh bài đăng và trang của bạn. Tuy nhiên, nếu bạn chưa quen với quy trình này, bạn có thể gặp khó khăn trong việc hiểu cách sử dụng một tính năng như vậy trên trang web của mình Show
Đó là lý do tại sao chúng tôi tập hợp một hướng dẫn để giúp bạn bắt đầu. Bằng cách xem cách mã ngắn hoạt động và cách áp dụng chúng hiệu quả, bạn có thể bắt đầu tùy chỉnh nội dung của mình theo ý thích mà không cần bổ sung plugin Trong bài đăng này, chúng tôi sẽ thảo luận về mã ngắn WordPress là gì và tại sao bạn có thể cân nhắc sử dụng chúng. Sau đó, chúng tôi sẽ chỉ cho bạn cách tạo của riêng bạn. Bắt đầu nào
Cách tạo mã ngắn trong video hướng dẫn WordPressTìm hiểu từng bước cách tạo mã ngắn WordPress Đăng ký Để có thêm video giáo dục. Học viện Hostinger Đặt mua Mã ngắn WordPress là gìMã ngắn WordPress hoạt động như lối tắt cho phép bạn nhúng các phần tử vào bài đăng hoặc trang một cách nhanh chóng. Chúng thường bao gồm một dòng mã trong dấu ngoặc vuông, chẳng hạn như WordPress lần đầu tiên giới thiệu mã ngắn với việc phát hành API mã ngắn. Điều này cho phép người dùng dễ dàng thêm các yếu tố hấp dẫn vào bài đăng và trang của họ, chẳng hạn như nút “Thích” trên Google Maps hoặc Facebook Có sáu mã ngắn mặc định trong WordPress
Bạn cũng sẽ bắt gặp hai loại định dạng mã ngắn cơ bản – tự đóng và kèm theo. Mã ngắn tự đóng có thể tự đứng và không cần thẻ đóng, chẳng hạn như mã ngắn Trong khi đó, các mã ngắn kèm theo bao quanh nội dung bạn muốn sửa đổi và yêu cầu bạn đóng thẻ theo cách thủ công. Ví dụ: bạn có thể nhúng video YouTube bằng cách gói URL trong thẻ include('custom-shortcodes.php');0 và include('custom-shortcodes.php');1Ví dụ: điều này sẽ tạo ra kết quả sau Một số plugin WordPress tốt nhất đi kèm với mã ngắn của riêng chúng. Chẳng hạn, WP Forms và Contact Form 7 có các mã ngắn cho phép bạn nhúng biểu mẫu liên hệ WordPress vào một bài đăng hoặc trang một cách nhanh chóng. Bạn cũng có thể sử dụng một plugin như MaxButtons để thêm mã ngắn nút WordPress vào bất cứ đâu bạn muốn trên trang web của mình Tại sao bạn nên cân nhắc sử dụng mã ngắn WordPressCó nhiều lý do bạn có thể muốn sử dụng mã ngắn WordPress. Chẳng hạn, nó dễ dàng và nhanh hơn so với việc học và viết một đoạn mã dài trong HTML. Hơn nữa, chúng giúp bạn giữ cho nội dung của mình sạch sẽ và dễ truy cập Mã ngắn có thể được sử dụng để tự động hóa một số tính năng mà bạn sử dụng nhiều lần. Chẳng hạn, nếu bạn sử dụng nút kêu gọi hành động (CTA) trên mỗi bài đăng của mình, thì việc chuẩn bị sẵn một mã ngắn chuyên dụng có thể là một giải pháp nhanh chóng và thiết thực Điều đáng nói là Trình chỉnh sửa Gutenberg hoạt động tương tự, dựa vào việc sử dụng mã ngắn. Nó cho phép người dùng WordPress thêm một số tính năng tương tác thông qua việc sử dụng các khối Phương pháp này thân thiện với người mới bắt đầu hơn nhiều vì bạn có thể thêm nội dung trực tiếp vào giao diện người dùng. Tuy nhiên, WordPress Block Editor vẫn còn hạn chế về những gì nó cung cấp. May mắn thay, nó đi kèm với một khối Shortcode, cho phép bạn thêm nội dung tùy chỉnh vào các trang của mình Cách tạo mã ngắn trong WordPress (Trong 7 bước)Nếu bạn đã có một số kiến thức về mã hóa, bạn có thể muốn tạo mã ngắn tùy chỉnh của riêng mình. Điều này cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của trang web của mình Hãy xem cách tạo mã ngắn WordPress tùy chỉnh. Trong hướng dẫn này, chúng tôi sẽ thêm các liên kết mạng xã hội vào một bài đăng làm ví dụ Bước 1 – Tạo một tệp chủ đề mớiTrước khi bắt đầu, bạn nên sao lưu toàn bộ trang web WordPress của mình. Bạn cũng sẽ cần tạo một tệp riêng cho mã ngắn tùy chỉnh của mình bên ngoài các chức năng của chủ đề. tập tin php. Điều này sẽ cung cấp một dự phòng trong trường hợp xảy ra sự cố Bạn có thể sử dụng ứng dụng khách Giao thức truyền tệp (FTP) chẳng hạn như FileZilla để truy cập các tệp chủ đề của trang web của bạn. Sau khi kết nối với trang web của bạn, hãy điều hướng đến wp-content > chủ đề và tìm thư mục cho chủ đề hiện tại của bạn. Trong ví dụ của chúng tôi, đây sẽ là rosa-lite Mở thư mục chủ đề của bạn, nhấp chuột phải vào thư mục đó và nhấn nút Tạo tệp mới Đặt tên cho mã ngắn tùy chỉnh tệp mới của bạn. php và nhấp vào OK. Sau đó, bạn có thể chỉnh sửa nó bằng cách nhấp chuột phải vào nó và chọn tùy chọn Xem/Chỉnh sửa Thao tác này sẽ mở tệp trong trình soạn thảo văn bản mặc định của bạn. Sau đó, bạn chỉ cần thêm khối mã sau Điều này đảm bảo rằng tệp mới của bạn sẽ được hiểu là PHP, là ngôn ngữ kịch bản mà WordPress được xây dựng trên đó Sau đó, bạn có thể lưu các thay đổi của mình và đóng tệp. Đảm bảo chọn hộp sau để đảm bảo rằng nó được cập nhật trên máy chủ và được áp dụng cho trang web của bạn Tiếp theo, mở các chức năng. php trong cùng một thư mục chủ đề và thêm dòng mã sau vào cuối tài liệu include('custom-shortcodes.php');Điều này sẽ yêu cầu hệ thống bao gồm mọi thay đổi bạn thực hiện đối với mã ngắn tùy chỉnh. tệp php trong các chức năng. php trong khi cho phép bạn tách chúng ra. Khi bạn đã sẵn sàng, hãy lưu các thay đổi của bạn và đóng tệp Bước 2 – Tạo hàm ShortcodeTiếp theo, bạn sẽ cần tạo chức năng của shortcode, ra lệnh cho nó phải làm gì. Chọn lại tùy chọn Xem/Chỉnh sửa cho mã ngắn tùy chỉnh của bạn. tập tin php. Sử dụng đoạn mã sau để thêm một hành động để nối chức năng của bạn với function subscribe_link(){
return 'Follow us on Twitter';
}Tiếp theo, bạn sẽ cần thêm chức năng gọi lại, chức năng này sẽ chạy khi hành động hook được kích hoạt. Thêm dòng mã sau ngay sau dòng được đề cập ở trên sẽ cho WordPress biết rằng chức năng của bạn là một mã ngắn add_shortcode('subscribe', 'subscribe_link');Khi bạn tạo một mã ngắn bằng hàm add_shortcode, bạn chỉ định một thẻ mã ngắn “($tag)” và một hàm tương ứng “($func)” sẽ chạy bất cứ khi nào phím tắt được sử dụng Nói cách khác, nếu thẻ shortcode là include('custom-shortcodes.php');2, nó sẽ làm cho hook 'subscribe_link' hướng khách truy cập đến URL được cung cấpDo đó, toàn bộ mã bạn sẽ sử dụng trong mã ngắn tùy chỉnh của mình. tệp php sẽ trông giống như thế này Cần lưu ý rằng khi đặt tên thẻ, bạn chỉ nên sử dụng chữ thường, mặc dù có thể sử dụng dấu gạch dưới. Điều này cũng rất quan trọng đối với , vì điều này có thể ảnh hưởng đến các mã ngắn khác Bước 3 – Thêm mã ngắn tự đóng vào trang webGiờ đây, bạn có thể kiểm tra mã ban đầu của mình dưới dạng mã ngắn tự đóng trên trang web WordPress của mình. Sử dụng Trình chỉnh sửa khối WordPress, bạn có thể chèn trực tiếp thẻ include('custom-shortcodes.php');2 vào bài đăngĐiều này sẽ hiển thị nội dung sau cho khách truy cập trang web của bạn Nếu bạn hài lòng với mã ngắn này, bạn không cần phải làm gì khác. Tuy nhiên, nếu bạn muốn tùy chỉnh nó, bạn có thể chuyển sang bước tiếp theo Bước 4 – Thêm tham số vào ShortcodeBạn có thể điều chỉnh mã ngắn 'đăng ký' để có thêm chức năng hiển thị các liên kết truyền thông xã hội khác. Bạn có thể làm điều này bằng cách thêm một tham số để thay đổi URL Để , bạn sẽ cần mở mã ngắn tùy chỉnh. php và thêm vào đoạn mã sau ________số 8_______Điều này sẽ cho phép bạn tùy chỉnh các liên kết trong thẻ shortcode của mình để thêm chúng vào Gutenberg Editor. Bạn có thể dán nó lên mã trước đó trong mã ngắn tùy chỉnh. tập tin php. Nó sẽ trông giống như thế này Việc bổ sung hàm shortcode_atts() sẽ kết hợp các thuộc tính người dùng với bất kỳ thuộc tính nào đã biết và mọi dữ liệu bị thiếu sẽ được thay đổi thành giá trị mặc định của chúng. Khi bạn đã sẵn sàng, hãy lưu các thay đổi của bạn và đóng tệp Bước 5 – Kiểm tra các thông sốBây giờ bạn có thể kiểm tra mã ngắn được cập nhật trong Trình chỉnh sửa khối WordPress. Trong ví dụ của chúng tôi, chúng tôi đang kiểm tra các liên kết Twitter và Facebook của mình bằng các mã ngắn sau [subscribe link='https://www.facebook.com/Hostinger/'] [subscribe link='https://twitter.com/Hostinger?s=20/'] Điều này sẽ tạo ra kết quả sau trên giao diện người dùng Mã ngắn tự đóng này hiển thị các URL trực tiếp cho hồ sơ xã hội của bạn cho khách truy cập. Tuy nhiên, bạn có thể muốn tính năng này trông bóng bẩy hơn một chút Chẳng hạn, bạn có thể tạo một phiên bản đính kèm cho phép bạn tùy chỉnh hoàn toàn anchor text được hiển thị cho người dùng khi họ sắp nhấp vào nó. Chúng tôi sẽ chỉ cho bạn cách thực hiện điều đó trong bước sau Bước 6 – Tạo một mã ngắn kèm theoMã ngắn kèm theo sẽ được định dạng tương tự như ví dụ tự đóng trước đó. Tuy nhiên, nó sẽ bao gồm một tham số bổ sung cho chức năng Trước tiên, bạn sẽ cần thêm $content = null, xác định chức năng này là một mã ngắn kèm theo. Sau đó, bạn có thể thêm WordPress do_shortcode, mã này sẽ tìm kiếm nội dung cho các mã ngắn Trong mã ngắn tùy chỉnh. php, hãy thêm mã ngắn kèm theo mới function subscribe_link_att($atts, $content = null) {
$default = array(
'link' => '#',
);
$a = shortcode_atts($default, $atts);
$content = do_shortcode($content);
return 'Follow us on '.$content.'';
}
add_shortcode('subscribe', 'subscribe_link_att');Khi bạn đã sẵn sàng, mã ngắn tùy chỉnh của bạn. tệp php sẽ trông như thế này Đoạn mã trước cũng có một thuộc tính “kiểu” bổ sung, thuộc tính này sẽ thay đổi văn bản neo thành màu xanh lam. Đừng quên lưu các thay đổi của bạn khi bạn hoàn tất Bước 7 – Thêm một mã ngắn kèm theo vào trang webBây giờ bạn có thể chèn mã ngắn kèm theo của mình vào Trình chỉnh sửa khối WordPress để xem kết quả cuối cùng Như bạn đã nhận thấy, bạn có thể dễ dàng thay đổi URL của các trang truyền thông xã hội của mình và văn bản liên kết được hiển thị cho khách truy cập bằng cách sử dụng mã ngắn kèm theo này. Trong trường hợp này, chúng tôi đã chọn “Facebook” và “Twitter” Đó là nó. Bây giờ bạn đã tạo một mã ngắn tùy chỉnh cho các liên kết đăng ký trong các trang và bài đăng của mình. Hãy lưu ý rằng tất cả các bước đã đề cập trước đó có thể được điều chỉnh để tạo ra tất cả các loại yếu tố khác nhau bằng cách sử dụng chức năng Mã ngắn WordPress Khai thác tối đa trang web WordPress của bạn với dịch vụ lưu trữ web được quản lý hoàn toàn và được tối ưu hóa cho WordPress. Mua dịch vụ lưu trữ WordPress Phần kết luậnThêm chức năng bổ sung vào trang web WordPress của bạn đơn giản hơn rất nhiều với mã ngắn. Bạn có thể sử dụng chúng để tùy chỉnh nội dung hiện có của mình và thêm các tính năng tương tác, chẳng hạn như biểu mẫu liên hệ, thư viện hình ảnh hoặc liên kết đăng ký Trong bài đăng này, chúng tôi đã học cách tạo mã ngắn của riêng bạn trong WordPress theo bảy bước đơn giản
Có thêm câu hỏi về cách tạo mã ngắn WordPress của riêng bạn hoặc lập kế hoạch tối ưu hóa hiệu suất trang web của bạn với dịch vụ lưu trữ WordPress? Tìm hiểu các kỹ thuật WordPress nâng cao khácCách thêm phông chữ tùy chỉnh vào WordPress Tác giả sẽ M Will Morris là một nhà văn nhân viên tại WordCandy. Khi anh ấy không viết về WordPress, anh ấy thích trình diễn hài độc thoại của mình trên mạng địa phương Làm cách nào để sử dụng mã ngắn WordPress trong tệp php?Tìm mã ngắn trong chủ đề WordPress . Đăng nhập vào Bảng điều khiển WordPress với thông tin đăng nhập của bạn Kéo và thả tiện ích văn bản vào thanh bên của bạn Thực hiện một sửa đổi mã nhỏ trong các chức năng. . Cuối file dán Add_filter("widget_text", "do_shortcode"); Thêm mã ngắn của bạn lựa chọn bên trong nó Và Lưu thay đổi Làm cách nào để in mã ngắn trong php?Đảm bảo cho phép sử dụng mã ngắn trong tiện ích văn bản. // Để cho phép sử dụng, hãy thêm phần này vào *functions của bạn. tập tin php*. add_filter( 'widget_text', 'do_shortcode' ); . ? php echo do_shortcode('[YOUR-SHORTCODE-NAME/TAG]'); ?>
Làm cách nào để thêm đoạn mã php vào WordPress?Cách thêm mã PHP vào bài đăng hoặc trang WordPress bằng plugin . Từ bảng điều khiển WordPress của bạn, điều hướng đến XYZ PHP Code -> PHPCode Snippets Trong trang Đoạn mã PHP, nhấp vào Thêm đoạn mã PHP mới. . Nếu quá trình thành công, trên màn hình sẽ xuất hiện thông báo xác nhận và chức năng mới Làm cách nào để viết mã php trong trình chỉnh sửa trang WordPress?Cài đặt và kích hoạt plugin Chèn đoạn mã PHP. . Thiết lập đoạn mã của bạn. . Nhấp vào nút để “Thêm đoạn mã PHP mới. ” Nhập Tên theo dõi cho đoạn trích. . Nhập mã PHP Khi bạn đã hoàn tất, hãy nhấp vào nút “Tạo” ở phía dưới Bây giờ, bạn sẽ thấy một mã ngắn được tạo cho đoạn mã |
