标签为 "Wordpress" 的存档

侧栏评论滑动显示的一点理解

2011年7月14日
{ 34 条评论 }

前两天,我弄上了 loosky的 那个评论滑动显示的效果,也稍微写了一点东西,很多朋友很喜欢.
但是写的很笼统,好多朋友都看不懂.这也不奇怪.因为我也不是很懂原理,只是看了loosky的源代码还有他写的教程之后,按照自己的目的,修改了侧栏上的最新评论列表.我也是随便改的.没想到真的成功了.

今天在外面干了一天的铣床,还真有点累,回来看到有几个朋友让我写写详细的东西.说实话,我还真不会写.

但是算是这几天没更新的一个补救吧,我把我所认为的详细过程写写.同样附上最简单的demo.大家看不看得懂,我就不知道了.希望大家可以看懂.呵呵
请结合我最后的demo来看就好.
按照我的理解,那段javascript代码的作用就是可以控制如下结构中的若干li标签的隐藏和显示.然后再对li标签的位置进行一下控制就可以了.

<ul id="slider">
<li>自说Me话测试1</li>
<li>自说Me话测试2</li>
<li>自说Me话测试3</li>
<li>自说Me话测试4</li>
<li>自说Me话测试5</li>
</ul>

如果你想做成我的侧栏的效果,我想你应该确定你想要实现的那部分的html应该是这个结构的. 你可以看看你的网页的源代码,是不是和这个一样.
我并不知道这段javascript代码是否可以用在其他的结构上.如果你尝试成功了,还请不吝告知.

那段javascript代码使用方法就是,在一个上面所说的列表后,加上如下内容.

<script type="text/javascript">new slider({id:'slider'});</script>

其中的id:'slider' 是上面的ul标签的id号.

这个应该就可以滚动了,但是还需要css来配合,将多余的部分隐藏掉.
比如,我的demo中,一共有9个li标签,我用chrome的审查元素工具看到,每个li标签的高度是21px,因此.把5后面的都隐藏掉,于是css代码就应该是

#slider{height:105px;overflow:hidden;position: relative;}

overflow:hidden 这个就是让多余的都隐藏,
position:relative 这个具体作用我不清楚,但是不加的话,li标签就不会向下滑动,而是一个一个的往下蹦,看了不舒服.具体什么效果你可以试试看.

关键部分好像就是这么多了,我好像也没有说什么实质性的东西.呵呵.具体的剩余的其他代码,还请去看demo源代码.

希望我的说的一些废话,能够给朋友们带来帮助.
最后附上我认为是最简单的demo地址,此处

WordPress , ,

侧栏最新评论滑动显示

2011年7月11日
{ 40 条评论 }

昨天下了火车已经是晚上了,想办法回到家后,收拾一下就睡觉了.今天起来感觉有必要弄点东西.所以翻看了一下别人的文章,得充下电.
到了 loosky那里找了一篇文章,然后弄了个效果

具体效果就是本站侧栏上的最新评论的滑动显示.
或者是点击此处看一下demo ,关键代码全部在源文件中,
loosky原文地址WordPress最新评论高度自适应无缝滑动显示 表示一下感谢.呵呵

我没有新建一个页面专门放这些东西.我的想法就是尽最大可能美化已经存在的东西.所以,我把这个效果放在了侧栏的最新评论上.这样弄完,侧栏小工具的效果就丰富了.既有tab切换,还有滑动显示.

代码虽然不大,但是这个代码的用途,我感觉还是非常广泛的.如果你想的话,你可以把任何的无序列表都变成滑动显示的样式.当然还可以弄很多的东西.就等着你去发掘了.
这样我感觉就就OK了,不想再折腾了.

WordPress ,

wordpress升级3.2成功

2011年7月9日
{ 26 条评论 }

今天看到了willinkan大师的文章.他说wp3.2代码改善的非常好,另外后台样式也变了,所以听了willinkan大师的建议.将wordpress升级到了3.2.

升级不得不考虑这个关于自动保存的问题.原来,我是用的在网上找到的方法,可以实现 既自动保存,又不产生多余的版本控制,
我很喜欢,也一直在用.
升级后,到底还可不可以呢?
所以我在本地建立了一个wordpress环境,按照文章中说的,修改了一下,测试那个方法仍然可以使用.
所以我果断升级了~~

升级之前,一定先备份数据库,万一出现什么问题的话,好换回旧版本的wp,然后恢复数据库.
再把所有插件全部停用,然后就可以自动更新了.
更新后,逐个启用插件,没有问题了,就OK了.

然后我又按照那个方法,把wp源文件修改一下那个自动保存和版本控制的功能.

OK了,升级,加修改文件,几分钟搞定.要是那方法不能用了,我就得考虑停留在3.1.2了.

最后,那个方法的地址,我曾经写过一片文章.按照那个方法设置后完全可以使用.没有任何问题.
想看的点击此处

WordPress ,

本地wordpress后台需要FTP密码解决办法

2011年7月5日
{ 20 条评论 }

一直在本地安装一个wordpress用来测试主题和插件等等.但是本地大唯一不好的地方就是在后台安装主题,删除主题,安装插件,或者是删除插件的时候需要我输入一个FTP的账号和密码.FTP这玩意,我机子上本来都没有,我自己都不知道我的FTP账号是密码是什么,wordpress这货还来问我.

所以,一直以后都是从官方下载插件,然后手动移动到相应大目录来使用.

前几天在金刚那里看到了他 解决VPS需要FTP账号密码的问题.所以收藏了一下.
今天重新安装了一遍,然后就试试吧.按照金刚童鞋说的方法,果然成功了.

金刚童鞋的的方法(表示灰常感谢):
一、权限配置(我没用到,因为目录权限本来就是755了)
wordpress 目录的权限，755就可以在ssh下输入：
#chmod 755 -R [目录名] 此条命令是将 wordpress目录全部的权限设置为755。如果出现上传图片失败的问题，那你可以把755改成777.

二、找到apache服务所使用的用户名和用户组。
金刚vps上安装的kloxo直接启用的apache。之前一直出问题是应为kloxo在新建域名时将文件夹所有权交给了admin账户，但是admin账户并非是apache的所有者。
我们可以通过命令：
#chown apache:apache -R [目录名] 将wordpress的目录所有权交给apache用户即可。
很多朋友不清楚 apache 进程所有者是那个用户。下面大家可以用这么一条命令查看。
#ps -aux 在结果中我们可以看到httpd 进程 所有者为apache用户。
apache 6180 0.0 6.4 53488 33188 ? S Jun19 0:47 /usr/sbin/httpd
经过以上的步骤操作之后，回到wordpress后台大家就可以正常的安装插件，更新程序了。
不再为了wp-content 无法创建，而烦恼了。

-----------------------------------
说说俺的步骤吧.我没有弄权限,因为是本地嘛,权限本来就是正确的.
我的解决就是用的第二步,将wordpress的用户组改掉就好了.

我使用ps -aux命令,可以看到类似下面的运行情况如下(节选)
www-data 1338 0.0 0.2 36112 4144 ? S 18:07 0:00 /usr/sbin/apache2 -k start
www-data 1339 0.0 0.3 36828 6472 ? S 18:07 0:00 /usr/sbin/apache2 -k start
www-data 1340 1.1 1.5 60984 32724 ? S 18:07 0:10 /usr/sbin/apache2 -k start
www-data 1341 0.6 0.9 47972 19916 ? S 18:07 0:05 /usr/sbin/apache2 -k start
www-data 1342 0.0 0.3 37348 6884 ? S 18:07 0:00 /usr/sbin/apache2 -k start

这个最前面的用户名就是关键.
按照金刚童鞋说的,将wordpress文件夹的用户组和用户改成apache服务的用户组就好了.
sudo chown www-data:www-data -R /var/www
完事了,OK!!
现在去后台再安装插件就不需要 FTP的账号和密码了.HOHO~~

最后再说明一下,本人使用的环境是
Ubuntu10.04.2
php环境是使用新利得软件包管理器安装的LAMP套装

学习笔记 , ,

PhilNa2自说Me话扩展版 v1.4

2011年6月30日
{ 47 条评论 }

请先看旧版
PhilNa2自说Me话扩展版
PhilNa2自说Me话扩展版 v1.2
PhilNa2自说Me话扩展版 v1.3

无事来做,更新一下我用的主题.这次这次没有什么大的东西,都是些小小不然的更新.主要是我想用的再方便一点吧.同时也是为了让大家能够更加个性化一点吧.

更新内容如下:
1,将前几次的那个自动添加版权信息删掉了.
将后台中原主题自带的给RSS输出版权信息的函数修改了一下.替换了我的那个版权添加方法.目的就是为了充分利用原主题自带的功能吧.呵呵
可以在文章和RSS中同时插入版权信息.(可以选择插入或者是不插入)
另外,我设定了几个"占位符",朋友们可以按照自己的形式设置版权信息了.只要将对应的占位符写上,函数会自动替换成相应的链接或者是标题的.(感谢SimpleDark主题)
支持HTML代码,版权信息包含在一个DIV元素中
几个占位符如下(其他的只能你自己弄. 感觉这几个就够用了吧?)
%BLOG_LINK% - 博客地址
%FEED_URL% - RSS订阅地址
%POST_URL% - 文章固定链接
%POST_TITLE% - 文章标题

我现在的版权就是用新方法添加的,和原来是不是一样呢?

2,如前几天说的,将获取一篇随机文章的"随便看看"hook到导航菜单上面了.不需要在菜单中添加自动显示.我这么做,是为了下面的小工具做准备的.

3,将人体时钟扩展为后台小工具,因为我不想用了,但是可能有的朋友会喜欢,所以弄成小工具.想要的直接在后台添加就好了.
js文件和swf文件,均位于主题文件夹内. 不用害怕人家直接引用你的js文件浪费你流量.直接引用js文件是没用滴~~

4,给朋友们增加了一个乐趣,添加了一个小宠物,同样设置了后台小工具.
是什么样子的,大家安装上看看就知道了.嘻嘻. 直接引用的话同上

5,重头戏,将 最新评论,最新文章,随机文章 的那个侧栏小工具 扩展为后台小工具,方便大家调整位置以及取舍.
当然,如果你侧栏什么都不放的话,默认还是会有一个这样的小工具的.不想要的话,就用后台其他的小工具覆盖掉吧

6,原来的主题中带的 评论者链接从新窗口打开,Ajax翻页后会失效,所以这次弄了一个一劳永逸的方法.翻页后也在新窗口打开.

貌似这几天没弄什么东西.先把这几个我感觉有用的弄上了.当然那个css3读者墙,我就先没弄,很新鲜的东西,俺先尝尝鲜吧.嘻嘻.

如果大家还有什么别的想法和需求,可以给我说说,在我能力范围之内的东西,有空就会给大家弄上.同时也是我学习进步的过程吧.呵呵
新版地址 点击此处

WordPress , ,

扩展后台侧栏小工具初记

2011年6月27日
{ 34 条评论 }

又想着更新一下我的修改的philna2,但是找不到哪里可以更新,于是我就四处逛一逛.发现了一个值得鼓捣的地方.
扩展后台的小工具.
现在的主题侧栏部分要求大家什么都不要放,但是有点朋友不习惯,所以嘛,还是弄成后台可以直接拖放的小工具比较好.这样朋友们就可以安排自己的侧栏小工具的排列位置了.
下面这个是从codex.wordpress中找到的一段代码.放到functions.php中就可以在后台中生成一个输出 "hello world"的侧栏小工具.
我要做的就是把他改造一下,用来放我的侧栏的那个 最新评论,最新文章,随机文章的小工具.

PHP CODE
<?php
/**
 * FooWidget Class
 */
class FooWidget extends WP_Widget {
    /** 构造函数 */
    function FooWidget() {
        parent::WP_Widget(false, $name = 'FooWidget');
    }
    /** @see WP_Widget::widget */
    function widget($args, $instance) {
        extract( $args );
        ?>
              <?php echo $before_widget; ?>
                  <?php echo $before_title
                      . $instance['title']
                      . $after_title; ?>
                  Hello, World!
              <?php echo $after_widget; ?>
        <?php
    }
    /** @see WP_Widget::update */
    function update($new_instance, $old_instance) {
        return $new_instance;
    }
    /** @see WP_Widget::form */
    function form($instance) {				        $title = esc_attr($instance['title']);
        ?>
            <p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" /></label></p>
        <?php
    }
} // class FooWidget
// 注册 FooWidget 挂件
add_action('widgets_init', create_function('', 'return register_widget("FooWidget");'));

经过多方查找,学习,模仿,终于成功了.现在的侧栏的 那个最新评论 就是用后台的小工具实现的.还可以修改标题的名字.这样多好啊.更接近傻瓜式操作了.HOHO~~
具体的看图
widget-background
由于不会说,就不说了.等着有空了,就直接更新到主题上~~加上这个功能
另外,那个人体时钟我也去掉了.把 随便看看 的那个链接用木木讲的方法hook到了导航菜单上面.节省了空间了还不需要额外设置.呵呵.

WordPress ,
[ 3 / 13 ] <<123 45>>>|