月度归档： 2016 年 4 月

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()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

去掉HTML Img标签下的间距空白？img标签的间隙

今天在用img标签是时候突然发现的我问题 然后没解决 就去百度找了找发现很多方法都难以解决 最后黄天不负有心人

最后让我找到了align标签 下面的是align标签的值和描述：

AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。
Left 图像沿网页的左边缘对齐，文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐，文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
Top 图像的上边缘与同一行上最高元素的上边缘对齐。

你们可以一一去试试 现在我就不做什么演示了  下面是代码：

<img src="http://www.zklhy.com/wp-content/uploads/2016/04/140.jpg"  align="absmiddle"  />

<div style="margin:0;padding:0;border:1px solid blue;">间隙何在</div>

wordpress建设 支持中文用户名的简单方法

不解释 收起来  这次突然需要用了 才想起来 还好我以前用过 知道这个东西的存在 不然那就不好搞了  哈哈！ 开头纯属搞笑

直接上东西吧 这东西直接加在主题functions.php文件里面就好了 下面是代码：

function ludou_sanitize_user ($username, $raw_username, $strict) {
  $username = wp_strip_all_tags( $raw_username );
  $username = remove_accents( $username );
  // Kill octets
  $username = preg_replace( '|%([a-fA-F0-9][a-fA-F0-9])|', '', $username );
  $username = preg_replace( '/&.+?;/', '', $username ); // Kill entities

  // 网上很多教程都是直接将$strict赋值false，
  // 这样会绕过字符串检查，留下隐患
  if ($strict) {
    $username = preg_replace ('|[^a-z\p{Han}0-9 _.\-@]|iu', '', $username);
  }

  $username = trim( $username );
  // Consolidate contiguous whitespace
  $username = preg_replace( '|\s+|', ' ', $username );

  return $username;
}

add_filter ('sanitize_user', 'ludou_sanitize_user', 10, 3);

 

表格标签 table标签 上下左右对齐

table标签对于网站来说还是经常用的一个标签 然而有时候就会遇到 不上不下 非要填充东西他才会动 所以很不爽 加上 valign="top" 就可以顶部对齐 不过这个是适用于单个<td>标签 而除了可以顶部对齐以外还有 还可以加一个

align="left" 或者这些valign="bottom" align="right" 都是可以的 然后我刚才上班休闲了一下 做了一个简单的演示可以看下：
QQ截图20160408164333
然后源码是这样的：
<table width="445" height="283" border="1" bordercolor="#FF0000">
  <tr>
    <td valign="top" align="left"width="90" height="58">我是左上</td>
    <td valign="top" align="right"width="94" height="58">我是右上</td>
  </tr>
  <tr>
    <td valign="bottom" align="left"width="90" height="50">我是左下</td>
    <td valign="bottom" align="right"width="94" height="50">我是右下</td>
  </tr>
</table>

wordpress建设 检测当前页面使用的哪个模板 获取当前使用模板

wordpress建设 检测当前页面使用的哪个模板 获取当前使用模板

说实话这个真的很有用，特别是对于我这种懒人来说不喜欢记东西（其实是我记不住） 然后主题都是直接看到好就下下来直接改 然后遇到的主题多了 总有些无法理解的 真的是无法理解 不知道它弄的什么鬼  然后就用这个办法 一拿一个准  所以真的很好 好了废话这么多 直接开说把！

方法：

1.查找wordpress源文件：wp-includes\template-loader.php, 找到以下代码：

else :
$template = get_index_template();
endif;

2.在其下面添加以下代码：

if($_GET[tpl]=='die'){
die($template);
}

3.打开当前页面，在域名后面输入引号内的内容：“？tpl=die”，即可显示当前页面调用的模板文件，如图：

QQ截图20160408143752

wordpress根据分类别名（名称）获取分类链接和分类ID（或分类别名）

根据分类别名获取分类其它信息，可以通过使用 get_category_by_slug($slug)函数可以实现根据分类别名获取分类的相关数据数组，数组包含了分类ID、分类名称等数据，然后通过使用 get_category_link($category_id) 函数获取分类链接；根据分类名称获取分类ID，可以通过get_cat_ID($cat_name)函数获取

根据分类别名获取示例：

<?php  
    $cat=get_category_by_slug('wordpress'); //获取分类别名为 wordpress 的分类数据  
    $cat_links=get_category_link($cat->term_id); // 通过$cat数组里面的分类id获取分类链接      
?> 
<a href="<?php echo $cat_links; ?>" title="<?php echo $cat->name; ?>"><?php echo $cat->name; ?></a>

根据分类名称获取示例：

$cat_ID = get_cat_ID($cat_name);  // $cat_name为分类名称
$cat = get_category($cat_ID);
echo $cat->slug;
//echo $cat->name;获取分类名称

WordPress标题优化 Title标签

简单粗暴 直接放在header.php文件里面 找到title标签 修改成下面这样就可以

<title> 
   <?php 
         if (is_home()||is_search()) { bloginfo('name'); } 
         else{wp_title(''); echo ' | '; bloginfo('name');} 
    ?> 
 </title>

这样，文章所在页面标题的显示形式是：” 文章标题 | 站点标题 “了，如果你不想加 站点标题，可以在else后面只添加wp_title(”);代码，注意，不要漏掉括号里面的单引号，否则会在标题前面出现<<符号。

wordpress调用文章内容

wordpress调用文章内容 字数是可以变换的

<p><?php echo mb_strimwidth(strip_tags(apply_filters('the_excerpt', $post->post_content)), 0, 200,"..."); ?> </p>

纯属记录  最近在弄公司的网站 各种要求 我感觉还是把我弄过了的东西记下来 以后用的时候直接来自己的博客看 多爽！

对于搜索引擎来说我们网站的描述和关键词又是什么呢？

这个问题是在我wordpress优化之添加网站描述和关键词 这篇文章里面聊关键词和描述的时候出现的一个问题 今天我就来详细的解释一下！

我们来看看百度百科的解释:

网站关键词就是一个网站给首页设定的以便用户通过搜索引擎能搜到本网站的词汇，网站关键词代表了网站的市场定位。网站的关键词至关重要，如果选择的关键词不当，对网站来说就是灾难性的后果。

他这里给出了一个明确的一个定位 说关键词是“以便用户通过搜索引擎能搜到本网站的词汇”  然后还代表了一个网站的市场的定位。

然后我们就来看实例好吧！我感觉我这样直接就跟你们说你们肯定不会相信我的！

我也不装逼 我就来搜索一个和我们最贴切的“网站关键词”正好我刚才搜索了！

1

好 来看我们的搜索结果这是第一屏上面显示的东西 最前面的三个是推广我们直接忽略

然后就到了一个百度百科 它为什么排在前面这就不用多说了吧！不说它是百度的东西就说它的价值它的内容 排在哪里也是应该的 在这里我说一个点 那就是一个网页它能不能排在最前有一个东西是很重要的 那就是它能不能够给人解决实际问题 用户的一个实际的需求，百度它就是一个给它的用户展现一个搜索结果的东西对吧！说简单点它也是靠客户吃饭的，当一个用户搜索“网站关键词”的时候那肯定是想了解啊！

所以百度百科就出现了 它的出现就是来告诉你网站关键词是什么的

紧接着就出现了一个百度经验 它的出现就告诉你 你怎么设置 怎么弄网站的一个关键词  是不是感觉百度好人性化 百度的那些自家东西 他们开始就想好了 绝对的一个套人性化服务 让你爽  不过让我很不爽的那就是 推广你怎么解释！哎。。。

2

好 我们来看第二屏

排在前面的一个百度新闻 这个就不多说了 了解最新动态嘛 很正常

百度知道在线问答 肯定是需要的 它还是解决了 很多实际问题的

又一个百度百科 这就不多说了

好了 到了我们的正题了 是站长网的一篇文章

3

我们直接来看的它一个标题和一个下面描述和关键词吧！

网站关键词设置多少最适合 - A5站长网

2015年3月26日 - 可能很多新站长不知道关键词设置会分权重,新手致知道关键词设置多少最适合的问题,一个网站设置一个关键词就等于给这个网站固定了这个网站在这个关键词...

首先它的标题就带有了“网站关键词” 而且是在前面
然后我们来看它的一个描述 我去看了 它的源码描述和关键词是这样的：
4
结果就是关键词 设置的是和它标题一样的
然后描述是文章前100个字吧！
 然后我们再回来看
3
这里的标题肯定是不会错的 但是网页的一个描述 是不对的 为什么？
这个就是现在的一个搜索引擎的一个不同之处  它不会在sb 的一样的就只去看你的一个什么描述什么的，它是把你整个网页都进行了一个筛选 那什么样的页面才会受搜索引擎青睐呢？
你的关键词需要和你的内容契合，你想要搜索引擎 搜什么关键词找到你  就需要 在你的文章里面多次的一个出现 大概3次以上5次一下  这样一个范围 但是连续出现的文字不要太长 而且最好要读的通
好了总结一下就是你的关键词和搜索引擎的一个关系还是很重要的就是排名 描述的话没有那么重要主要就是描述现在的展现位置都没有了 拿着做什么 拿着做摘要还是可以的哈哈哈！！！
最后我们来调戏一下搜索引擎 也不能说调戏 只是我感觉这样是有点意思！
还记得我们刚才搜索那个“网站关键词”排最前面的那个自然排名 它的描述是这样的：
自从我学习SEO半年来，每天研究SEO和搜索引擎的变化，以前已外链为主的搜索引擎，现在百度已经改变了算法，现在是已流量来计算一个网站的权重。权重是站长工具做

相信有人已经猜到我要做什么了

没错我就是要搜索这一段 看看会发生什么？

5

它说字符太长不用管它  我本来是想看看前三的 算了 文章写太长也不太好 我们就看看前二名吧！

是不是感觉好奇怪为什么都没有刚才那个页面？哈哈 没有错就是没有！我们来看看他们的页面和快照和关键词描述吧~

6 9 7 8

10 11

好了  他们网站的样子和快照和关键词描述都出来了

我们来看看他们的相同之处

都有一个相同的摘要 而且是重复的那种  重复了一次

关键词和描述什么的 我都不知道他们写什么 所以我看不懂

然后为什么那个排在前面那个排在后面

感觉那就是创新 他们都是去那个什么站长上面抄过来的 然而有一个网站改名字了 有一个没有 你以为搜索引擎傻吗？不改名字的果断排后面！哈哈哈！！！

Font Awesome:图标字体 完全CSS控制

完全是自己留着以后用 有需要的可以过来看看 ！

下面是全部的Font Awesome图标：

  • "\f000"
  • "\f001"
  • "\f002"
  • "\f003"
  • "\f004"
  • "\f005"
  • "\f006"
  • "\f007"
  • "\f008"
  • "\f009"
  • "\f00a"
  • "\f00b"
  • "\f00c"
  • "\f00d"
  • "\f00e"
  • "\f010"
  • "\f011"
  • "\f012"
  • "\f013"
  • "\f014"
  • "\f015"
  • "\f016"
  • "\f017"
  • "\f018"
  • "\f019"
  • "\f01a"
  • "\f01b"
  • "\f01c"
  • "\f01d"
  • "\f01e"
  • "\f021"
  • "\f022"
  • "\f023"
  • "\f024"
  • "\f025"
  • "\f026"
  • "\f027"
  • "\f028"
  • "\f029"
  • "\f02a"
  • "\f02b"
  • "\f02c"
  • "\f02d"
  • "\f02e"
  • "\f02f"
  • "\f030"
  • "\f031"
  • "\f032"
  • "\f033"
  • "\f034"
  • "\f035"
  • "\f036"
  • "\f037"
  • "\f038"
  • "\f039"
  • "\f03a"
  • "\f03b"
  • "\f03c"
  • "\f03d"
  • "\f03e"
  • "\f040"
  • "\f041"
  • "\f042"
  • "\f043"
  • "\f044"
  • "\f045"
  • "\f046"
  • "\f047"
  • "\f048"
  • "\f049"
  • "\f04a"
  • "\f04b"
  • "\f04c"
  • "\f04d"
  • "\f04e"
  • "\f050"
  • "\f051"
  • "\f052"
  • "\f053"
  • "\f054"
  • "\f055"
  • "\f056"
  • "\f057"
  • "\f058"
  • "\f059"
  • "\f05a"
  • "\f05b"
  • "\f05c"
  • "\f05d"
  • "\f05e"
  • "\f060"
  • "\f061"
  • "\f062"
  • "\f063"
  • "\f064"
  • "\f065"
  • "\f066"
  • "\f067"
  • "\f068"
  • "\f069"
  • "\f06a"
  • "\f06b"
  • "\f06c"
  • "\f06d"
  • "\f06e"
  • "\f070"
  • "\f071"
  • "\f072"
  • "\f073"
  • "\f074"
  • "\f075"
  • "\f076"
  • "\f077"
  • "\f078"
  • "\f079"
  • "\f07a"
  • "\f07b"
  • "\f07c"
  • "\f07d"
  • "\f07e"
  • "\f080"
  • "\f081"
  • "\f082"
  • "\f083"
  • "\f084"
  • "\f085"
  • "\f086"
  • "\f087"
  • "\f088"
  • "\f089"
  • "\f08a"
  • "\f08b"
  • "\f08c"
  • "\f08d"
  • "\f08e"
  • "\f090"
  • "\f091"
  • "\f092"
  • "\f093"
  • "\f094"
  • "\f095"
  • "\f096"
  • "\f097"
  • "\f098"
  • "\f099"
  • "\f09a"
  • "\f09b"
  • "\f09c"
  • "\f09d"
  • "\f09e"
  • "\f0a0"
  • "\f0a1"
  • "\f0f3"
  • "\f0a3"
  • "\f0a4"
  • "\f0a5"
  • "\f0a6"
  • "\f0a7"
  • "\f0a8"
  • "\f0a9"
  • "\f0aa"
  • "\f0ab"
  • "\f0ac"
  • "\f0ad"
  • "\f0ae"
  • "\f0b0"
  • "\f0b1"
  • "\f0b2"
  • "\f0c0"
  • "\f0c1"
  • "\f0c2"
  • "\f0c3"
  • "\f0c4"
  • "\f0c5"
  • "\f0c6"
  • "\f0c7"
  • "\f0c8"
  • "\f0c9"
  • "\f0ca"
  • "\f0cb"
  • "\f0cc"
  • "\f0cd"
  • "\f0ce"
  • "\f0d0"
  • "\f0d1"
  • "\f0d2"
  • "\f0d3"
  • "\f0d4"
  • "\f0d5"
  • "\f0d6"
  • "\f0d7"
  • "\f0d8"
  • "\f0d9"
  • "\f0da"
  • "\f0db"
  • "\f0dc"
  • "\f0dd"
  • "\f0de"
  • "\f0e0"
  • "\f0e1"
  • "\f0e2"
  • "\f0e3"
  • "\f0e4"
  • "\f0e5"
  • "\f0e6"
  • "\f0e7"
  • "\f0e8"
  • "\f0e9"
  • "\f0ea"
  • "\f0eb"
  • "\f0ec"
  • "\f0ed"
  • "\f0ee"
  • "\f0f0"
  • "\f0f1"
  • "\f0f2"
  • "\f0a2"
  • "\f0f4"
  • "\f0f5"
  • "\f0f6"
  • "\f0f7"
  • "\f0f8"
  • "\f0f9"
  • "\f0fa"
  • "\f0fb"
  • "\f0fc"
  • "\f0fd"
  • "\f0fe"
  • "\f100"
  • "\f101"
  • "\f102"
  • "\f103"
  • "\f104"
  • "\f105"
  • "\f106"
  • "\f107"
  • "\f108"
  • "\f109"
  • "\f10a"
  • "\f10b"
  • "\f10c"
  • "\f10d"
  • "\f10e"
  • "\f110"
  • "\f111"
  • "\f112"
  • "\f113"
  • "\f114"
  • "\f115"
  • "\f118"
  • "\f119"
  • "\f11a"
  • "\f11b"
  • "\f11c"
  • "\f11d"
  • "\f11e"
  • "\f120"
  • "\f121"
  • "\f122"
  • "\f122"
  • "\f123"
  • "\f124"
  • "\f125"
  • "\f126"
  • "\f127"
  • "\f128"
  • "\f129"
  • "\f12a"
  • "\f12b"
  • "\f12c"
  • "\f12d"
  • "\f12e"
  • "\f130"
  • "\f131"
  • "\f132"
  • "\f133"
  • "\f134"
  • "\f135"
  • "\f136"
  • "\f137"
  • "\f138"
  • "\f139"
  • "\f13a"
  • "\f13b"
  • "\f13c"
  • "\f13d"
  • "\f13e"
  • "\f140"
  • "\f141"
  • "\f142"
  • "\f143"
  • "\f144"
  • "\f145"
  • "\f146"
  • "\f147"
  • "\f148"
  • "\f149"
  • "\f14a"
  • "\f14b"
  • "\f14c"
  • "\f14d"
  • "\f14e"
  • "\f150"
  • "\f151"
  • "\f152"
  • "\f153"
  • "\f154"
  • "\f155"
  • "\f156"
  • "\f157"
  • "\f158"
  • "\f159"
  • "\f15a"
  • "\f15b"
  • "\f15c"
  • "\f15d"
  • "\f15e"
  • "\f160"
  • "\f161"
  • "\f162"
  • "\f163"
  • "\f164"
  • "\f165"
  • "\f166"
  • "\f167"
  • "\f168"
  • "\f169"
  • "\f16a"
  • "\f16b"
  • "\f16c"
  • "\f16d"
  • "\f16e"
  • "\f170"
  • "\f171"
  • "\f172"
  • "\f173"
  • "\f174"
  • "\f175"
  • "\f176"
  • "\f177"
  • "\f178"
  • "\f179"
  • "\f17a"
  • "\f17b"
  • "\f17c"
  • "\f17d"
  • "\f17e"
  • "\f180"
  • "\f181"
  • "\f182"
  • "\f183"
  • "\f184"
  • "\f185"
  • "\f186"
  • "\f187"
  • "\f188"
  • "\f189"
  • "\f18a"
  • "\f18b"
  • "\f18c"
  • "\f18d"
  • "\f18e"
  • "\f190"
  • "\f191"
  • "\f192"
  • "\f193"
  • "\f194"
  • "\f195"
  • "\f196"