标签归档:Wordpress教程

Wordpress教程

WordPress视频教程

站长:2014年快来啦,Themeidea快两周岁啦

爱好者:新年献礼,周岁献礼!

站长:这个必须有,需要什么尽管说!

爱好者:能不能出品一系列的初级视频教程?

站长:没问题啊,最近正打算出品一套初级入门教程,让大家都掌握Wordpress

爱好者:谢谢

站长:大家关于教程有什么想法都可以回复本文,比如需求主题开发的教程等,您的支持就是我们最大的动力,期待您的回复哦

Mexin

Mexin多功能自适应WordPress企业主题

Mexin是一款多功能自适应Wordpress企业主题,主体功能强大但是易于控制,优雅简洁,可以让用户更加专注于网站内容,主题适合于商业网站,博客网站以及新闻杂志网站等。Mexin
[newauthor title=主题功能]

  • 100% Fully Responsive WordPress Theme
  • 10 Predefined Color Skins
  • 500+ Google Fonts included
  • Retina Display Ready
  • Vector Icon Fonts
  • Fully Customizable Headers
  • 5 Menu Style
  • Side Menu (left navigation)
  • WooCommerce Integration
  • Elegant and Easy to Use
  • Modern, Clean, Flat Design
  • Wide & Boxed Layout Versions
  • WordPress 3.6 fully tested!
  • Includes Amazing Revolution Slider Plugin – $15 Value!
  • The Awesome Awesome Parallax Layer Slider Plugin – $15 Value!
  • The Awesome Visual Composer for WordPress Plugin – $25 Value!
  • Icon Set: 1200+ Vector Icons Generated by IcoMoon.io
  • Includes xml files and one click page builder dummy data too.
  • Custom Widgets
  • Unlimited Color Options with Backend Color Picker
  • Translation ready with mo/po files
  • SEO Optimized
  • Child Theme Compatible
  • Threaded Comments
  • Unlimited Portfolio Pages
  • Advanced Portfolio Options
    • 2, 3, 4 columns portfolio layouts to choose from
    • Portfolio Pinterest Style
    • Portfolio Timeline Style
    • Set up multiple Portfolio Pages
    • Select specific categories for each portfolio, fully customized!
    • Aweosme image rollovers with prettyphoto
    • Set Custom Featured Image size per post
    • Auto generated thumbnails
    • Automatic pagination
    • Filterable categories
  • Advanced Blog Options
    • 3 Layouts to choose from; Blog1, Blog2, Blog Timeline Style
    • Post Formats Ready
    • Set Custom Featured Image size per post
    • Set Gallery Slider Image size per post
    • Auto generated thumbnails
    • Pages can have left or right sidebar
    • Tons of options to add or remove meta data, featured images, full or excerpt, etc
  • Custom Page Templates & Page Options included
    • Customize each and every page easily
    • Contact Page
    • Sidebar Left or Right
    • Full Width Page
    • Built-In 404 Page
  • Flickr Photo Stream
  • Latest Tweets
  • Working Contact Form
  • Many Useful Shortcodes
    • Tabs
    • Accordions
    • Alert Boxes
    • Buttons in 3 size with 4 color schemes
    • Tooltips
    • Progress bars
    • Icon Boxs
    • Lists
    • Highlight Texts
    • Dropcaps
    • Testimonials
    • Pricing Tables
    • Latest Projects
    • Our Clients
    • and …
  • Advanced Theme Options Panel
  • Import/Export theme options
  • Built with HTML5 and CSS3
  • Cross browser compatible – tested in IE 8,9,10; Firefox; Safari; Chrome and Opera.

[/newauthor]
下载预览:

怎样在网页中插透明flash的方法

由于最近Themeidea在改版,还是基于Wordpress平台的主题修改,首页中间的动画部分没有找到合适的jquery插件的图片动画,所以还得后退几百年,用一下几乎要灭绝的flash,第一次搞这个东西所以把用到的代码记录一下 谨防以后忘记

其中里面wmode=”transparent”是控制透明的,外面可以用一个div包括一下,然后自己调节一下在网页中的位置什么的

WordPress标题以及摘要的截断输出

在制作主题的时候很多时候需要控制输出的字符长度以达到美观的效果,尤其是wp的主题的摘要以及标题,今天在制作主题的过程中,Themeidea也遇到了相同的问题,于是谷歌了一下,方法有很多,比如说用CSS控制区块的大小,这种方法的弊端显而易见,有时可能某个字符只显示一部分,还有一种方法就是使用Jquery,这种方法对于大部分童鞋来说比较麻烦,所以呢在这里Themeidea给大家介绍一种简单的方法:

标题截断输出:

摘要截断输出:

post_content)), 0, 140,"......"); ?>

好了教程到此结束,如果还不知道怎么用的,欢迎Q我交流

百度云附件(BCS Support)——基于百度云存储BCS的WordPress远程附件支持插件

对于中小站长来说购买大流量的服务器自己可能比较紧张。但是随着网站的不断发展,流量又成为一个限制发展的主要瓶颈,这时候你可以考虑将附件图片上传在图片空间以及图床,今天给大家截杀偶的是百度BCS,百度云存储(百度BCS)是国内为数不多的优秀云存储服务提供商之一,其速度和易用性都非常不错。更吸引人的是,目前百度云存储为用户提供包括5GB存储空间和每天每应用500MB网络流量在内的免费配额。即使超出了免费配额,价格也非常的低廉——流量:0.8元/GB,存储空间:0.02元/GB·天(约 0.6 元/GB * 月,与阿里云OSS价格相同)。

如此物美价廉的服务,绝对是个人站长值得使用的资源。为此,有热心的童鞋开发了一个叫做“BCS Support”的WordPress插件,从而可以利用百度BCS存储上传到WordPress的图片等多媒体文件。但是,该插件还是存在一些不足之处。比方说,文件上传到百度BCS后,文件只能存储在根目录,而不能如WordPress一样,可以按日期存储;只能上传原图,而不能把生成的略缩图一并上传;再比如,上传到百度BCS的多媒体文件,不能在WordPress后台同步删除。

baidu-bcs

baidu-bcs

优点:

正是因为这个插件还有一些不足,所以我利用业余时间,把这个插件几乎彻头彻尾地修改了一遍,并起名为“百度云附件”。“这个插件具有如下优点:

  • 文件可以按日期分类存储
  • 上传图片的同时会将略缩图一并上传;
  • 删除文件时,会与WordPress后台同步删除;
  • 可以选择是否在本地服务器保留文件备份;
  • 可以自定义域名——既可以选用bcs.duapp.com/bucket/filename形式,也可以选用bucket.bcs.duapp.com/filename形式。

安装步骤:

那这个插件如何安装呢?非常简单,只需四步:

第一、从这里下载“百度云附件”插件,解压缩并上传到WordPress插件目录;(已经提交到wordpress.org,不就的将来有望通过WordPress后台直接安装)

第二、在插件管理面板启用“百度云附件”;

第三、设置 >BCS Setting,配置使用的Bucket、AK和SK。(注意,Bucket属性要设置成“公开读”)

第四、设置>多媒体,更改“默认上传路径”为’.’(表示存储在根目录);更改“文件的完整 URL 地址”为’http://{bucket}.bcs.duapp.com’或者’http://bcs.duapp.com/{bucket}’。当然,不一定非得存储在根目录,也可以存储在子目录,但一定要记得“默认上传路径”和“文件的完整 URL 地址”中的子目录一定要保持一致。

bcs-support-plugin

bcs-support-plugin

理论上,到这里就可以正常使用了。但你会发现,打开”媒体库“,好多图片不能正常显示了。这可怎么办?非常简单,把原来的文件都上传到百度BCS相应位置就OK了。

如果你想把原来文章的图片也替换成百度BCS存储,不妨执行下面的SQL语句:

UPDATE `wp_posts` SET post_content=REPLACE(post_content,’到原来附件目录的绝对URL’,’到远程附件目录的绝对URL’);

缺点:

因为百度BCS目前不支持防盗链,所以对有防盗链需求的网友,使用这个插件就要谨慎了。

下载地址:http://url.ehan.cn/bcssupport

原文来自【马文建博客

WordPress文章同步到国内各大博客

WordPress发布博客文章的时候,我们希望它能同步到自己的其他博客,比如百度空间,新浪博客,163博客,点点博客等,对于增加网站的浏览以及增加网站权重都有很大的作用,

1.同步百度空间

使用插件:【点击查看】自动把博客更新同步到百度空间。同步文章时,自动插入原文链接,并且可以设置原文链接的显示位置,不同步私有日志,可以设置百度空间中日志的评论权限,转载权限,访问权限。不支持wordpress 博客自动归类

2,同步到新浪

使用插件【点击查看】将wordpress日志同步更新到新浪博客,支持将Wordpress中文章链接发布到新浪博客,并可选原文链接显示的位置。

3,同步到网易

使用插件【点击查看】把wordpress 博客更新同步到网易博客。可以设置插入的原文链接位置,设置网易博客同步日志的访问权限,是否同步到网易微博。同步日志时,同时会同步wordpress 日志的标签。

4,同步到点点

使用插件【点击查看】自动同步文章到点点博客,但是现在只能同步文字格式,其他格式暂时不支持,等待官方开放更高权限以及主题作者更新

发布这篇文章主要有两个目的,一是分享精神,二是测试一下同步功能

为你的WordPress添加微博秀展示,增加你的人气

细心的朋友估计发现了,侧边栏一面增加了微博秀展示哦,wordpress网站增加微博秀展示主要有两个功能

  1. 访客浏览你的网站的时候可以顺便就把你加关注了,可以增加你的微博人气哦
  2. 我的网站很多东西都是同步在微博的,这样子也增加了用户粘度,可能你还没有订阅我们,但是如果网站发布文章的时候同步到微博,访客看到他们感兴趣的东西就能立即访问网站了,这样子又增加了网站访问量

一举两得的事情何乐而不为呢,也为你的网站添加微博展示吧!

方法步骤如下:

  1. 打开微博秀页面:【点击打开
  2. 自己试探着点击一下,看看都是什么效果,感觉调节好了把代码复制一下
  3. 打开你网站的后台,外观,小工具,将一个文本小工具拖动到侧边栏,里面粘贴上你前面复制的代码就好

O了,到此大功告成!

music

精品HTML5音乐播放器,适合Woredpress页面哦

很久之前为自己的博客做过一个音乐展示页面,预览地址是:【点击查看

结果好多朋友问我怎么写的,具体的我也不是很懂怎么写的,核心代码来自台湾一位设计达人,我只是做了一点小小的修改,然后今天给大家说一下具体怎么制作一个这种页面吧

music

music

  1. 下载所需文件【点击下载
  2. 页面的顶部title以及底部版权在index.html中修改,希望大家能给本站留一个链接
  3. 整体背景在css/stylesheet/style.css中第三十行修改,大家选用图片的时候最好大一点,避免屏幕不满
  4. 想要添加歌曲呢需要在js/script.js中修改。其中第八行到第15行是一首歌曲,16到23是一首,作者歌曲演唱者封面等大家自己折腾吧
  5. 修改完毕以后上传在网站的public文件夹下面,然后打开你的域名/music是不是音乐播放器界面就搭建好了呢

今天的教程到此结束哦

WordPress添加面包屑导航功能

在上一篇文章中我们介绍了WordPress文章目录功能它只是对Wordpress单个文章而言的,但是如果你在浏览某个分类下的文章的时候你想回到上面的目录,就需要用到面包屑导航,它主要用来记录你当前相对于文章首页的位置,他是一个相对位置。

1,在functions.php中添加如下代码

function get_breadcrumbs()
{
global $wp_query;
if ( !is_home() ){
// Start the UL
echo '
    '; // Add the Home link echo ''. 首页 .''; if ( is_category() ) { $catTitle = single_cat_title( "", false ); $cat = get_cat_ID( $catTitle ); echo " » ". get_category_parents( $cat, TRUE, " » " ) ; } elseif ( is_archive() && !is_category() ) { echo "» Archives"; } elseif ( is_search() ) { echo "» Search Results"; } elseif ( is_404() ) { echo "» 404 Not Found"; } elseif ( is_single() ) { $category = get_the_category(); $category_id = get_cat_ID( $category[0]->cat_name ); echo '» '. get_category_parents( $category_id, TRUE, " » " ); echo the_title('','', FALSE); } elseif ( is_page() ) { $post = $wp_query->get_queried_object(); if ( $post->post_parent == 0 ){ echo "
  • » ".the_title('','', FALSE)."
  • "; } else { $title = the_title('','', FALSE); $ancestors = array_reverse( get_post_ancestors( $post->ID ) ); array_push($ancestors, $post->ID); foreach ( $ancestors as $ancestor ){ if( $ancestor != end($ancestors) ){ echo '
  • » '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'
  • '; } else { echo '
  • » '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'
  • '; } } } } // End the UL echo "
"; } }

2,在需要调用的地方调用就好了


3,自己CSS美化一下吧

WordPress文章目录功能

在浏览百度知道的时候,你是否发现右上角有一列目录,点击之后直接跳转到本页相对应的位置,如果你的Wordpress文章博文目录比较清晰的话是不是很容易就能让访客找到自己感兴趣额的东西呢,这是肯定的哇,但是怎么实现呢,下面Themeidea就教你实现此功能
1,将下面的代码写入functions.php

function article_index($content) {
    $matches = array();
    $ul_li = '';
    $r = "/

([^<]+)<\/h3>/im"; if(preg_match_all($r, $content, $matches)) { foreach($matches[1] as $num => $title) { $content = str_replace($matches[0][$num], '

'.$title.'

', $content); $ul_li .= '
  • '.$title."
  • \n"; } $content = "\n
    [文章目录]
      \n" . $ul_li . "
    \n" . $content; } return $content; } add_filter( "the_content", "article_index" );

    2,使用CSS对其进行美化

    #article-index {background:#F7F7F7;-moz-border-radius: 6px 6px 6px 6px;border: 1px solid #DEDFE1;float: right;margin: 5px 0 5px 15px;padding: 0 6px;width: 280px;line-height: 24px;}
    #article-index b {border-bottom: 1px dashed #DDDDDD;display: block;line-height: 30px;padding: 0 4px;}
    #index-ul {margin: 0;padding-bottom: 5px;}
    #index-ul li {background: none repeat scroll 0 0 transparent;list-style-type: disc;padding: 0;margin-top: 5px;margin-bottom: 5px;margin-left: 20px;}
    #index-ul a{text-decoration:none;}
    

    缺点:

    • 只支持h3标签
    • 文章分页启用以后,只能在第一页显示
    • 不能实现分级目录