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

标签 javascript php jquery wordpress

所以我想将占位符文本添加到标准 wp-login.php 页面上的用户名和密码字段 - 我不想编辑实际的 wp-login.php 页面,因为每次更新 WordPress 时我的修正都会就被擦掉了。

那么!在functions.php中,我添加了一个简单的函数来将.js文件(和一些css文件,但我认为这对此并不重要)添加到wp-login.php页面,我在其中有此代码 - 这是我的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.camp-site-finder.com/wp-login.php

如果您查看源代码,您可以看到我的 .js 文件的链接,并且我引用了 jQuery,所以呃mm,我在此过程中做了一些愚蠢的事情还是有更好的方法?

如果有人能在这方面为我指出正确的方向,我将非常感激

N

最佳答案

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

关于javascript - 将占位符文本添加到 WordPress wp-login.php 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47658375/

相关文章:

javascript - 单击切换到不同的按钮

javascript - Extjs 5.1 图表图例

javascript - 如何获取 JavaScript 实际使用的 CSS 值?

javascript - 随机变量网格

javascript - 如何在javascript中使用PHP循环变量?

jquery - 如何在 Grails 3.0 中使用 jQuery

javascript - jVectorMap - setFocus 错误 - jQuery

javascript - MongoDB Mongoose 按多个字段分组并获取计数

php:复合 if 语句(被忽略)

javascript - 如何添加带有空白导航标签的 WordPress 菜单项?