Gần đây tôi đã nâng cấp lên phiên bản 3.3.1 và nhận thấy một tính năng tuyệt vời sẽ rất tốt cho các khách hàng không hiểu biết về Wordpress của chúng tôi - tạo một chuyến tham quan về cách sử dụng Wordpress.
Tôi đã sử dụng plugin Yoast SEO trong một thời gian dài và họ đã thêm một tính năng tham quan, khi bạn nhấp vào các nút tiếp theo, nó sẽ đi qua các tính năng khác nhau (xem ảnh chụp màn hình):
Có thể tạo một chuyến tham quan Wordpress tùy chỉnh về cách thêm trang, bài đăng, v.v. và tạo nội dung trợ giúp của riêng chúng tôi để đi cùng với nó.
Tôi đã có một bộ plugin tiêu chuẩn mà tôi có xu hướng sử dụng để chuyến tham quan (nếu có thể) sẽ cần phải chuyển qua cả cài đặt Wordpress tiêu chuẩn cũng như tất cả các plugin khác nhau.
CẬP NHẬT:
Tôi đã tìm hiểu trên web và tìm thấy đoạn mã sau. Điều này sẽ tạo một con trỏ tắt mà bạn có thể đặt nội dung tùy chỉnh. Vấn đề duy nhất là cửa sổ bật lên xuất hiện với mỗi lần tải lại ngay cả khi nó bị loại bỏ (có cách nào để cải thiện khả năng sử dụng của điều này không?) Và đó cũng là một cửa sổ tắt hơn là một tour du lịch.
Chỉ cần sử dụng Fireorms để tìm div bạn muốn gắn con trỏ vào.
/*
Display custom WordPress Dashboard Pointers alerts
Usage: Modify the $pointer_content message to the message you wished displayed
*/
add_action('admin_enqueue_scripts', 'enqueue_custom_admin_scripts');
function enqueue_custom_admin_scripts() {
wp_enqueue_style('wp-pointer');
wp_enqueue_script('wp-pointer');
add_action('admin_print_footer_scripts', 'custom_print_footer_scripts' );
}
function custom_print_footer_scripts() {
$pointer_content = '<h3>The Works http://www.teamworksdesign.com</h3>';
$pointer_content .= '<p>Welcome to your custom WordPress installation. Please navigate to the settings page to change your site preferences</p>';
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready( function($) {
$('#menu-posts-events').pointer({
content: '<?php echo $pointer_content; ?>',
position: 'left',
close: function() {
// This function is fired when you click the close button
}
}).pointer('open');
});
//]]>
</script>
<?php
}