-
-
wordpress步步高
收藏Wordpress项目开发 步步提升 step by step
分享到：
最近更新文章
发现一款很酷的jquery 相片墙翻牌效果
可用于 企业网站中的 赞助商、 合作伙伴、 公司产品、 招聘计划等等模块
主要运用的技术有 php +CSS + Jquery插件 flip http://lab.smashup.it/flip/
实现步骤可以大致这样来讲
我们可以看到某个翻牌的div 的源码如下
<div title="Click to flip" class=" ...
Wordpress第三方 Contact/Feedback 插件 Foxyform
这个 插件虽然很多强制性 不能修改样式..不过对于基本的网站建设还是蛮实用的...
http://www.foxyform.com/
<!-- Do not change code! -->
<table cellspacing="0" cellpadding="0" border="0">< ...
取消 wordpress 的分类 置顶
wordpress默认会把 选中的分类 和最近常用的分类置顶放置到 顶端
但是有时候 往往我们不需要这么做 而且这样可能会导致误操作
所以 更改一下设置文件
找到wp-admin\includes\meta-boxes.php文件
定位 342行
<ul id="<?php echo $taxonomy; ?>checklist" ...
js/jquery 进行动态统计 各种柱状图 饼状图 线条图 等
国内网站有 http://www.ichartjs.com/
国外网站有 http://www.jqplot.com/index.php
1.简单示例1 线条图
<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"&g ...
js、jquery 动态生产 数据饼状图 所占百分比
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pulse Results</title>
<meta charset="utf-8" / ...
一键生成各种多彩的 js 焦点图 幻灯切换效果
网站开发中常常会用到jquery焦点图的展示
网上有很多很cool 的网站可以参考
1.懒人图库
http://www.lanrentuku.com/js/jiaodiantu.html
2.牛图库
http://www.niutuku.com/js/jquery/index-10.html
3. wow slider
http://wowslider.com/
值得 ...
image radio button 带图片的单选按钮
js img display:none 和 img src动态切换实现 动态image radio button
代码片段 精选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ...
专业的网页测试工具 YSLOW
YSlow是Yahoo发布的一款基于FireFox的插件。
安装YSlow必须首先先安装 Firebug，然后下载YSlow，再对其安装。
YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。
YSlow可以分析任何网站，并为每一个规则产生一个整体报告，如果页面可以进行优化，则YSlow会列出具体的修改意见。
https: ...
常用的js 时间选择器 DateTime picker
<!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&qu ...
Jquery实现图片 上传同步预览 兼容火狐各种浏览器
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function readURL(input ...
js 实现 动态计算 两时间差
@model RightMobileSite.Models.Pulse
@{
ViewBag.Title = "SetDates";
}
<h2>SetDates</h2>
<div>
@Html.ActionLink("Pulse", "EditPulse", new ...
wordpress 评论板块 添加 自定义表情
细心的人会发现 在wp-includes\images\smilies文件夹下存在一些列小表情图标
这是wordpress系统自带的 评论表情。默认是不开启的
很多插件可以帮助我们添加一些自带的表情实现此功能
本文主要介绍 如何不用插件实现 开启功能
将如下代码添加到 comments.php文件中的textaread的头上
<!--smilies-->
...
自己写的wordpress breadcrumb
几乎所有网站都需要一个 breadcrumb
wordpress有默认的函数生成一个基本的 breadcrumb
<?php echo get_category_parents($cat, TRUE, ' » '); ?>
见详细介绍 http://codex.wordpress.org/Function_Reference/get_category_ ...
wordpress 移除 后台某些选项卡 及 后台adminbar的 dashboard选项
有时候为客户做后台不需要让非管理员用户看到 dashboard选项 及某些后台选项卡 如tools theme等
所以需要隐藏掉 一些
1.隐藏dashboard
function remove_the_dashboard () {
if (current_user_can('level_10')) {
return;
} else {
global $menu, ...
wordpress搜索 不能为空 验证 ＆只搜索post
wordpress 默认主题下的搜索是这样的
当输入框为空的时候跳转到 home页 或index.php
一般这不是 良好的用户体验
现在我们可以这样在 点击按钮时添加 如下的验证
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/ ...
去掉wordpress自带的jquery 及 附属信息
找到此文件
/wp-includes/script-loader.php文件，查找“jquery.js”字符串，大概在第119行能找到这么一句
修改如下
if(is_admin()){
$scripts->add( 'jquery', '/wp-includes/js/jquery/jquery.js', false, '1.4.2');}
另外 可以删除掉一些顶部多余 的信息
...
wordpress构建网站 常用的自定义插件 集合
Active Directory Integration --Allows WordPress to authenticate, authorize, create and update users through Active Directory
Advanced Code editor ---语法高亮 多种主题风格切换 富文本编辑器 （增删改查）文件读写 目录读写 ...
wordpress post 文章/文章标题列表 等 分页实现
项目要求：
实现 某个分类下的文章标题列表的分页显示
step1
<?php if ( have_posts() ) : ?>
<header class="page-header">
<h1 class="page-title"><? ...
wordpress 自定义注册界面
首先在functions.php中建立如下函数
/**
* start of custom registration module fucntion
*
**/
if (!isset($_SESSION)) {
session_start();
session_regenerate_id(TRUE);
}
/**
*Admin registration mo ...
wordpress技巧之 找到分类的顶级分类
<?php
$categories = get_the_category();
$topcategory= '';
foreach($categories as $childcat) {
$parentcat = $childcat->category_parent;
if($pare ...