博客

  • 非插件实现对wordpress默认编辑器功能的增强

    我们起初使用wordpress网站建设的使用发现后台编辑器的功能真是少的可怜,如图:
    bianjiqi1
    想出了使用各种编辑器的插件安装发现其中也有不少的优秀wordpress插件,但是小编我不喜欢使用插件安装过多程序会运行慢加上会存在安全隐患之前的文章提到过wordpress安全问题的。
    其实wordpress默认编辑器功能在代码程序中已经为我们写好了,只是默认没有显示出来而已我们就差把代码调用出来,以下是调用出wordpress编辑器的其他功能代码,修改我们的functions.php文件加入以下代码:

    [code]//增强编辑器开始

    function add_editor_buttons($buttons) {

    $buttons[] = ‘fontselect’;

    $buttons[] = ‘fontsizeselect’;

    $buttons[] = ‘cleanup’;

    $buttons[] = ‘styleselect’;

    $buttons[] = ‘hr’;

    $buttons[] = ‘del’;

    $buttons[] = ‘sub’;

    $buttons[] = ‘sup’;

    $buttons[] = ‘copy’;

    $buttons[] = ‘paste’;

    $buttons[] = ‘cut’;

    $buttons[] = ‘undo’;

    $buttons[] = ‘image’;

    $buttons[] = ‘anchor’;

    $buttons[] = ‘backcolor’;

    $buttons[] = ‘wp_page’;

    $buttons[] = ‘charmap’;

    return $buttons;

    }

    add_filter(“mce_buttons_3”, “add_editor_buttons”);

    //增强编辑器结束[/code]
    我们还可以自定义按钮功能只需要在
    [code]$buttons[] =’自定义'[/code]
    bianjiqi3
    后面追加你需要添加的代码即可,增强好的编辑器如图:
    bianjiqi2

  • input搜索文本框中添加插入小图片

    之前也写过在《input文本框里面插入小图片》但是那方法过于繁琐复杂,这次纯粹使用CSS来实现可以很好的兼容各种浏览器。
    如果:
    input_ico
    css样式部分:

    [code]input.search{
    border: 1px solid rgb(165, 165, 167); width: 250px; height: 31px; background-image:url(sear_ico.png); background-repeat: no-repeat; line-height: 31px; padding-left: 26px;
    }
    input.submit {
    margin-left:2px;
    background:url(sear_buttom.png) no-repeat;
    border: 0;
    width: 86px;
    height: 31px;
    cursor: pointer;
    }[/code]

    html部分:

    [code]<input type=”text” class=”search” maxlength=”180″ />

    <input type=”submit” class=”submit” name=”submit” id=”searchsubmit” value=” “>[/code]
    input搜索文本框中添加插入小图片源文件下载

  • jquery文字提示效果Tooltip

    气泡

    鼠标移动到某个区域的时候会有提示效果,我们其实可以使用CSS样式的title可以简单完成,但是我们可以让我们的网站更加的有个性为其这个功能添加jquery Tooltip特效,如图:
    Tooltip
    jquery ui下载

  • wordpress主题站 可爱淳朴zuiruo主题

    wordpress主题感谢最弱网作者免费贡献该主题,主题需要用到的插件已经一并打包。这款wordpress最大的优点就是卡通可爱,特别适合学生博客,女生博客使用。以下是主题的安装及使用说明,用心的作者讲解得很详细。
    1、通过wordpress主题下载zuiruo安装包和插件包plugins.zip
    2、将插件文件plugins的内容上传到wp-content/plugins/文件夹中(插件目录)
    3、登陆wordpress后台->插件,启用“Adminimize”、“GD Star Rating”、“WordPress连接微博”、“WP-PageNavi分页导航插件”
    4、登陆wordpress后台->外观->主题->安装主题->上传,选择上传zuiruo.zip压缩包,然后安装、启用zuiruo主题
    5、登陆wordpress后台->外观->主题->主题设置,界面选项->定制背景颜色,设置为#ECE5D8,然后更新配置
    6、如果需要使用微博直接登录等功能,则需要设置“WordPress连接微博”插件,进入之后有方法说明,按照说明配置即可。
    备注:jiongtubaishi需要使用“Adminimize”、“GD Star Rating”、“WordPress连接微博”、“WP-PageNavi分页导航插件”4个插件,并且这4个插件样式做了相应的修改,因此需要下载安装这4个插件。wordpress主题站说明以下,真心喜欢这个主题的朋友请保留作者版权信息。
    zuiruo
    wordpress主题下载

  • table表格中的文本在td列位置的问题

    我们在用wordpress企业主题的时候经常会看到有在线留言的页面,那是使用了表格制作的,但是有一个细节的地方就是使用文本域的所在行,旁边的文本备注默认是在底部现在的如图:
    wenbenyu

    现在我们要让文字居中或者置顶如图:
    wenbenyu2
    我们应该使用这段代码:
    [code]<td valign=”top”><label for=”” style=”font-weight:bold”>留言内容:</label></td>[/code]