当前位置: 首页 » 笔记

wordpress输出简洁的菜单选项

之前使用菜单时都是在前台过滤,需要正则,今天百度了下,可以通过function直接过滤css输出! function filter_nav_menu_css_class ($classes){ //想要通过的class值 $do_class_name = array('current-menu-item'); $outPut = array_intersect($do_class_name,$classes); array_filter( $classes ); return $outPut; }; add_filter('nav_menu_css_class','filter_nav_menu_css_class'); 这样输出的菜单CSS就只有保留了current-menu-item,来识别当前的,其他的都过滤,记录一下!
笔记 ·

电脑上如何查看某个软件链接的服务器IP

公司服务器挂了,重新购买了某个配件,替换之后,发现外网的EPR系统链接不上公司的服务器,为了验证一下EPR软件链接的服务器IP是否是公司服务器的IP,百度了一下,可以通过任务管理器来查看某个软管链接的服务器IP。 win7,win10,相信win8 也是一样。 打开任务管理器,切换到性能选项,打开资源监视器,找到某个软件的进程,可以查看软管的服务器IP,端口等! 通过软件的链接服务器IP和内网对应的服务器IP对比,排除是否因为内网穿透的原因导致无法链接上服务器!
笔记 ·

worpdress页面带自定义参数伪静态设置

找来很久,找到了以下伪静态设置方法,适用于带自定义参数页面的伪静态!如/a?id=页面 在function.php中加入以下代码 add_filter( 'rewrite_rules_array','my_insert_rewrite_rules' ); add_filter( 'query_vars','my_insert_query_vars' ); add_action( 'wp_loaded','my_flush_rules' ); // flush_rules() if our rules are not yet included function my_flush_rules(){ $rules = get_option( 'rewrite_rules' ); if ( ! isset( $rules['a-(.*).html$'] ) ) { global $wp_rewrite; $wp_rewrite->flush_rules(); } } // Adding a new rule function my_insert_rewrite_rules( $rules ) { $newrules = array(); $newrules['a-(.*).html$'] = 'index.php?pagename=a&h=$matches[1]'; return $newrules + $rules; } function my_insert_query_vars( $vars ) { array_push($vars, 'h'); return $vars; } 调用ID <? echo $wp_query->query_vars['h']; ?>
笔记 ·

wordpress给发布文章页添加自定义面板信息

在WordPress发布文章编辑器边上添加自定义面板字段,方便编辑,不用下拉寻找字段名 效果: 代码: <?php /* 后台自定义添加关键词和描述面板 时间:2014-10-24 */ //1.创建需要的字段信息 $new_meta_boxes = array( "clickurl" => array( "name" => "clickurl", "std" => "", "title" => "直达链接:"), "clickprice" => array( "name" => "clickprice", "std" => "", "title" => "优惠券金额:") , "dropdown" => array( "name" => "dropdown", "std" => "", "subtype"=>array( "tb"=>"淘宝", "tmall"=>"天猫", "jd"=>"京东" ), "title" => "来源:" ) ); //2.创建自定义字段输入框 function new_meta_boxes() { global $post, $new_meta_boxes; foreach($new_meta_boxes as $meta_box) { $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true); if($meta_box_value == "") { $meta_box_value = $meta_box['std']; } // 自定义字段标题 echo "<div style='padding:10px 0;'>".$meta_box['title']."</div>"; if(isset($meta_box['subtype'])){ echo '<select class="postform" name="'.$meta_box['name'].'_value"> '; foreach($meta_box['subtype'] as $key => $entry){ if($meta_box_value==$key){ $selected = "selected='selected'"; }else{ $selected =""; } echo '<option value="'.$key.'" '.$selected.'>'.$entry .'</option> '; } echo '</select>'; }else{ // 自定义字段输入框 echo '<input name="'.$meta_box['name'].'_value" value="'.$meta_box_value.'"><br />'; } } echo '<input type="hidden" name="dj_metaboxes_nonce" id="dj_metaboxes_nonce" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />'; } //3.创建自定义字段模块 function create_meta_box() { global $theme_name; if ( function_exists('add_meta_box') ) { add_meta_box( 'new-meta-boxes', '详情信息', 'new_meta_boxes', 'post', 'side', 'low' ); } } //4.保存数据 function save_postdata( $post_id ) { global $new_meta_boxes; if ( !wp_verify_nonce( $_POST['dj_metaboxes_nonce'], plugin_basename(__FILE__) )) return; if ( !current_user_can( 'edit_posts', $post_id )) return; foreach($new_meta_boxes as $meta_box) { $data = $_POST[$meta_box['name'].'_value']; if($data == "") delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true)); else update_post_meta($post_id, $meta_box['name'].'_value', $data); } } //5.将函数连接到指定action(动作) add_action('admin_menu', 'create_meta_box'); add_action('save_post', 'save_postdata'); ?> 添加到主题模板文件夹内的function.php里!
笔记 ·

wordpress纯文本输出菜单项和标签云

对于WordPress的菜单wp_nav_menu()和标签云wp_tag_cloud()的这两个函数,用WordPress做站的博主站长都熟悉不过,这两个函数输出的都是html标签代码,WordPress内置默认的是return,如果当成赋值输出,可以设置下echo参数(wp_nav_menu(),echo值true和false,wp_tag_cloud(),echo值是0和1) 默认的html代码输出,用css来设置样式可能有些繁琐,过滤掉默认的div,ul,li,只在最外侧包裹一个div,相对要简便 将菜单wp_nav_menu()和标签云wp_tag_cloud()的这两个函数当成赋值时,可以通过过滤替换来过滤掉默认带的div,ul,li标签,PHP替换函数ereg_replace正则替换(PHP5.3以上版本可以使用preg_replace函数替换,两者正则有些不同,preg_replace正则多一个{}包含) 最后输出结果就剩下一个A标签链接!    
笔记 ·

自适应纯CSS图片宽度高度始终保持比例

自适应例如九宫格,图片或者DIV特别是图片宽度100%,如何让高度也能始终保持一个比例?避免出现高低不齐的现象! 1、利用JS控制,监听图片的宽度,再设置图片的高度 2、纯CSS设置图片宽度和高度始终保持比例 2.1、原理:利用padding-top(padding-bottom)的百分比计算是根据层宽度的宽度计算的,如层宽度100px,padding-top:20%就是20px;设置一个外层padding-top(padding-bottom)的空白空间,让内层去填充!如设置一个始终保持正方形的图片,将父层设置padding-top(padding-bottom)100%,宽度100%,高0,得到一个正方形空白空间,内层图片标签img设置position:absolute浮动左0,顶部0,高度100%,宽度100%(图片的高度宽度百分比是根据父层计算!) 填满父层padding出来的正方形空白空间! 2.2、实例:给img加一个父层imgbox <div class="imgbox"> <img src="imgurl"> </div> 2.3、添加CSS .imgbox{ position: relative; width: 100%; height: 0px; padding-top: 100%; //padding-bottom都可以 } .imgbox img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
笔记 ·

wordpress模板自定义函数继承

WordPress模板链接顶部也底部的函数是:<?php get_header(); ?>和<?php get_footer(); ?> 有时候如果要自定义一个函数,比如判断是否是手机打开,自定义了一个$ismobile=true; 一般会把这种函数定义到顶部文件,即:header.php文件上,模板文件<?php get_header(); ?>包含顶部文件时是无法调用到$ismobile这个函数! 要不,将$ismobile定义在function里,要不就用include来引用header.php文件! <?php get_header(); ?>只是引用一个function,并不是引用一个文件!
笔记 ·

php jq ajax json post实例

前台HTML页面 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#send").click(function(){ var cont = $("input").serialize(); $.ajax({ url:'ab.php', type:'post', dataType:'json', data:cont, success:function(data){ var str = data.username + data.age + data.job; $("#result").html(str); }, error:function(mgs) { //失败时         } }); }); }); </script> </head> <body> <div id="result">一会看显示结果</div> <form id="my" action="" method="post"> <p><span>姓名:</span><input type="text" name="username" /></p> <p><span>年龄:</span><input type="text" name="age" /></p> <p><span>工作:</span><input type="text" name="job" /></p> </form> <button id="send">提交</button> </body> </html>   php接收页 <?php header("Content-type:text/html;charset=utf-8"); $username = $_POST['username']; $age = $_POST['age']; $job = $_POST['job']; $json_arr = array("username"=>$username,"age"=>$age,"job"=>$job); $json_obj = json_encode($json_arr); echo $json_obj; ?>
笔记 ·

自适应支持鼠标手机触摸滑动切换图片焦点图

在百度搜索了不少的切换焦点图,代码太长,功能无法满足需求,最后还是静下心来自己写一个,代码很简单,就是JQ的拼接,主要是JS。 设置自适应窗口大小:$(window).resize(), 播放:setInterval(‘sider(“#sider”)’, 2000); 无线触摸滑动:touch HTML: <div id="banner">   <ul id="sider">   <li><img src="img/1.jpg" alt="" /></li>   <li><img src="img/2.jpg" alt=""/></li>   <li><img src="img/3.jpg" alt="" /></li>   <li><img src="img/4.jpg" alt="" /></li>   </ul>   <ul id="sort_dot">   <li></li><li></li><li></li><li></li>   </ul>   </div>   <input type="button" value="left" class="left"/>   <input type="button" value="right" class="right"/>   <input type="button" value="改变大小" class="change"/>   CSS: *{             padding: 0;             margin: 0;         } #sort_dot{width:80%;}         ul li{list-style-type: none}         #banner{             overflow: hidden;         }         #banner ul{             overflow: hidden;         }         #banner ul>li{             float: left;         }         img{             max-width: 100%;         } JS: function sider(div){ if(count==$li.length-1){ count=0;              }else{ count=count+1;              } $(div).animate({marginLeft:-w*count},600); } var myar = setInterval('sider("#sider")', 2000);  $(function () { $("#sider").hover(function () { clearInterval(myar); }, function () {myar = setInterval('sider("#sider")', 2000) });  }) //初始化 var $li=$("#sider>li"),    w=800,             h=400, count=0; $("#sider>li").width(w); $("#banner").width(w); $("#sider").width(w*$li.length*2); $("#sider>li").height(h); $("#banner").height(h); $("#sider").height(h); $("#sider>li>img").height(h); $("#sider>li>img").width(w);        $('.right').click(function () {    clearInterval(myar); if(count==$li.length-1){ count=0; }else{ count=count+1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000);             })             $('.left').click(function () { clearInterval(myar); if(count==0){ count=$li.length-1; }else{ count=count-1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000);         }) $('.change').click(function () { w=900; h=500; $("#sider>li").width(w); $("#banner").width(w); $("#sider").width(w*$li.length*2); $("#sider>li").height(h); $("#banner").height(h); $("#sider").height(h); $("#sider>li>img").height(h); $("#sider>li>img").width(w); }) //手持滑动  var sx,ex,mx,touch; $('#sider>li').on('touchstart',function(e) {     touch = e.originalEvent.targetTouches[0];     sx = touch.pageX; }); $('#sider>li').on('touchend',function(e) {     touch = e.originalEvent.changedTouches[0];     ex = touch.pageX;     mx=ex-sx; if(mx>30){ clearInterval(myar); if(count==0){ count=$li.length-1; }else{ count=count-1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000); } if(mx<-30){ clearInterval(myar); if(count==$li.length-1){ count=0; }else{ count=count+1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000); } //function结束标示 });
笔记 ·

CSS input 设置宽高margin及padding对齐

input经常无法与其他元素对齐,通常用外层来包裹input,设置外层样式CSS,如依旧无法达到理想的效果,只能将input块级元素化 1、给input添加CSS属性:display:block 添加display将元素显示为块级元素,前后会带有换行符,用float来排列input 2、给input添加CSS属性:display:inline-block 将元素显示为行内块元素,上下对齐用CSS:vertical-align: bottom; 底部对齐
笔记 ·

WordPress文章上传图片剪裁设置

WordPress上传图片,默认会有多个剪裁图片,事实上很多图片是用不到的,可以在后台设置减少剪裁 仪表盘->setting->媒体 设置略缩图尺寸,详细设置这个就已经够用了。 中等尺寸和大尺寸可以设置为0,0表示不剪裁,设置好之后,上传图片就只有两个选择了,略缩图和原始尺寸 空间上也就只有两种图片,一种是略缩图,一种是原始尺寸的图片,可以减少不少空间!
笔记 ·

wordpress相关文章列表

WordPress相关文章列表,先获取标签相关文章,如标签下相关文章不能达到设置数量,获取同类目文章 <?php $i = 0; $post_num = 8;//设置文章显示数量 $exclude_id = $post->ID;//排查当前文章 $posttags = get_the_tags();//获取标签 if ( $posttags ) { $tags = ''; foreach ( $posttags as $tag ) $tags .= $tag->term_id . ','; $args = array( 'post_status' => 'publish', 'tag__in' => explode(',', $tags), 'post__not_in' => explode(',', $exclude_id), 'caller_get_posts' => 1, 'orderby' => 'comment_date', 'posts_per_page' => $post_num ); query_posts($args); while( have_posts() ) { the_post(); $i++; $exclude_id .= ',' . $post->ID; ?>  <div class="about_good fl <?php if($i%2==0){echo 'li-2';} if($i%3==0){echo ' li-3';} if($i%4==0){echo ' li-4';}?>"> <a rel="bookmark" target="_blank" href="<?php the_permalink(); ?>"><?php post_thumbnail(); ?></a> <div class="title"><a rel="bookmark" title="详细阅读 <?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div> </div> <?php } wp_reset_query();} if ( $i < $post_num ) { $cats = ''; foreach ( get_the_category() as $cat ) $cats .= $cat->cat_ID . ','; $args = array( 'category__in' => explode(',', $cats), 'post__not_in' => explode(',', $exclude_id),//排除标签已显示的文章 'caller_get_posts' => 1, 'orderby' => 'comment_date', 'posts_per_page' => $post_num - $i ); query_posts($args); while( have_posts() ) { the_post(); ?> <div class="about_good fl <?php if($i%2==0){echo 'li-2';} if($i%3==0){echo ' li-3';} if($i%4==0){echo ' li-4';}?>"> <a rel="bookmark" target="_blank" href="<?php the_permalink(); ?>"><?php post_thumbnail(); ?></a> <div class="title"><a rel="bookmark" title="详细阅读 <?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div> </div>  <?php } wp_reset_query(); }?> 以上带图片,需要在function中设置略缩图
笔记 ·

wordpress 输入友情链接wp_list_bookmarks

WordPress输出友情链接 1、后台添加“链接”导航 在function.php中加入 add_filter('pre_option_link_manager_enabled','__return_true'); 2、前台调用友情链接列表 <?php wp_list_bookmarks( $args ); ?> 示例: <?php wp_list_bookmarks('orderby=id&categorize=0&show_images=0&title_li='); ?> 参数说明: <?php $args = array( 'orderby' => 'name', 'order' => 'ASC', 'limit' => -1, 'category' => ' ', 'exclude_category' => ' ', 'category_name' => ' ', 'hide_invisible' => 1, 'show_updated' => 0, 'echo' => 1, 'categorize' => 1, 'title_li' => __('Bookmarks'), 'title_before' => '<h2>', 'title_after' => '</h2>', 'category_orderby' => 'name', 'category_order' => 'ASC', 'class' => 'linkcat', 'category_before' => '<li id=%id class=%class>', 'category_after' => '</li>' ); ?> wp_list_bookmarks()参数详解 categorize (布尔型)是否所有链接都应该显示在相应的分类目录下。 1 (true)——默认值 0(false) category (字符串)将要显示的链接分类目录的ID,用逗号隔开。如果没有指定分类,显示所有含有链接的链接分类。 exclude_category (字符串)将被排除的链接分类目录的ID,用逗号隔开。默认值为 (no categories excluded)(不排除任何链接分类)。 category_name (字符串)将要显示的链接所属分类的名称。如果没有指定分类,显示所有含有链接的链接分类。默认值为 (all Categories)(所有链接)。 category_before (字符串)放置在每个链接分类目录前的文本。默认值为'<li id=”[category id]” class=”linkcat”>’。 category_after (字符串)放置在链接分类目录后的文本。默认值为'<‘/li>’。 class (字符串)链接分类列表所在类。默认值为’linkcat’。 category_orderby (字符串)用以排列链接分类的值。有效值包括: ‘name’ ——默认值 ‘id’ ‘slug’ ‘count’ category_order (字符串)排列的顺序,以升序或降序排列category_orderby参数值。有效值包括: ASC ——默认值 DESC title_li (字符串)链接列表的标题。默认值为 ‘__(‘Bookmarks’)’,显示标题为“Bookmarks”(the_(‘ ‘)用于本地化。)只有将categorize设为0(false)时,才可使用该参数(否则将使用分类名称)。若将title_li设为空(0),则不显示列表标题,且链接列表不会被 <ul>, </ul>标签围绕(要确保将categorize选项设为0,以使title_li生效)。 title_before (字符串)’categorize’值为1(true)时显示在每个链接类别前的文本,或’categorize’值为0(false)时在’title_li’中定义的文本。 默认值为'<h2>’。 title_after ‘categorize’值为1(true)时显示在每个链接类别后的文本,或’categorize’值为0(false)时在’title_li’中定义的文本。 默认值为'</h2>’。 show_private (布尔型)是否应显示某个链接分类(即使该分类被认为是私密的)。忽略管理面板的设置,显示私密链接分类(TRUE),或者不显示私密链接分类(FALSE)。 1 (true) 0(false)——默认值 include (字符串)在结果中包含的数值型链接ID列表,各ID用逗号隔开。例如, ‘include=1,3,6’ 表示返回或响应ID为1、3、6的链接。如果使用include字符串,那么 category、category_name、exclude参数将被忽略。默认值为 (all Bookmarks)(所有链接)。 exclude (字符串)将要被排除的链接的ID,各ID用逗号隔开。如 ‘exclude=4,12’表示不返回ID为4和12的链接。默认值为 (exclude nothing)(不排除任何链接)。 orderby (字符串)以何顺序为链接排序。这可能是一份各个值的列表,各值由逗号隔开。默认值为’name’,除非你传递’ ‘(空)值给该参数,此时参数值为’id’。有效值包括: ‘id’ (WP 3.2 及以后版本使用 ‘link_id’ ) ‘url’ ‘name’ ——默认值 ‘target’ ‘description’ ‘owner’ —— 通过连接管理器添加链接的用户 ‘rating’ ‘updated’ ‘rel’ —— 链接关系(XFN) ‘notes’ ‘rss’ ‘length’ —— 链接名称的长度,范围从最短的名称到最长的名称 ‘rand’ —— 以任意顺序显示链接 order (字符串)根据’orderby’参数中的设置为分类目录排序(升序或降序)。有效值包括: ASC ——默认值 DESC limit (整数)可以显示的最大链接数。默认值为-1(所有链接)。 before (字符串)放置在链接前的文本。默认值为'<li>’。 after (字符串)放置在链接后的文本。默认值为'</li>’。 link_before (字符串)超链接代码中链接文本前的文字。无默认值。 link_after (字符串)超链接代码中链接文本后的文字。无默认值。 between (字符串)链接/图片与其说明之间的文本。默认值为’n’(换行)。 show_images (布尔型)是(TRUE)否(FALSE)显示链接的图片 1 (true)——默认值 0(false) show_description (布尔型)是(TRUE)否(FALSE)显示链接说明。该参数用于show_images为FALSE时或未定义链接图片时。 1 (true) 0(false)——默认值 show_name (布尔型)显示链接文本(TRUE)。该参数用于show_images为TRUE时。 1 (true) 0(false)——默认值 show_rating (字符串)是(TRUE)否(FALSE)显示链接的级别。 1 (true) 0(false)——默认值 show_updated (布尔型)是(TRUE)否(FALSE)显示最近更新的时间标记。 1 (true) 0(false)——默认值 hide_invisible (布尔型)是否显示公开度为“不公开”的链接。是(TRUE)否(FALSE)遵循管理面板中的设置。 1 (true)——默认值 0(false) echo (布尔型)显示结果(TRUE),或将结果保留以供PHP使用(FALSE)。 1 (true)——默认值 0(false)
笔记 ·

JQ鼠标悬停逐行向上滚动

JQ逐行向上滚动,适合滚动公告、滚动新闻、滚动…等 JQ: function autoScroll(obj) { $(obj).find("ul").animate({ marginTop: "-20px" }, 500, function() { $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this); }) } $(function() { var myar = setInterval('autoScroll(".uptext")', 2000); $(".uptext").hover(function () { clearInterval(myar); }, function () {myar = setInterval('autoScroll(".uptext")', 2000) }); }) HTML: <span class="uptext"> <a>标题</a> <a>标题</a> </span> CSS: .uptext{height:20px;overflow:hidden;} 以上需引入JQ库
笔记 ·
Zero零分
站龄13年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
394
文章
25
评论
26
分类
724
标签
4
友链
onlinelovesky 317355746 122551965@qq.com