搜索到
31
篇与
网站优化
的结果
-
wordpress添加在线人数统计 不知大家有没有看到有些网站上有在线人数统计的地方，今天就教大家怎么在wordpress的网站上添加在线人数统计的代码。以下是全部的代码： [code lang="php"] <?php // 在线人数 //首先你要有读写文件的权限，首次访问肯不显示，正常情况刷新即可 $online_log = "maplers.dat"; //保存人数的文件到根目录, $timeout = 30;//30秒内没动作者,认为掉线 @$entries = file($online_log); $temp = array(); for ($i=0;$i<count($entries);$i++){ $entry = explode(",",trim($entries[$i])); if(($entry[0] != getenv('REMOTE_ADDR')) && ($entry[1] > time())) { array_push($temp,$entry[0].",".$entry[1]."\n"); //取出其他浏览者的信息,并去掉超时者,保存进$temp }} array_push($temp,getenv('REMOTE_ADDR').",".(time() + ($timeout))."\n"); //更新浏览者的时间 $maplers = count($temp); //计算在线人数 $entries = implode("",$temp); //写入文件 $fp = fopen($online_log,"w"); flock($fp,LOCK_EX); //flock() 不能在NFS以及其他的一些网络文件系统中正常工作 fputs($fp,$entries); flock($fp,LOCK_UN); fclose($fp); echo "在线人数：".$maplers."人"; ?> [/code] 把这些代码放在你想显示的地方，我的显示在网站最底部，因此放在了footer.php文件中，你可以放在你喜欢的位置。如有不懂可以在下方评论，或者联系我本人。
-
![网页分享按钮]()
网页分享按钮 前段时间想将自己的博客弄个可以分享的地方，可是采用百度分享的代码，不知道怎么弄的一直不能运行，于是自己就写了一个。 首先先展示一下效果图: 图中的分享按钮是一直悬浮在网页的右中的位置，方便选择。从图中可以看出，有几个常用的平台分享，当然自己也可以修改代码，做成自己需要的样子。 这是css代码： [code lang="css"] <style type="text/css"> .share{ position: fixed; top: 50%; right: -75px; width: 100px; height: 150px; margin-top: -75px; transition: 1s; float: left; } .share .share_btn{ width: 25px; height: 50px; background: #5b4a9b; color: white; text-align: center; margin-top: 50px; border-radius: 5px; cursor: pointer; float: left; line-height: 25px; } .share .share_content{ margin-top: 0px; width: 75px; height: 100%; background: #5b4a9b; margin-left: 25px; border: 1px solid transparent; box-sizing: border-box; } .share .share_content ul{ width: 100%; margin-bottom: 0; margin-left: 0px; margin-top: 15px; } .share .share_content ul li{ list-style: none; width: 32px; height: 32px; float: left; margin-left: 3px; margin-top: 5px; background: white; cursor: pointer; } .share .share_content li a{ display: block; width: 100%; height: 100%; } .share .share_content li a i{ display: block; width: 100%; height: 100%; text-align: center; } .share .share_content li a .share1{ margin-left: -10px; margin-top: -10px; } .share .share_content li a .share2{ margin-left: -10px; margin-top: 0px; } </style> [/code] 这里是html代码，放在body里面： [code lang="html"] <div class="share"> <div class="share_btn"> <span>分享</span> </div> <div class="share_content"> <ul> <li><a class="icon" target="_blank"><img src="http://zhinianboke.com/wp-content/uploads/2017/10/qzone.png" class="share2"/></i></a></li> <li><a class="icon" target="_blank"><img src="http://zhinianboke.com/wp-content/uploads/2017/10/douban.png" class="share2"/></i></a></li> <li><a class="icon" target="_blank"><i class="fa fa-qq share1"></i></a></li> <li><a class="icon" target="_blank"><i class="fa fa-weibo share1"></i></a></li> <li><a class="icon" target="_blank"><i class="fa fa-renren share1"></i></a></li> <li><a class="icon" target="_blank"><i class="fa fa-long-arrow-right share1"></i></a></li> </ul> </div> </div> [/code] 当然最重要的还是js代码了： [code lang="js"] <script type="text/javascript"> (function(){ /** *站点：执念博客 *作者：执念 *网址：http://zhinianboke.com */ var share = document.getElementsByClassName("share")[0]; var share_btn = document.getElementsByClassName("share_btn")[0]; var share_content = document.getElementsByClassName("share_content")[0]; var oli = share_content.getElementsByTagName("li"); var url = ""; var url1 = window.location.href; var url2 = url1.split("="); if(url1){ url = url2[0]+"%3D"+url2[1]; } var title = document.title; share_btn.onmouseover = function(){ share.style.right = 0; } share.onmouseleave = function(){ share.style.right = -75+"px"; } for(var i=0;i<oli.length;i++){ oli[i].index = i; oli[i].onclick = function(){ switch(this.index){ case 0: var a = this.getElementsByTagName("a")[0]; a.href = "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?summary=执念博客&url="+url+"&title="+title; break; case 1: var a = this.getElementsByTagName("a")[0]; a.href = "http://www.douban.com/recommend/?url="+url+"&title="+title; break; case 2: var a = this.getElementsByTagName("a")[0]; a.href = "http://connect.qq.com/widget/shareqq/index.html?url="+url+"&title="+title; break; case 3: var a = this.getElementsByTagName("a")[0]; a.href = "http://service.weibo.com/share/share.php?title="+title+"&url="+url; break; case 4: var a = this.getElementsByTagName("a")[0]; a.href = "http://widget.renren.com/dialog/share?resourceUrl="+url+"&title="+title+"&description=执念博客"; break; case 5: share.style.right = -75+"px"; break; } } } })(); </script> [/code] 代码全都给大家，我想做网站的大概都简单的知道这些代码该放在哪里的，因此我也就不在这里赘述了。如果有不会的可以在下方留言，我会回复的。 -
虚拟主机多站点配置 如果你只有一个虚拟主机，但是却想要建立多个站点，这时候该怎么办呢？ 下面就带着大家来解决这个问题 第一步，在站点根目录建立一个index.html文件，将以下代码复制进去 [code lang="js"] <script type="text/javascript"> /* 站点：执念博客 作者：执念 网址：http://zhinianboke.com 声明：转载请标明本站链接，谢谢合作 */ if(this.location=="http://first.zhenmafan.top/"){ this.location.href="first/index.php"; }else if(this.location=="http://second.zhenmafan.top/"){ this.location.href="second/index.php"; } </script> [/code] 这段代码根据你输入的网址，自动判断属于哪个网站，也就会自动打开对应的内容。 建立两个目录，将两个网站分别放在不同的目录中。我这里建立的目录分别是first和second。 其他的我就不解释了，因为稍微懂点代码的网友都有能力将这段代码改成自己想要的，如果有什么疑问，可以在下方留言。
-
wordpress鼠标点击特效 不知大家有没有看到过别人的博客页面，鼠标每一次点击都会有文字出来然后慢慢移动消失，是不是觉得很炫酷，下面就带着大家给自己的博客添加这种效果。 首先，打开正在使用主题中的footer.php文件 复制下面的代码，然后放在 [code lang="php"] <?php wp_footer(); ?> [/code] 的上面，注意不要放错位置。（在最下面） [code lang="js"] <script> /* 鼠标特效 */ /* 站点：执念博客 作者：执念 网址：http://zhinianboke.com */ var a_index = 0; window.onload=function(){ var bo = document.getElementsByTagName("body")[0]; bo.onclick = function(e){ var e = e || window.event; var x = e.pageX; var y = e.pageY; var a = new Array("执念", "博客"); var span = document.createElement("span"); span.style.position = "absolute"; span.style.top = y+"px"; span.style.left = x+"px"; span.style.opacity = 1; span.style.zIndex = 99999999; span.innerHTML = a[a_index]; a_index = (a_index+1)%a.length; span.style.color = "red"; bo.appendChild(span); animation(span,"opacity",0,2000); var top = parseInt(getStyle(span,"top")); animation(span,"top",top-200,2000); function animation(obj,attr,value,time){ var nowTime = new Date(); var nowStyle = parseInt(getStyle(obj,attr)); var timer = setInterval(function(){ var n = (new Date() - nowTime)/time; if(n>=1){ n=1; removeElement(span); clearInterval(timer); } if(attr=="opacity"){ obj.style[attr]=(nowStyle+n*(value-nowStyle)); } obj.style[attr]=(nowStyle+n*(value-nowStyle))+"px"; },1000/60); } function getStyle(obj,attr){ //获得元素的属性 return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]; } function removeElement(obj){ //删除节点 var parentElement = obj.parentNode; if(parentElement){ parentElement.removeChild(obj); } } } } </script> [/code] 保存之后打开自己的网站，发现是不是随着鼠标点击就会出现你设置的文字了。
-
![wordpress制作子主题]()
wordpress制作子主题 不知道大家是否遇到过在当前应用的主题做了某些更改，但是随着主题的更新，所有的更改都没有了。遇到这种情况只能重新做更改，反正我是遇到过。 今天就教大家怎么制作需要使用主题的子主题，这样做的修改就不会随着主题更新而消失了。 第一步：在wordpress主题文件夹下建立主题名字的文件夹（主题目录在wp-content/themes/）例如：我使用的主题是plum，因此我创建的主题文件夹命名为plum-child。如下图所示： 第二步：将主题下style.css文件下载下来之后做以下修改：在最上面加上如下图所示的语句， 将下载好后的style.css文件中头部/* */包含的内容全部删掉，其中Template是必须要写的，其他几项可以随意，表示是哪个主题的子主题，修改完成之后将该文件上传到新建的主题文件夹下（我的是plum-child文件夹）；第三步：将你修改的文件上传到你创建的主题文件夹下。例如：我修改过functions.php等多个文件，按照原主题的目录形式上传即可,其中functions.php文件中只需要添加你修改的东西就好了；如下图所示：第四步：进入仪表盘中将你创建的子主题启用就可以了，如果有报错情况请注意查看你的文件中是否引入了其他文件导致路径不正确。这样即使你使用的主题有更新，你做的更改也不会消失。有什么疑问可以在下方留言！ -
wordpress博客统计小工具 今天为大家介绍的是一款用于博客统计的小工具制作过程。无需具有代码基础，根据步骤即可完成。 第一步，将下面的代码复制下来，新建一个php文件，将以下代码放在里面。例如：我新建的文件名是zhanzhangtongji.php [code lang="php"]<?php// 小工具 // 名称: 博客统计 // 版本: 1.0 // 作者: 执念 // 站名: 执念博客 // 网址: http://zhinianboke.com // 使用方法： http://zhinianboke.com/?p=458// 定义小工具的类 EfanBlogStat class EfanBlogStat extends WP_Widget{ function EfanBlogStat(){ // 定义小工具的构造函数 $widget_ops = array('classname' => 'widget_blogstat', 'description' => '显示博客的统计信息'); $this->WP_Widget(false, '博客统计', $widget_ops); } function form($instance){ // 表单函数,控制后台显示 // $instance 为之前保存过的数据 // 如果之前没有数据的话,设置默认量 $instance = wp_parse_args( (array)$instance, array( 'title' => '博客统计', 'establish_time' => '2012-12-25' ) ); $title = htmlspecialchars($instance['title']); $establish_time = htmlspecialchars($instance['establish_time']); // 表格布局输出表单 $output = '<table>'; $output .= '<tr><td>标题</td><td>'; $output .= '<input id="'.$this->get_field_id('title') .'" name="'.$this->get_field_name('title').'" type="text" value="'.$instance['title'].'" />'; $output .= '</td></tr><tr><td>建站日期：</td><td>'; $output .= '<input id="'.$this->get_field_id('establish_time') .'" name="'.$this->get_field_name('establish_time').'" type="text" value="'.$instance['establish_time'].'" />'; $output .= '</td></tr></table>'; echo $output; } function update($new_instance, $old_instance){ // 更新数据的函数 $instance = $old_instance; // 数据处理 $instance['title'] = strip_tags(stripslashes($new_instance['title'])); $instance['establish_time'] = strip_tags(stripslashes($new_instance['establish_time'])); return $instance; } function widget($args, $instance){ extract($args); //展开数组 $title = apply_filters('widget_title',empty($instance['title']) ? ' ' : $instance['title']); $establish_time = empty($instance['establish_time']) ? '2013-01-27' : $instance['establish_time']; echo $before_widget; echo $before_title . $title . $after_title; echo '<ul id="zhanzhangtongji">'; $this->efan_get_blogstat($establish_time); echo '</ul>'; echo $after_widget; } function efan_get_blogstat($establish_time /*, $instance */){ // 相关数据的获取 global $wpdb; $count_posts = wp_count_posts(); $published_posts = $count_posts->publish; $draft_posts = $count_posts->draft; $comments_count = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments"); $time = floor((time()-strtotime($establish_time))/86400); $count_tags = wp_count_terms('post_tag'); $count_pages = wp_count_posts('page'); $page_posts = $count_pages->publish; $count_categories = wp_count_terms('category'); $link = 3; $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users"); $last = $wpdb->get_results("SELECT MAX(post_modified) AS MAX_m FROM $wpdb->posts WHERE (post_type = 'post' OR post_type = 'page') AND (post_status = 'publish' OR post_status = 'private')"); $last = date('Y-n-j', strtotime($last[0]->MAX_m)); // 显示数据 $output = '<li>日志总数：'; $output .= $published_posts; $output .= ' 篇</li>'; $output .= '<li>评论数目：'; $output .= $comments_count; $output .= ' 条</li>'; $output .= '<li>建站日期：'; $output .= $establish_time; $output .= '</li>'; $output .= '<li>运行天数：'; $output .= $time; $output .= ' 天</li>'; $output .= '<li>标签总数：'; $output .= $count_tags; $output .= ' 个</li>'; if (is_user_logged_in()){ $output .= '<li>草稿数目：'; $output .= $draft_posts; $output .= ' 篇</li>'; $output .= '<li>页面总数：'; $output .= $page_posts; $output .= ' 个</li>'; $output .= '<li>分类总数：'; $output .= $count_categories; $output .= ' 个</li>'; $output .= '<li>友链总数：'; $output .= $link; $output .= ' 个</li>'; } if (get_option("users_can_register") == 1){ $output .= '<li>用户总数：'; $output .= $users; $output .= ' 个</li>'; } $output .= '<li>最后更新：'; $output .= $last; $output .= '</li>'; echo $output; } } function EfanBlogStat(){ // 注册小工具 register_widget('EfanBlogStat'); } add_action('widgets_init','EfanBlogStat'); ?> [/code]第二步，将你新建的文件上传到正在使用的主题文件夹里。（主题文件夹在wp-content/themes/）我使用的主题是plum-child，于是上传到plum-child文件夹下。第三步，打开主题文件夹下的functions.php，将下列代码放在 ?> 的后面。注意其中双引号中的内容是你新建文件的名字 [code lang="php"] <?php //站长统计 include("zhanzhangtongji.php"); ?> [/code]第四步，可以到网站后台的小工具中添加到你想添加的位置。注意：该小工具会随着使用主题的更换或者更新丢失。 解决方法：如果是更换主题，可以将上面的步骤重新操作一遍；如果是主题更新了，也可以重新操作一遍。也可以使用创建子主题的方法解决，方便了使用者对主题的修改，不会随着更新修改丢失。具体如何创建子主题请在本站搜索。如果有什么疑问可以在下方留言。
-
![wordpress更换域名的简单方法]()
wordpress更换域名的简单方法 采用wordpress建站后，如果觉得之前绑定的域名不理想，我们还是有方法解决的，下面介绍一种比较简单的方法来更换域名，只需要简单的几行sql代码就可以搞定，首先，我们要连接上购买空间的数据库，找到写sql代码的地方，然后将以下代码复制到对应的位置UPDATE wp_options SET option_value = replace( option_value, 'http://www.old.com', 'http://www.new.com' ) WHERE option_name = 'home' OR option_name = 'siteurl'; UPDATE wp_posts SET post_content = replace( post_content, 'http://www.old.com', 'http://www.new.com' ) ; UPDATE wp_posts SET guid = replace( guid, 'http://www.old.com', 'http://www.new.com' ) ;其中old代表旧的域名，new代表你将要换成的域名最后一步点击执行按钮就大功告成了，其他不需要执行任何操作。下面是图解。
