WPLift / Mẹo & hướng dẫn về WordPress / Kỹ thuật. Thẻ img /> trong HTML trống; . Không có yêu cầu cho một thẻ đóng. Mặt khác, một mã ngắn tự đóng có thể nhận các đặc điểm nhưng không yêu cầu thẻ đóng
Mã ngắn kèm theo
Các thẻ đóng để kèm theo mã ngắn là. [mã ngắn]nội dung của bạn ở đây[/mã ngắn]. Khi nội dung bên trong thẻ mở và thẻ đóng phải được thay đổi, cần có mã ngắn kèm theo.
Ví dụ về mã ngắn
Nút kêu gọi hành động
Một shortcode tự đóng sẽ là ví dụ đầu tiên. Để làm điều này, chúng tôi muốn tạo một nút có thể được đặt ở bất kỳ đâu trong tài liệu của bạn và liên kết đến một cửa hàng trực tuyến
Ví dụ giao diện người dùng của mã ngắn được mã hóa cứng tùy chỉnh
Chúng tôi sẽ mã hóa cứng cách nó hiển thị, nơi nó liên kết và nội dung của nó vì chúng tôi muốn đây là một thành phần tĩnh. Để thực hiện điều này, chúng tôi sẽ chuyển đổi mã ngắn trước thành mã ngắn kèm theo
function shortcode_init[]{
add_shortcode[ 'ctabutton', 'ctabutton_handler' ];
}
add_action['init', 'shortcode_init'];
function ctabutton_handler[] {
return 'Start Shopping!';
}Như đã nói trước đây, phần đầu tiên chỉ đơn giản là chức năng bao bọc để đăng ký mã ngắn. Bước thứ hai tạo vùng chứa có phần tử div. Nó có một văn bản liên kết được xác định và một liên kết đến URL chính của trang web với /shop được đính kèm với nó. Để có thể tạo kiểu cho các phần tử, chúng đều có các lớp CSS.
Lời kêu gọi hành động có thể tùy chỉnh
Tuy nhiên, nếu bạn muốn có thể tùy chỉnh nội dung, màu sắc và đích của lời kêu gọi hành động thì sao? . Đây là hàm xử lý được cập nhật [hàm add_shortcode[] không thay đổi]
function ctabutton_handler[ $atts ] {
$a = shortcode_atts[ array[
'link' => '#',
'color' => 'red',
'size' => 'small',
'label' => 'Click me'
], $atts ];
return '' . esc_attr[ $a['label'] ] . '';
}Mã ngắn vs Khối
Nói chung, nếu bạn thích mã ngắn, bạn sẽ thích các khối trình chỉnh sửa WordPress. Bạn có thể đạt được kết quả tương tự với các khối nhưng theo cách thân thiện hơn với người dùng.
Mã ngắn trở nên ít hấp dẫn hơn khi các khối được giới thiệu. Thay vì xử lý các đánh dấu mã ngắn, giờ đây người dùng có thể thêm các khối trực tiếp từ giao diện chỉnh sửa, bất kể chúng đơn giản đến đâu. Vì các khối Gutenberg thân thiện với người mới hơn so với mã ngắn, nên một số plugin WordPress phổ biến đang chuyển sang chúng
Bài viết tiếp tục bên dưới
Vấn đề với mã ngắn là chúng cung cấp trải nghiệm người dùng kém cho những người không có kỹ năng kỹ thuật. Tuy nhiên, chúng là một trong những công cụ hữu ích nhất dành cho nhà phát triển, cả trong quá trình phát triển và trong các trang web sản xuất, bởi vì chúng cho phép bạn lấy mã của mình trên trang một cách dễ dàng nhất
Ưu điểm của mã ngắn
- Mã ngắn có thể chứa gần như mọi thứ, cho phép bạn bao gồm nhiều loại mục trên các trang của mình.
- Bởi vì chúng dễ đưa vào một trang hơn so với các đoạn mã nên chúng thân thiện với người dùng hơn.
- Bạn có thể sử dụng mã ngắn của mình trên các trang web WordPress khác nhau bằng cách cài đặt chúng dưới dạng plugin.
- Bạn có thể tạo chúng để người dùng có quyền kiểm soát các thuộc tính và tài liệu họ nhìn thấy
- Bạn không cần phải sao chép và dán cùng một dòng mã mỗi khi bạn muốn làm gì đó.
- Nếu bạn muốn thay đổi những gì shortcode tạo ra, bạn chỉ cần thay đổi mã một lần [tại nguồn].
- Thay vì sử dụng plugin, bạn có thể thực hiện một số tác vụ khá dễ dàng bằng mã ngắn
Nhược điểm của mã ngắn
- Không thể biết shortcode hoạt động như thế nào chỉ bằng cách nhìn vào nó.
- Có nhiều mã ngắn trên một trang có thể khiến nó trông hơi lộn xộn. Hơn nữa, bạn phải thường xuyên nhập thủ công và không thể chọn từ UI như các phần tử khác.
- Chúng có thể khiến trang web của bạn chậm lại vì mỗi mã ngắn gửi một yêu cầu bổ sung đến máy chủ của bạn. Nếu bạn sử dụng quá nhiều, thời gian tải của bạn sẽ bị chậm lại
Cách tạo mã ngắn tùy chỉnh
Biết những điều cơ bản
Để đăng ký một shortcode
add_shortcode[ ‘someshortcode’, ‘someshortcode_handler’ ];
- someshortcode — Giữa các dấu ngoặc sẽ có một thẻ. Nên sử dụng chữ thường, chữ số và dấu gạch dưới.
- someshortcode_handler — Nếu shortcode tồn tại, phương thức này sẽ được sử dụng
Đối với chức năng xử lý
chức năng someshortcode_handler[ $atts, $content, $tag ]{ }
- $atts — Tập hợp các phẩm chất. Nếu bạn không chỉ định, nó sẽ được coi là một chuỗi rỗng.
- $content — Nội dung sau được chứa [khi sử dụng mã ngắn kèm theo]. Trả lại giá trị thay vì lặp lại nó.
- $tag — Giá trị thẻ của shortcode [someshortcode trong ví dụ trước] [someshortcode trong ví dụ trên]. Hữu ích nếu có nhiều shortcode sử dụng cùng chức năng gọi lại.
Chức năng của bạn nên được đặt ở đâu?
Các tập lệnh mã ngắn có thể được bao gồm trong các chức năng. php, plugin hoặc tệp chủ đề. Bạn có thể gọi trực tiếp phương thức add shortcode[] trong trường hợp thứ hai, nhưng trong tất cả các trường hợp khác, bạn cần bọc nó trong một hàm khác như thế này
function shortcode_init[]{
add_shortcode[ 'someshortcode', 'someshortcode_handler' ];
}
add_action['init', 'shortcode_init'];Điều này đảm bảo rằng chức năng chỉ được gọi sau khi WordPress tải xong. Bây giờ chúng ta đã nắm được lý thuyết, hãy xem xét một số tình huống ví dụ
- Tạo chức năng mà WordPress sẽ gọi khi gặp shortcode.
- Đặt tên duy nhất cho mã ngắn khi đăng ký.
- Kết nối biểu mẫu đăng ký của bạn với một hành động WordPress
Cách tạo Shortcode WordPress bằng Plugin
người viết mã ngắn
Plugin Shortcoder cho phép bạn tạo HTML, JavaScript tùy chỉnh và các đoạn mã ngắn khác. Với sự trợ giúp của Shortcoder, mã ngắn hiện có thể được sử dụng trong các bài đăng và trang và đoạn trích sẽ được thay thế
Bài viết tiếp tục bên dưới
ưu
- Tạo và sử dụng “mã ngắn tùy chỉnh” trong WordPress một cách dễ dàng.
- Là nội dung shortcode, bạn có thể sử dụng bất kỳ loại HTML nào.
- Chèn Shortcode với các thông số tùy chỉnh
- Thêm thông số WordPress vào shortcode
Nhược điểm
- Đối với các tham số trống, giá trị mặc định bị thiếu chức năng
Giá bán
- Tự do
Tạo Shortcode WordPress Sử dụng Shortcoder
- Chuyển đến Cài đặt từ menu bên trái, rồi đến Bộ mã hóa ngắn
- Nhấp vào Tạo mã ngắn mới.
- Đặt tên cho mã ngắn của bạn, sau đó điền vào chỗ trống trong trình chỉnh sửa bằng văn bản của bạn
- Bạn vừa tạo mã ngắn đầu tiên của mình bằng cách nhấp vào Tạo mã ngắn ở dưới cùng.
- Để thêm mã ngắn của bạn, hãy chuyển đến trình chỉnh sửa của trang hoặc bài đăng ở nơi bạn muốn mã ngắn xuất hiện.
- Chọn chèn nhanh bên cạnh cái bạn muốn sử dụng bằng cách nhấp vào biểu tượng mã ngắn trên thanh công cụ chỉnh sửa
- Xem trang sau khi bạn xuất bản các chỉnh sửa của mình
GetShortcoder
Đoạn mã
Code Snippets thực hiện tốt công việc hiển thị các đoạn mã. Một trong những tính năng đáng chú ý của plugin là không chỉ các dòng mã hiển thị được định dạng để dễ đọc và sao chép mà còn bao gồm một trường tùy chỉnh cho mô tả mã để bạn có thể theo dõi đoạn mã nào làm gì.
Mọi bổ sung hoặc chỉnh sửa cần thiết có thể được thực hiện nhanh chóng và dễ dàng mà không cần phải tìm kiếm bài đăng hoặc trang có liên quan. Điều này cũng cho phép bạn sử dụng lại cùng một đoạn mã ở nhiều nơi trong khi chỉ duy trì một phiên bản duy nhất
ưu
- Giao diện đơn giản, dễ sử dụng
- Cung cấp giao diện GUI để thêm đoạn trích
- Đoạn mã có thể được kích hoạt và hủy kích hoạt, giống như phần bổ trợ
Nhược điểm
- Không tim thây
Giá bán
- Tự do
Tạo shortcode WordPress bằng Code Snippets
- Cài đặt và kích hoạt plugin Code Snippets
- Trong thanh quản trị WordPress của bạn, nó sẽ thêm một mục menu mới có tên là “Đoạn trích. ” Khi bạn chọn tùy chọn này, danh sách tất cả các đoạn mã tùy chỉnh trên trang web của bạn sẽ xuất hiện. Một vài đoạn giới thiệu sẽ có sẵn.
- Để thêm đoạn mã tùy chỉnh đầu tiên của bạn, hãy nhấp vào “Thêm mới. ”
Thao tác này sẽ dẫn bạn đến màn hình nơi bạn có thể “Thêm đoạn mã mới. ”
- Đặt tên cho đoạn mã tùy chỉnh của bạn. [về cơ bản là bất cứ thứ gì sẽ hỗ trợ việc khám phá mã]
- Đoạn mã của bạn phải được sao chép và dán vào hộp.
- Sửa đổi mã để đáp ứng nhu cầu cụ thể của bạn
- Ngay bên dưới hộp mã là một khoảng trống văn bản nơi bạn có thể viết mô tả về mã của mình. Bao gồm bất kỳ thông tin nào khác sẽ giúp bạn hiểu mã.
- Bằng cách gán các thẻ cho các đoạn mã của bạn, bạn có thể sắp xếp chúng theo chức năng và chủ đề.
- “Lưu thay đổi” và “Kích hoạt” là hai tùy chọn
GetCode Đoạn mã
Mã ngắn cuối cùng
Nó thêm hàng tá mã ngắn vào trang web WordPress của bạn, cho phép bạn thêm tất cả các loại nội dung và thiết kế vào bài đăng và trang của mình một cách nhanh chóng và dễ dàng.
Trong bảng điều khiển WordPress của bạn, plugin bao gồm một danh sách đầy đủ các mã ngắn cũng như một vài ví dụ. Ngoài ra còn có một cơ sở kiến thức toàn diện với 107 bài viết và hướng dẫn để hỗ trợ giải quyết các vấn đề
Plugin Shortcode Ultimate, giống như bất kỳ plugin miễn phí nào khác, có thể được tải xuống từ kho plugin WordPress thông qua bảng quản trị. Ngoài ra, bạn có thể lấy nó từ trang web của nhà phát triển và tải tệp zip plugin lên máy chủ thông qua bảng điều khiển quản trị viên hoặc FTP
ưu
- Trang web của bạn hiện có thể có bố cục cột đáp ứng nhờ vào tùy chọn Cột plugin.
- Nó có Chú giải công cụ cho phép bạn thêm chú giải công cụ ngay lập tức vào bất kỳ văn bản nào trên trang web của mình mà không cần plugin.
- Các tệp CSS gốc rất dễ thay đổi để điều chỉnh kiểu của từng thành phần
Nhược điểm
- Một số mã ngắn có thể yêu cầu tùy chỉnh CSS để hoạt động với một chủ đề
Giá bán
- Miễn phí với tiện ích trả phí
Tạo Shortcode WordPress Sử dụng Shortcode Ultimate
- Từ thông báo Plugin được đề xuất, hãy kích hoạt plugin Shortcodes Ultimate.
- Để tạo hoặc cập nhật một trang hoặc một bài đăng, hãy truy cập trang hoặc bài đăng mà bạn đang làm việc trên đó.
- Nhấp vào nút Chèn mã ngắn trong bảng chỉnh sửa trực quan
- Chọn mã ngắn mà bạn muốn sử dụng trong nội dung của mình\Đảm bảo rằng tất cả nội dung đều nằm trong mã ngắn mà bạn chọn
- Xem lại mã ngắn của bạn và chỉnh sửa bất kỳ cài đặt duy nhất nào bạn muốn
- Nhấp vào Xuất bản hoặc Cập nhật
GetShortcode cuối cùng
Sử dụng mã ngắn tùy chỉnh trong bài đăng và trang 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
- Trong menu điều hướng, nhấp vào “Đăng”
- Nhấp vào bài đăng bạn muốn chỉnh sửa
- Nhấp vào “Văn bản”
- Chèn mã ngắn
- Nhấp vào “Cập nhật” để lưu các thay đổi của bạn
Sử dụng mã ngắn tùy chỉnh trong Widget WordPress
Mã ngắn cũng có thể được sử dụng trong các tiện ích thanh bên của WordPress. Dưới đây là các bước về cách thêm mã ngắn vào Widget WordPress của bạn
- Sử dụng chi tiết đăng nhập của bạn để truy cập Bảng điều khiển WordPress.
- Nhấp vào “Trang” trong menu điều hướng.
- Chọn Trang bạn muốn thay đổi.
- Thêm một mã ngắn bằng cách nhấp vào “Văn bản. ”
- Để lưu các thay đổi của bạn, hãy nhấp vào “Cập nhật. ”
- Giờ đây, bạn có thể chèn phím tắt cũng như nội dung vào tiện ích văn bản
Sử dụng mã ngắn tùy chỉnh trong chủ đề WordPress
Mã ngắn được sử dụng để thêm định dạng cho bài đăng, trang và tiện ích con trong WordPress. Tuy nhiên, đôi khi bạn có thể cần sử dụng một mã ngắn trong tệp chủ đề WordPress.
Thật đơn giản để thực hiện với WordPress, nhưng bạn sẽ cần thay đổi các tệp chủ đề WordPress của mình. Xem bài viết của chúng tôi về cách sao chép và dán mã trong WordPress nếu bạn chưa thực hiện trước đây.
Chỉ cần dán mã sau vào bất kỳ mẫu chủ đề WordPress nào để tạo mã ngắn
Bây giờ, WordPress sẽ tìm mã ngắn và hiển thị đầu ra của nó trong mẫu chủ đề của bạn
kết thúc
Mã ngắn có thể được sử dụng cho nhiều mục đích khác nhau và trên toàn bộ trang web của bạn. Nếu bạn đang sử dụng một chủ đề hoặc plugin thiếu một số tính năng mà bạn muốn, việc tạo mã ngắn có thể giúp bạn lấp đầy khoảng trống.
Mã ngắn có thể được sử dụng để giới thiệu một tính năng không thể truy cập hoặc bị thiếu trước đây cho trang web của bạn, cũng như cải thiện đáng kể tính hữu dụng của nó. Tiết kiệm thời gian và công sức bằng cách sử dụng thông tin ở trên để dễ dàng phát triển mã ngắn WordPress của riêng bạn khi bạn biết cách sử dụng và thêm chúng
Chúng tôi hy vọng bài đăng này đã giúp bạn tìm hiểu cách tạo và thêm mã ngắn vào trang web WordPress của mình
Bạn có muốn tìm hiểu thêm về WordPress?
Đăng ký nhận Bản tin WordPress hàng tuần của chúng tôi
Thứ Sáu hàng tuần, bạn sẽ nhận được tin tức, hướng dẫn, đánh giá và ưu đãi lớn từ không gian WordPress
Chúng tôi hứa không quấy rầy hộp thư của bạn. Bạn có thể hủy đăng kí bất kì lúc nào
địa chỉ email không hợp lệ
cảm ơn đã đăng kí
Đội WPLift
Một nhóm các chuyên gia WordPress thích thử nghiệm phần mềm mới liên quan đến WordPress, plugin WordPress và chủ đề WordPress