如何将滑块点转换为推荐滑块中的作者姓名?
How to convert the slider dots to Author name In Testimonial Slider?
我在 WordPress 页面中添加了一个推荐滑块,但它在底部显示了圆点,但我想要作者姓名代替圆点。任何人都可以帮助我吗?我还附上了 UI 样本。
使用 Wordpress 功能 get_the_author_meta()
。
例如echo get_the_author_meta('first_name') . ' ' . get_the_author_meta('last_name');
将输出作者的名字和姓氏。您可以使用以下字符串作为参数,而不是 firstname
和 lastname
:
- admin_color
- aim
- comment_shortcuts
- description
- display_name
- first_name
- ID
- jabber
- last_name
- nickname
- plugins_last_view
- plugins_per_page
- rich_editing
- syntax_highlighting
- user_activation_key
- user_description
- user_email
- user_firstname
- user_lastname
- user_level
- user_login
- user_nicename
- user_pass
- user_registered
- user_status
- user_url
- yim
现在您已经有了数据,您需要用数据替换点 (...)。假设您使用的插件不支持它并且您不想编辑插件的代码。您仍然可以使用 JavaScript!
PHP: 用class输出div中的值即可。
JavaScript: 然后将点 (...) 的选择器替换为您提供的 div 的选择器。
例如:
document.querySelector('.dots').innerHTML = document.querySelector('.hidden-author').innerHTML;
.hidden-author {
display: none;
}
<div class="hidden-author">Author's name</div>
<div class="dots">...</div>
我在 WordPress 页面中添加了一个推荐滑块,但它在底部显示了圆点,但我想要作者姓名代替圆点。任何人都可以帮助我吗?我还附上了 UI 样本。
使用 Wordpress 功能 get_the_author_meta()
。
例如echo get_the_author_meta('first_name') . ' ' . get_the_author_meta('last_name');
将输出作者的名字和姓氏。您可以使用以下字符串作为参数,而不是 firstname
和 lastname
:
- admin_color
- aim
- comment_shortcuts
- description
- display_name
- first_name
- ID
- jabber
- last_name
- nickname
- plugins_last_view
- plugins_per_page
- rich_editing
- syntax_highlighting
- user_activation_key
- user_description
- user_email
- user_firstname
- user_lastname
- user_level
- user_login
- user_nicename
- user_pass
- user_registered
- user_status
- user_url
- yim
现在您已经有了数据,您需要用数据替换点 (...)。假设您使用的插件不支持它并且您不想编辑插件的代码。您仍然可以使用 JavaScript!
PHP: 用class输出div中的值即可。
JavaScript: 然后将点 (...) 的选择器替换为您提供的 div 的选择器。
例如:
document.querySelector('.dots').innerHTML = document.querySelector('.hidden-author').innerHTML;
.hidden-author {
display: none;
}
<div class="hidden-author">Author's name</div>
<div class="dots">...</div>