重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

wordpress底部美化代码 wordpress底部菜单代码

如何通过代码美化自定义WordPress后台登陆界面,半透明效果登陆框

要通过代码自定义wordpress后台登录页面,这个看起来简单,但做起来还是有点小复杂。

点军ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

据了解,高时银博客就是通过以下2步来实现的:

1、在当前主题文件夹下创建一个login.css 文件,

html{

background: transparent;

}

body.login{

background: #000 url("images/login_bg.jpg") no-repeat center top;

}

body.login div#login h1 a {

display: none;

}

body.login div#login h1{

display: block;

height: 70px;

}

.login form,.login form .input, .login input[type="text"],.wp-core-ui .button-

primary,.wp-core-ui .button-primary:hover{

-webkit-box-shadow:none;

box-shadow:none;

-webkit-border-radius: 0;

border-radius: 0;

}

.login form{

background: rgba(10,35,35,.4);

border: none;

}

.login form .input, .login input[type="text"]{

background: transparent;

border-color: #444;

color: #eee;

}

.login form .input:focus{

border-color: #666;

}

.login label{

color: #999;

line-height: 35px;

}

.wp-core-ui .button.button-primary{

background: rgba(187,64,48,.7);

border: none;

line-height: 12px;

padding: 10px 30px;

}

.wp-core-ui .button-primary:hover{

background: rgba(0,0,0,.4);

-webkit-transition: background 0.5s ease-out 0s;

-moz-transition: background 0.5s ease-out 0s;

-ms-transition: background 0.5s ease-out 0s;

-o-transition: background 0.5s ease-out 0s;

transition: background 0.5s ease-out 0s;

}

.wp-core-ui .button.button-primary,

.login label,

.login form .input{

font-family: 'Microsoft YaHei';

}

#nav,#backtoblog{

display: none;

}

2、然后在主题的functions.php文件中添加调用这个CSS文件的代码:

//登录界面

function diy_login_page() {

echo 'link rel="stylesheet" href="' . get_bloginfo( 'template_directory' ) .

'/login.css" type="text/css" media="all" /' . "\n";

}

add_action( 'login_enqueue_scripts', 'diy_login_page' );

希望我的回答帮到了我哦。

wordpress的底部模板怎么修改?在哪里修改?

在wordpress后台点击--外观--编辑,找到底部模板footer.php,修改相应代码字样就可以了,你可以用注释符号!-- --隐藏代码,也可以直接删除掉,当然也可以在底部代码这里修改为自己的信息,其他模板底部信息修改类似。不过在修改前还是建议把代码先备份一下,免得出了错误又改不回来。

如果发现没有footer.php可看看是不是使用了子主题的方式,在母主题里可以找到footer.php

如果模版自己有设置页面可以在设置页面去改

wordpress的网站导航栏的背景色怎么添加美化

你好,我也是wordpress爱好者,希望能一起交流。

关于你的问题。仅仅需要改动wordpress主题目录下的style.css文件样式,为菜单写css样式即可。主题文件位于 wordpress/wp-content/themes/你当前选择的主题目录下。

如果有不太清楚的可以私信我。一起交流。

css书写规则:

.menu {

background-color: #ccc;

line-height: 38px;

height: 38px;

}

.menu ul li {

width: 160px;

padding: 0 15px;

}

以上是css的基本书写,你可以参考下。将menu换成你菜单的css类。然后在重写css。最后保存style.css文件,并刷新浏览器查看效果。


网站名称:wordpress底部美化代码 wordpress底部菜单代码
分享URL:http://cqcxhl.com/article/ddscicj.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP