轩枫阁

首页 / WordPress (第3页)

wordpress自动生成文章目录

好的文章要有好的提纲

前言

如果在写文章之前,构建好结构,那么写起来就不那么费事,井井有条。这就是标题的技巧了,对于WP文章,我们可以把它单独列出来,像百度百科,一目了然式的导航,同时也特别适合于长篇文章。效果图:

54654635

分析

那么要怎么实现这样子的结构呢,其实有2种方案。

方案一:利用JS,读取文章内容,过滤标题,生成文章目录,插入到页面中。

方案二:利用PHP,因为WP本来就是基于PHP的,我们可以在文章输出之前生成目录再一次性渲染页面。

总之,就是利用正则表达式过滤标题,生成目录。而我现在使用的是第二种方案,大概是处于这样的考虑:利用JS操作时,可能会造成浏览器的重排与重绘,影响渲染,而PHP就不会,所以就用第二种方法实现出来了。 查看全文

2013/12 15  周日

WP Ajax异步刷新 – wordpress中通过ajax获取信息

了解之后,你会发现WP中使用ajax是如此的简单,今天心情好,多写点文章~

简介

前端开发中,ajax是必不可少的,可以带来用户体验的提升。但是如果是使用WP,便觉得不知道如何下手了。比如要返回一些固定的数据(一般不更改),或者返回一些文章内容、标签、文章列表等等。下面做个简单的教程:

示例

一、侧边栏中ajax获取并刷新标签

1. 加载jquery:http://code.jquery.com/jquery-1.10.2.min.js

2. 编写请求并处理数据的函数 查看全文

2013/12 14  周六

wordpress图库之相册图片信息批量编辑插件

这是一款帮助网站编辑人员批量编辑相册的图片信息的Chrome插件,既能快速编辑内容又能兼顾SEO。

背景

之前在做LEE图库的网站,专门用于保存图库的网站,便于搜索。但是在编辑相册的过程中,图编们总在苦恼需要重复的输入重复的信息。所以在此插件为针对图编们上传图片重复输入数据的繁琐而浪费时间的问题,而开发的一个基于Chrome浏览器的插件,从此再也不用重复手工输入数据了。

 

关于站内搜索及SEO

因为这是一个图库类型的网站,所以就要做出能搜索想要的图片的功能,那就需要给每张图片都加上信息,所以这些信息不实可有可无的,相当重要,来看下图片信息的功能:

标题:默认为图片对应的标题,可以更改或者不更改。

说明:可以跟标题一样,在网页端预览到的图片介绍就是这个关键字设置的。

替代文本:可以跟标题一样,主要是用于搜索引擎的优化,如百度图片,能根据这个关tc键字收录我们网站的图片,很重要。

图像描述:可以跟标题一样;主要用于对单张图片的搜索功能。类似相册的标签,做的精细的话可以根据这些关键字在我们网站搜索到这个图片(不写的话,只能根据图片标题或者相册标题搜索了),以空格分离多个描述。 查看全文

2013/12 09  周一

精简WordPress头部之优化wp_head()

采用wordpress建站的时候,发现页面会生成很多冗余的代码,有些东西其实我们用不到,而且没什么很大的作用,这些代码我找了半天也没找到源代码怎么删除,最终发现是wp_head() 这个方法输出的代码。

wp_head()是wordpress的一个非常重要的函数,基本上所有的主题在header.php这个文件里都会使用到这个函数,而且很多插件为了在header上加点东西也会会到wp_head(),比如SEO的相关插件。但是,在wp_head()出现的这个位置,会增加很多并不常用的代码。 查看全文

2013/04 11  周四

WP Lightbox 2插件在ajax中使用时出错

I ‘ve noticed that my images( the links around them) that i load with ajax calls arent have the click event triggered on them, so the lightbox is not working on theses new elements,

I think this comes from a wrong syntax of .on() function; 查看全文

2013/03 29  周五

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子