将占位符文本添加到Wordpress wp-login.php页面

Question

所以我想在标准wp-login.php页面上的Username和Password字段中添加占位符文本-我不想编辑实际的wp-login.php页面，因为每次更新WordPress时，我的修改都会被删除。

所以！ 在functions.php中，我向wp-login.php页面添加了一个简单的函数来添加.js文件（和一些css文件，但我认为这并不重要），这是我的代码-这是我的在functions.php中的功能

function my_custom_login() {
  echo '<link rel="stylesheet" type="text/css" href="/shared-assets/css/main-screen-styles.css" />';
  echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/css/campsite-finder-screen-styles.css" />';
  echo '<script type="text/javascript" href="/shared-assets/js/test.js">
</script>';
}
add_action('login_head', 'my_custom_login');

这是我的js文件

jQuery(document).ready(function(){
  jQuery('#user_login').attr('placeholder', 'Name');
  jQuery('#user_email').attr('placeholder', 'Email');
  jQuery('#user_pass').attr('placeholder', 'Password');
});

这就是我卡住的地方..我认为应该可以使用，我检查了ID，它们似乎都对齐了，但是我显然做错了什么，您可以在http://www.com.cn上找到该页面。 camp-site-finder.com/wp-login.php

如果您查看源代码，则可以看到指向我的.js文件的链接，而我引用的是jQuery errmm，是否在此过程中做过一些愚蠢的事情，或者有更好的方法吗？

如果有人能指出我正确的方向，我将不胜感激

ñ

Answer 1

您没有在<script src="something.js">包含.JS文件。 您已将其包含在<link rel=stylesheet >标记中，这是我在您的页面中发现的问题