Wordpress

“噢,没有这个文件。请重新检查文件名,然后再试。谢谢。”问题一般出现在搭建在独立服务器上，个别虚拟主机也可能会出现。 这种错误一般是在后台的【外观 – 编辑】页面在线编辑主题文件时出现，提示“噢,没有这个文件。请重新检查文件名,然后再试。谢谢。”，无法在线编辑主题文件，错误提示如下图所示： 其错误原因是当前服务器禁止了目录扫描函数scandir，导致WordPress无法扫描读取主题文件夹。 解决办法如下： 1. 登陆SSH，打开 php.ini 文件找，可以用 phpinfo() 函数查看该文件的…

此教程对wordpress导购站比较有用，据优畅的经验，普通博客也用不到，但是优畅本人遇到过 两种情况： 1. 有自定义文章类型，希望自定义文章类型和默认的Post都在首页的主循环中显示。 2.有自定义文章类型(产品)，首页主循环中只显示产品。 注意，本教程中只对应首页的主循环，即不适用首页一些侧边栏、或者自定义的文章查询区域。 将下面代码添加到主题的functions.php中即可 function uctheme_posts_per_page($query){ //首页或者搜索页的主循环 if ( (is_home() || is_search()…

你自己添加，或者使用本工作室提供的wordpress后台框架都可以给文章、页面等等添加自定义字段面板。不过这样添加的自定义面板都只能显示在内容编辑器的后面，怎样才能在标题的后面、文章编辑器的前面添加一个自定义字段面板呢？ wordpress本身是没有提供任何钩子让我们在编辑器前面添加自定义字段面板的，但是我们可以用js操作，将自定义面板移动到前面去。 以我们工作室发布的wordpress后台框架应用为例，应用实例为：每个单页面前面需要加一个banner图片，具体效果为： 方法：首先…

wordpress后台中无论是删除文章还是评论等，被删除的内容都会自动转移进回收站中去，如果想要永久删除的话，还要在回收站中才能永久的删除掉。其实这个回收站也是自动可以清理的，只不过默认状态下时每隔30天清理一次而已，只要我们将这个自动清理的时间段给缩短一下就可以了。 具体的做法很简单，我们也没有必要废话了，直接开始吧！ 1.将回收站里的内容按照自定义时间进行自动清空： 打开 wp-config.php ，在其中添加下面这句代码： //数字1表示每隔一天清理一次，你可以根据自己喜…

用Meta Query可以实现WordPress文章按照自定义排序，假设安装了WP-PostRatings给文章打分，该插件会把文章平均分存成名叫ratings_average的自定义字段，现在就来按照这个字段排序。 简洁优雅的方法 就是Meta Query，代码放在主题的functions.php里。 function sort_by_ratings( $query ){ if ( ( $query->is_home() || $query->is_archive() ) && $query->is_main_query() ) { $query->set( 'meta_key', 'ratings_average' ); $query->set( 'orderby', 'meta_…

WordPress标签默认并无rel="nofollow"属性。rel="nofollow"属性的作用是：告诉搜索引擎，无需追踪目标页，禁止蜘蛛爬行和传递权重。如果你不准备让搜索收录标签，可以通过下面的代码为标签添加该属性。 将下面的代码添加到当前主题functions.php中： function cx_tags() { $posttags = get_the_tags(); if ($posttags) { foreach($posttags as $tag) { echo ''.$tag->name.''; } } } 用：  <?php cx_tags(); ?> 替换主题…

关于给wordpress添加浏览次数统计，网上教程到处是，到底原创是谁，早已不知道了，不过这一个系列的教程，我还是要加上这一篇。原理很简单，通过给文章添加一个自定义字段来保存浏览次数数据，我们需要两个函数-设置浏览次数、获取浏览次数。 第一步：添加函数代码 在主题的functions.php中添加两个函数的代码： //获取浏览数-参数文章ID function getPostViews($postID){ //字段名称 $count_key = 'post_views_count'; //获取字段值即浏览…

最近发现谷歌总是打不开，紧接着，wp的后台好慢好慢，刚开始以为网速问题，后来发现连本地假设的测试站都很慢。审查发现原来是后台加载了一个google的字体，但是由于网络问题，连接失败。 于是到wp的includes文件夹里面搜索，发现在includes/script-loader.php文件中，第602行定义了一个谷歌的字体url，624行(3.9版本)，并且在624行有加载这个。其实将在script-loader.php文件直接去除相关代码应该可以，不过修改源文件总归是不好的，一升级恐怕又没了。 wordpress不管是后台还是前台…

优畅表示，目前网络上很多《jQuery实现图片延迟加载》一文的方法，其实图片并未真正实现延迟加载，只是在窗口滚动到图片位置时才显示图片而已，是个假像。但目前这个图片延迟加载插件 jquery.lazyload.js已更新，最新版本是1.9.3，并给出真正实现图片延迟加载的方法。 演示效果 新版 jquery.lazyload.js 插件，要求必须给图片地址添加一个data-original属性， <img class="lazy" data-original="img/example.jpg" width="640" height="480"> 这样才能启用延迟加载。说明请到官…

我想这个是我们经常遇到的一个问题，当然对很多人来说，这是个很简单，很容易解决的问，在这里优畅只是把这些常用的方总结下。 一、margin:0 auto 与 text-aligh:center 这个方法我想是大部分人在用的，也是最简单的。我们先设定marign: 0 auto，即上下边距为0，左右为自动，这样在IE7、Firefox、Opera等浏览器中就能实现居中了。 div#wrap { width:760px; margin:0 auto; border:1px solid #666; background-color:#eee; } 但这在IE6中是不起作用的，在IE6中我们得用t…

在样式表定义一个样式的时候，可以定义id也可以定义class。 1、在CSS文件里书写时，ID加前缀“#”；CLASS用“.”叫做类。 2、id一个页面只可以使用一次, class可以多次引用。 3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆； CLASS是一个样式，可以套在任何结构和内容上，就象一件衣服。 4、从概念上说就是不一样的： id是先找到结构/内容，再给它定义样式； class是先定义好一种样式，再套给多个结构/内容。 优畅提醒大家，目前的浏览器…

1.标准浏览器方法: * {margin:0;padding:0} div {  width:500px;  height:500px;  border:1px solid #ccc;  overflow:hidden;  position:relative;  display:table-cell;  text-align:center;  vertical-align:middle  } div p {  position:static;  +position:absolute;  top:50%  } img {  position:static;  +position:relative;  top:-50%;left:-50%;  width:276px;  height:110px  }   <div><p><img src="http://www.idods.com/images/l…

今天优畅和大家来谈谈怎么实现这样一个功能。其实很简单的。不管是换颜色和主题，原理都是一样的，即通个调用不同的CSS来替换掉当前的CSS而实现的； 就上面这个来说： 首先，它有个默认的style.css文件，这个CSS只负责整体的布局，不汲及颜色大小这些原素。然后会有5个CSS[a.css\b.css\c.css\d.css\e.css]文件，每个是一种风格。 默认情况下，载入的是style.css和a\b\c\d\e.css其中的一个，例如，默认情况下载入是style.css和a.css。这样就一种风格，当点击第二种后，b.css文件中的ID…

大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，优畅今天和大家聊聊，使下面是 CSS如何将他们换行的方法！ 对于div 1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} <div id="wrap">ddd111111111111111111111111111111</div> 效果：可以实现换行   2.（Firefox浏览器）white-space:normal; word-break:break-a…

访问百度百科时，看到侧边固定的百度分享，顺手巴拉下来，说不定哪天用上，分享一下。 在网页的 </body> 前面添加下面的代码（请修改 12 行的 uid 为自己的）： <div id="bdshareside"> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <div class="shareLogo"></div> <div class="shareIcon"> <a class="bds_qzone" title="分享到QQ空间" href="#"></a> <a class="bds_tsina" title="分享到新浪微博" …

优畅昨天帮一客户迁移 WordPress，本来是很简单的事，但客户新服务器本身运行一个 WordPress，而且数据库只有一个，那么这个迁移过来的 WordPress 用的数据库表需要改『前缀』。 用 WordPress 的朋友都知道 WordPress 默认的数据表前缀是『wp_』：（注：这是默认的数据表，如果安装了其他插件有可能生成其他 wp_ 开头的数据表） wp_commentmeta wp_comments wp_links wp_options wp_postmeta wp_posts wp_terms wp_term_relationships wp_term_taxonomy wp_usermeta wp_us…

今天要跟大家分享的是一个流体布局的下拉菜单。主要的设计思路是：在菜单中往往会有很多内容或者有多个层次的子菜单，为了更加简洁和节省空间，在这个下拉菜单中将每个子菜单都隐藏在一个主导航按钮下方，当点击的时候通过细微的动画显示出来；当再次点击层级菜单时，可以再次以不同形式的动画展示下一级菜单。因为此菜单是流体布局的，所以可以很容易的适应于响应式布局当中。 HTML结构代码 菜单的结构包含一个无序列表，可以有任意数量的子列表： <div id="dl-menu" class="dl-m…

今天优畅给大家介绍一个纯CSS写的星星评分展示效果。主要是 border 的一个非常巧妙的实际运用，非常不错，很值得学习。先看下演示效果吧。 HTML结构代码 <div class="rating rating-1"> <i class="star-1">★</i> <i class="star-2">★</i> <i class="star-3">★</i> <i class="star-4">★</i> <i class="star-5">★</i> </div> <div class="rating rating-1-half"> <i class="st…

单击链接设为主页 <a  href='#' onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.uctheme.com');">设为首页</a> 添加到收藏夹代码： <a target=_top href="javascript:window.external.addFavorite('http://www.uctheme.com','优畅主题');">加入收藏</a>

WordPress 4.0 正式版已经发布了，此次更新主要改进了后台的用户体验，具体如下： 优雅地管理媒体 在美丽、无尽的网格中浏览您上传的文件。无论您想查看或编辑多少文件，新的详情预览都能使这一过程无比迅捷。   管理嵌入现在前所未有地简单 在空行中粘贴一行YouTube URL，它就会魔术般地变成嵌入视频。现在用一条tweet试试。是的——嵌入现在变成了视觉体验。编辑器现在能够显示嵌入内容的真实预览，为您节约时间，也给您自信。 我们也增加了默认支持的服务数量——您现在可以嵌入…

很早就遇到过这么个小问题，但由于其并未影响到实际作用和美观就没有正面解决它，现在，我们来试着解决它。 写一个Button，有两种方式：其一，直接button标签；其二，input type=”button”。 不管哪种方式，Button的宽度在IE6、7下总是不能完美，接下来我们演示一个普通的Button，你可以用IE6或者IE7浏览器看看其显示宽度，然后对比Chrome或者IE8等浏览器，你会发现Bug的所在。 1、一个普通的Button: 可以很直接的看到Button的两边有空隙，当然，这个空隙是无法用padding:0来解决的。 …

如果你是 WordPress主题开发者，你肯定需要实现存档分页导航功能，虽然目前有不少方法，但是优畅还是推荐尽量使用官方函数来实现。 今天介绍的函数 paginate_links，可以用来检索归档后的页面分页链接。其实，该函数可以被用在任何地方实现分页链接 paginate_links 用法 <?php $args = array( 'base' => '%_%', 'format' => '?page=%#%', 'total' => 1, 'current' => 0, 'show_all' => False, 'end_size' => 1, 'mid_size' => 2, 'prev_next…

今天，就为大家介绍下Windows2003下IIS6.0、IIS7.0的伪静态组件安装和伪静态配置方法，还包括常用的伪静态规则使用方法。 下载IIS伪静态组件——ISAPI Rewrite v1.3 for IIS.CR完美破解版 ISAPI Rewrite v1.3 for IIS.CR非常好用，是个人见过最好用同时可以支持多站点的IIS伪静态组件，最重要的是它完全免费！ 下载地址：ISAPI Rewrite v1.3 for IIS.CR免费下载 请右键另存为…单线程下载，谢谢！ 安装IIS伪静态组件 将下载的ISAPIRewritev1.3forIIS.CR.rar解压，你会看到两个文件夹Crac…

WordPress判断手机移动设备 这是一段php通用的判断移动浏览器的函数，原理比较简单，就是判断浏览器返回的user_agent，条件包括手机系统、品牌和窗口大小。 以WordPress为例，在主题的 functions.php 内加上如下代码，目前已包含常见移动浏览器的useragent，基本上可以涵盖可能会用手机上网的用户群了。 function is_mobile() { $user_agent = $_SERVER['HTTP_USER_AGENT']; $mobile_browser = Array( "mqqbrowser", //手机QQ浏览器 "opera mobi", //手机opera "juc","iuc"…

对于多用户WordPress博客，前台显示最近注册用户，可以吸引更多的人在你的网站上注册账户。下面的代码可以实现这一目的。 将下代码加到你准备显示的WordPress主题位置： <ul class="recently-user"> <?php $usernames = $wpdb->get_results("SELECT user_nicename, user_url FROM $wpdb->users ORDER BY ID DESC LIMIT 5"); foreach ($usernames as $username) { echo '<li>' .get_avatar($username->comment_author_email, 45).'<a href="'.$usern…

type=button 就单纯是按钮功能 type=submit 是发送表单 但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性： 使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一 用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit，默认enter键对页面第一个submit进行操作。 <input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()"> 执行完onClick，转到action。可以自动提交不需要onCli…

WordPress 4.0 RC 发布，预计正式版下周发布。 Ality主题在WordPress 4.0 RC下测试运行正常。 至于新版程序有哪些改进和功能，据说可以前台编辑文章标题，有麻用...只知道第一次安装WordPress 4.0 RC1后，发现原来3.9版的中文语言文件失效了，4.0 Beta版中还可以用，后来发现在后台设置中添加了一个可以选择语言的选项，难道以后会出WordPress官方语言文件？ WordPress 4.0 RC下载页面

WordPress 3.9.2 发布，此版本是一个安全更新版本，强烈建议立即更新到最新版本，此版本修复了在 PHP 的 XML 处理过程中可能会拒绝服务的问题，此外还包括其他安全修复： 修复在处理 widgets 时可能发生的代码执行问题 (WordPress 默认不受影响) 防止外部 GetID3 库通过 XML 条目攻击进行信息公开 添加了 CSRF 令牌攻击保护 包括一些额外的安全硬伤，比如阻止跨站点脚本，这些只能由管理员触发

开放注册的WordPress站点，一般都会根据不同等级的用户角色来赋予不同的权限。文件上传功能就是一个比较常用的功能，那么，如何限制不同用户角色可上传的文件类型及大小呢？下面就来说说这个问题。 让用户拥有上传文件的权限 默认情况下，有些用户是不允许上传文件的，你可以在主题的 functions.php 添加下面的代码： //允许用户投稿时上传文件 if ( current_user_can('contributor') && !current_user_can('upload_files') ) add_action('admin_init', 'allow_contributor…

在给客户定制主题的时候，涉及到投稿者前台投稿，媒体添加的时候，可以看见整个媒体库。为了解决这个问题，今天分享下在 WordPress 媒体库只显示用户自己上传的文件 的方法。在当前主题的 functions.php 文件添加下面的代码： /** * WordPress 媒体库只显示用户自己上传的文件 * http://www.uctheme.com/view-user-own-media-only.html */ //在文章编辑页面的[添加媒体]只显示用户自己上传的文件 function my_upload_media( $wp_query_obj ) { global $current_user, $pa…