WordPress安全设置

xmlrpc.php 他的主要作用自行百度,不建议直接删除,用nginx做禁止就好:

location = /xmlrpc.php { deny all; }

管理员账户泄露

https://你的域名/wp-json/wp/v2/users/  的URL进行GET,这样99%会返回一串信息,里面包含了你的管理员账户

用nginx做禁止就好:

location ~ ^/wp-json/wp/v2/users { deny all;}

是否使用了wordpress程序

https://你的域名//wp-includes/wlwmanifest.xml  的URL进行GET,来判断你是否使用了Wordpress程序。以及你的后台登录地址!输入后你会得到这样的反馈。所以修改后台登录地址很重要

用nginx做禁止就好:

location ~ ^/wp-includes/wlwmanifest.xml {deny all;}

总结在nginx中增加:

location = /xmlrpc.php { deny all; }
location ~ ^/wp-includes/wlwmanifest.xml {deny all;}
location ~ ^/wp-json/wp/v2/users { deny all;}

就行了

帝国cms分页数调用参数

帝国cms分页数调用参数

在实现最终效果一共用到了三个参数:

[!–pagetitle–]  文章名称

[!–page.count–] 总分页数

[!–page.on–] 当前分页数

好了至于你怎么去用我就不管了,实现这个效果只需要一步

网站根目录\e\class\functions.php

大概在3555行和3568行这两个地方添加:

$string=str_replace(‘[!–page.count–]’,$thispagenum,$string);
$string=str_replace(‘[!–page.on–]’,$j,$string);

如图显示:

好了 后面的就自己去调用了。

帝国cms上传图片出现Upload Error: 504错误

如题帝国cms上传图片出现Upload Error: 504错误

最后就是导致网站全部都是Upload Error: 504错误,然后你通过重启服务器或者过一段时间网站就会自己又好了,但是问题还是没有解决。

好了不多说了我直接说我怎么解决的吧~

关于我的服务器配置程序版本我就不想多说了,我上一篇关于帝国cms的文章里面有写:帝国cms给图片img标签自动添加alt为文章标题所遇到的问题

好了,开始吧~注意了我用的apache搭建的网站

一般来讲你去百度Upload Error: 504这个的时候出现大部分都会是说nginx.conf这个文件的配置,或者是nginx会出现的错误还有就是你搜不到。

Upload Error: 504这个问题主要是说上传错误,然后504,简单的讲就是:上传出现了错误然后服务器断开应该说超时了,所以才会导致出现这个的,那么我们怎么解决?

我是apache的所以我找到了php.ini文件只需要修改里面的:

max_execution_time = 30

改成

max_execution_time = 0

max_execution_time这个主要是讲最长执行时间是多少比如就是上传图片的时候超过了原本的30秒 那就断开了,自然就出现上面的那个啦~

所以改一下就好了

下面的没改之前和改了之后的图片:

最后记得保存,然后重启apache就可以了。

帝国cms给图片img标签自动添加alt为文章标题所遇到的问题

如题:帝国cms给图片img标签自动添加alt为文章标题所遇到的问题

我就不想多说什么, 主要是用于记录,怕自己忘记了。

首先声明我的是帝国cms7.2 的版本

我用了两个方法来设置:

第一个(这个方法我在本地测试是成功的,但是我放到阿里云ECS CentOS 7.3 64位的云服务器就出现了问题,具体问题我下面会说):

第一步:

打开/e/class/userfun.php文件最后的?>前面添加以下代码实现帝国CMS自动alt标签。
//帝国CMS给文章正文中的图片自动加alt
function user_AddImgAlt($mid,$f,$isadd,$isq,$value,$cs){
$value=stripSlashes($value);
$title=stripSlashes($_POST[‘title’]);
$title=str_replace(‘”‘,”,$title);
$zz2=”/\<(img|IMG) (.?)alt=\”(.?)\”(.?)>/is”;
$text=preg_replace($zz2,”<\1 \2\4>”,$value);
$zz1=”/\<(img|IMG) (.
?)>/is”;
$text=preg_replace($zz1,”<\1 alt=\”{$title}\” \2>”,$text);
return addslashes($text);
}

如图:

第二步:

登陆帝国CMS后台依次打开:系统-数据表与系统模型-管理数据表-管理字段(选择相应的数据表,在这里我是修改新闻系统数据表,请自行选择)

然后选择我框起来的那个 点击修改:

如图填上:user_AddImgAlt

然后提交就好了。

设置完这个确实是会有效果,但是会受到关键词的影响会导致你的alt出现html代码,所以完整的应该是这样的:

我找到e\class\下面的functions.php文件修改:

应该是在485行

$newstext=empty($public_r[repkeynum])?str_ireplace($r[keyname],'<a href=’.$r[keyurl].’ target=_blank class=infotextkey>’.$r[keyname].'</a>’,$newstext):preg_replace(‘/’.$r[keyname].’/i’,'<a href=’.$r[keyurl].’ target=_blank class=infotextkey>’.$r[keyname].'</a>’,$newstext,$public_r[repkeynum]);

变成:

$newstext=empty($public_r[repkeynum])?str_replace($r[keyname],”.$r[keyname].”,$newstext):preg_replace(‘/(?!<[^>]*)’.$r[keyname].'(?![^<]*>)/’,”.$r[keyname].”,$newstext,$public_r[repkeynum]);

如图:

本来是这样的:

变成这样:

这样就好了。

然后就是关于我上面说到的放到阿里云就不行了的问题:

会出现这样的问题

<p>&nbsp;<img alt=”\&quot;完美女神曾水私房秀翘臀美胸很销魂\&quot;” src=”\&quot;/d/file/2017-04-08/684235e4989c7faed8e2d30f800590ae.jpg\&quot;” border=”\&quot;000\&quot;” /><br />
[!–empirenews.page–]</p>
<p align=”\&quot;center\&quot;”><img alt=”\&quot;完美女神曾水私房秀翘臀美胸很销魂\&quot;” src=”\&quot;/d/file/2017-04-08/75cc5bcd84940a0414060cffc41c2783.jpg\&quot;” border=”\&quot;000\&quot;” /></p>

这是我保存之后出现的多了一个:\&quot; 这个在html里面是个双引号,不是什么怎么产生的,但是我就修改了那些东西,所以最终确定是在做了第一步之后出现的。

所以就出现了另外一个给alt自动添加文章标题的方法(这个方法就没有那个问题,然后也是需要做上面的受到关键词影响的那一步的):

一样打开/e/class/userfun.php文件最后的?>前面添加以下代码实现帝国CMS自动alt标签。

//替换正文IMG里的ALT内容
function user_imgalt($mid,$f,$isadd,$isq,$value,$cs){
    $title=$_POST['title'];
    $htmls=$value;
    $pattern "/<img[^>]+>/"
    preg_match_all($pattern$htmls$matches); 
    for ($i=0; $i<=count($matches[0]); $i++) {
      preg_match_all("/alt=\".+?\"/",$matches[0][$i],$altimg); 
        $t_alt=count($altimg[0]);
        if($t_alt==0){
            $htmls=str_replace("<img","<img alt=\"{$title}\"",$htmls);
        }
    }   
        return $htmls;
}
如图:

登陆帝国CMS后台依次打开:系统-数据表与系统模型-管理数据表-管理字段(选择相应的数据表,在这里我是修改新闻系统数据表,请自行选择)

然后选择我框起来的那个 点击修改:

如图填上:user_imgalt

点击提交就好。

记住这个也是会受到关键词的影响会导致你的alt出现html代码的,所以还是需要去修改上面的说的哪一步的。自己去看!

wordpress网站指定分类不在首页显示

一般来说还是不用到的,但是也是一般来说,这次我就用到了,网站现在对于电影还是比较敏感的所有决定电影以后更新的内容都不在首页显示,废话不多说方法有很多种这里就介绍两种:

第一种:直接修改index.php

把:<?php if ( have_posts() ) : ?>

修改成:

<?php if ( have_posts() ) : is_home() && query_posts($query_string .'&cat=-ID号') ?>

如果你是要屏蔽ID为1的分类就是这样的:

<?php if ( have_posts() ) : is_home() && query_posts($query_string .'&cat=-1') ?>

如果你是要屏蔽ID为1和2的分类就是这样的:

<?php if ( have_posts() ) : is_home() && query_posts($query_string .'&cat=-1,-2') ?>

第二种:functions.php修改

这个方法我比较好一点我用的就是这个

//在首页中排除某些分类
function exclude_category_home( $query ) {
if ( $query->is_home ) {
$query->set( 'cat', '-1' ); //你要排除的分类ID
}
return $query;
}
add_filter( 'pre_get_posts', 'exclude_category_home' );

这个方法直接不会有任何页面空缺问题,而且在最新内容中也不会出现。直接在当前主题的functions.php添加上面的脚本,修改对应的分类排除。

wordpress评论者网址在新窗口打开

最近网站来了不少人评论 不过都是广告 不过没事啦!来就来吧! 没有广告评论的网站不是好网站!

呵呵 不过这样也会出现一些问题 比如他填写了链接 然后重点是wordpress默认的是用到一个rel=”external nofollow” 标签 而这个标签和target=”_blank”是类似的 不过需要用javascrip配合使用才会有效果 所以我们需要做的就是添加这个javascrip 就好了

添加在头部header.php中即可:

<script type="text/javascript">
 function externallinks()
{
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++)
{
 var anchor = anchors[i];
 if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external nofollow")
{
anchor.target = "_blank";
}
}
}
window.onload = externallinks;
</script>

 

Font Awesome图标应用 简单实例教程

Font Awesome图标应用 简单实例教程 应上一篇文章Font Awesome 4.5图标 一款风靡全球的图标字体库和CSS框架 里面说的这篇文章就讲讲Font Awesome图标的实际运用起来会是怎么样子的 我懂的也不多 有说的不好的地方 多多包涵!好了废话不多说我们开始吧!最后我会把这这词教程的文件放到文章最后面提供下载 你们可以去看看!

我这一次是在本地测试 首先我们去下载我们的Font Awesome图标的文件 百度云下载地址:http://pan.baidu.com/s/1c2g9EH6  

下载好了 解压了会是这样的:

QQ截图20160414133136

里面的所以东西的所以然我也说不出 不过重要的就是css和那个fonts 就这两个 css不用解释了吧!fonts这个里面放的是一些字体什么什么的 反正它们是必须的就对了  剩下的那些是协议什么的 不太清楚反正不要也是可以的

好了所以最终就是这样的:

QQ截图20160414133653

那个index.html是我刚才新建的

好了 现在我们来调用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>zklhy</title>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
</head>
<body>

</body>
</html>

本来我是想这截图的 后来一想还不如直接发代码的好  上面就是一个简单的html 有头部 head 有主体body 然后我们调用了 css文件夹里面的连个css 文件font-awesome.min.css和font-awesome.min.css  好了接下来就是从css里面调用出来我们的Font Awesome图标了 我们来调用一个妹子图标  female 就是妹子图标的代码不懂的可以去上篇文章里面去找Font Awesome 4.5图标 一款风靡全球的图标字体库和CSS框架 里面有Font Awesome所有图标的样子和代码  好了知道了调用什么图标了 然后我们就开始写:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>zklhy</title>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
</head>
<body>
<i class="fa fa-female"></i>
</body>
</html>

好了我们来看 我们的浏览器里面显示的是什么:

QQ截图20160414140700

看一个妹子出现了  好了 是不是太小了一点 我们来弄大一点

不过在这之前我们来解释一下这段代码

<i class="fa fa-female"></i>

开始我们说了妹子图标是

female

然而我们这里写的是

fa fa-female

这没有什么好奇怪的 别人css里面就是这样写的fa-female 不过前面为什么要加一个fa 我就不知道了

反正就是在你调用一个图标的时候 你知道了它的一个代码 就在前面加一个fa fa-然后再写咋i标签的class里面就可以了

好了 这就是简单的一个Font Awesome图标的调用 现在我们来把妹子变大吧!

QQ截图20160414142002

看是不是大了很多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>zklhy</title>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
</head>
<body>
<i class="fa fa-female"></i>
<i class="fa fa-female fa-lg"></i>
<i class="fa fa-female fa-2x"></i>
<i class="fa fa-female fa-3x"></i>
<i class="fa fa-female fa-4x"></i>
<i class="fa fa-female fa-5x"></i>
</body>
</html>

我们来看看代码 其实没有什么改变就是多了一个fa-lg 和fa-2x到5x 我刚才测试了最多就是5x 所以最大就是那么大了 如果还有什么其它变大的方法除外 fa-lg是放大30%  fa-2x到5x 这个是单位吧 我也不太清楚反正就是放大的东西

其实我们可以更改很多东西的用style控制 可以就可以更改:(比如说最简单的颜色)

QQ截图20160414144821

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>zklhy</title>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
</head>
<body>
<i style="color:#ffb5b5" class="fa fa-female"></i>
<i style="color:#ff9696" class="fa fa-female fa-2x"></i>
<i style="color:#ff6b6b" class="fa fa-female fa-3x"></i>
<i style="color:#fe3b3b" class="fa fa-female fa-4x"></i>
<i style="color:#ff0e0e" class="fa fa-female fa-5x"></i>
</body>
</html>

就这样就可以了  好了今天就说到这里 简单教程 简单的实例呵呵!

它有很多标签是可以弄的不过今天就不说了 你们可以去它的官网去看看!

今天教程的原文件百度云下载:http://pan.baidu.com/s/1byEx7g

Font Awesome 4.5图标 一款风靡全球的图标字体库和CSS框架

Font Awesome 是一款可缩放的矢量图标字库,你可以利用CSS将Font Awesome发挥到极致,包括:大小、颜色、阴影或者其它任何支持的效果。

一个字库,605个图标

好字库,一个就够了。Font Awesome字库包含了与网页相关的所有形象图标。

完全不依赖JavaScript

Font Awesome完全不依赖JavaScript,因此无需担心兼容性。

缩放自如

可根据需示任意缩放,矢量图形都会为你呈现出完美的图标。

好东西真不要钱

Font Awesome完全免费,哪怕是商业用途。请查看许可。

用CSS也能炫酷

只要CSS支持,无论颜色、大小、阴影或者其它任何效果都可以轻松实现。

不同终端完美呈现

Font Awesome的矢量图标,可以在电脑、手机、平板等设备上完美呈现。

完美兼容其它框架

尽管Font Awesome是为Bootstrap而生的,但Font Awesome同样能与其它框架完美兼容。

可用于桌面系统

用于桌面系统,或需要一套完整的矢量图,请查看备忘。

可适配于屏幕阅读器

与其它字体不同,Font Awesome不会影响屏幕阅读器正常工作。

开头我就抄的别人的话了 因为我自己也打不出那么多 毕竟人家是官方嘛! 所以我也不啰嗦了 下面就是最新Font Awesome4.5 版本的图标的分类 和 它们的名称 ! 然后现在肯定有人问了  这个怎么用呢? 其实我刚开始接触也是不知道 不过现在我大致知道是怎么回事了  下篇文章我会来简单的讲解和实例操作一下!

所有标志图标都分别是其所有者的注册商标。
使用这些商标并不代表Font Awesome拥有它们。

div+CSS+JS+UL=图片加文字无缝对接 图片滚动

昨天还是前天发了一个marquee标签无缝滚动 但是这个优缺点那就在下面不好加文字进行一个滚动  然后老板果然不满意 需要一个文字在图片下面 所以就有了今天这个

其实这个有很多各种叫法什么 图片滚动 js自动轮播 图片轮播 图片自动轮播 什么什么的好多个叫法 所以看文字名字这个叫法不错吧!

废话不多说:(有点不好看 原谅我审美比较差)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>zklhy</title>
<style type="text/css">
<!--
#S_LIST{
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 LIST-STYLE-POSITION: outside;
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-TOP: 0px;
 LIST-STYLE-TYPE: none;
 overflow: hidden;
}

#S_LIST LI {
 width:755px;
 height:auto;
 float:left;
 padding: 0px;
 margin: 0px;
 list-style-image: none;
 list-style-type: none;
}
#S_LIST A {
 DISPLAY: block;
 MARGIN: 0px;
 WIDTH: 755px;
 HEIGHT: auto;
 TEXT-ALIGN: center;
 padding-top: 3px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-left: 0px;
}
#demo {
 background: #FFF;
 overflow:hidden;
 border: 1px dashed #CCC;
 width: 100%;
 height:240px;
}
#demo img {
border: 1px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
 float: left;
}
#demo2 {
float: left;
}
-->
</style>
</head>
<body>
<div id="demo">
<div id="indemo">
<div id="demo1">
    <ul id="S_LIST">    
      <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/68.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
      <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/67.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/66.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/65.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/64.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/68.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/63.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/64.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/62.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
	        <li><a href="http://zklhy.com"><img src="http://www.zklhy.com/wp-content/uploads/2016/04/60.jpg" width="750" height="210" border="0" /></a>
      <a href="http://zklhy.com" >特色</a></li>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</body>
</html>

marquee标签无缝滚动

没有什么废话可说的了  只是今天用到了 记下来罢了!

直接上代码:

<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="1370px"><SPAN unselectable="on"></SPAN></MARQUEE>
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:1370px;margin:0 auto;" onmouseover="aa()" onmouseout="b()" >
<a href="http://zklhy.com" target="_Blank"><img alt="我的图片描述" title="我是图片标题" src="http://www.zklhy.com/wp-content/uploads/2016/04/52.jpg"></a>
</div>
<script language="javascript" type="text/javascript">
<!--
	function scroll(obj) {
		var tmp = (obj.scrollLeft)++;
		//当滚动条到达右边顶端时
		if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
		//当滚动条滚动了初始内容的宽度时滚动条回到最左端
		if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
	}
	var a =	setInterval("scroll(document.getElementById('scrollobj'))",20);
	function aa(){
		clearInterval(a);
	}
	function b(){
		a=setInterval("scroll(document.getElementById('scrollobj'))",10);
	}
//-->
</script>

direction表示滚动的方向,值可以是left,right,up,down,默认为left
◎ behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动)
◎ loop表示循环的次数,值是正整数,默认为无限循环
◎ scrollamount表示运动速度,值是正整数,默认为6
◎ scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒
◎ align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
◎ bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
◎ height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
◎ hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
◎ onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。