• zAlive主题已在Github开源

    其实zAlive主题一直都是开源的并且在WordPress官方主题目录提供下载,最近将其放在Github上面,原因有二

    • 使用Git版本控制,这样妈妈再也不用担心文件丢失之类的问题了
    • 装装逼
  • 我这破主题还被人扒皮?

    自己也就那么点DIV+CSS的本事,把inove改成了现在这个样子,今天竟然发现被人扒皮了,连我的栏目图标,JS地址,还有footer那里的小标志都跟我的一样,老兄,那个是我的头像的小图啊。。。(本来不想贴的,要地址的话沙发那里回复了)

    如果真有人喜欢,等我有空了整理出来好了。。。

    额。。。真杯具。。

    前两天有人给我发邮件问我的博客的表情插件是什么,当时正好收到邮件就回复了,后来又要我的logo的PSD,我那logo破烂不堪的就用了个字体,就没有回这邮件,现在想想会不会是发邮件的人扒皮的?不清楚。。。

    仔细再看他扒的我这皮,顶部的一些导航做了一个JS样式,但是感觉不太好,文字滑动到上面的时候背景色和文字颜色很相近。

    另外如果这位朋友看到的话请注意下

    1、如果你喜欢就拿去用,但是那些JS你总不能一直调用我的吧

    2、footer那里Z的标志你总不会一直留着吧,那个是我的logo,难不成你的博客也是我的了?呵呵

    3、主题是Modified By zenoven,而不是你那里标注的,链接你加不加无所谓,但这主题总不能说是别人修改的吧?

  • 每日一谈:WordPress主题选择技巧

    目前的博客程序有很多,而用户数量最多的自然是WordPress了。

    WordPress作为世界级流行的博客程序,用户众多,插件众多,主题也众多。

    那么,当一个博主要用WordPress作为博客程序的时候,他应该选择什么样的WordPress主题呢?

    从我使用WordPress的一些经验来说,有这么几点要注意的。

    1、合适

    你做什么类型的内容,就要选择什么类型的主题,色彩、布局都要考虑,选择之前假象下,如果你是读者,这样看会不会舒服。

    2、个性

    要让读者一看就知道这个是你的博客,要有自己的特色。

    对大部分朋友来说修改主题并不是个容易的事情,那么找人给你做个漂亮的logo,给你的博客起个个性的名字(这个虽然不是主题选择时考虑的,但这同样会让你在读者那留下深刻印象)

    3、兼容性

    选择的主题最好是兼容各个浏览器(IE 6/7/8 Firefox Chrome Safari Opera等等)。这个就要考验你选择的主题作者的功力了。

    4、不要经常更换主题

    如果经常换主题,读者可能会觉得你比较花哨,相反,则能让读者记住你的博客是什么样子,让读者更容易摸清你的博客的布局。

  • inove主题链接两列显示方法

    之前我已经对inove主题sidebar(侧边栏)上面的链接显示做了修改,可以让链接分两列显示,但是之前用的那个方法里面用的是id,这样的话,如果sidebar想要有多个分开的链接目录(比如你的链接有3个分类),那么这样就是错误的,因为一个页面只能有一个ID(需要注意的是,我已经对inove的主题的sidebar做了比较大的修改,原来的sidebar有4个widget,我已经修改为了2个,而且链接和分类目录已经不是左右并列显示了)。

    开始想的比较简单,直接把ID改成class,然后style.css再把“#”换成“. ”就行了,不过这很快就被验证是不行的,因为原来的那个CSS里面嵌套的DIV UL比较乱,写的很不规范,那就自己动手改规范吧。

    我的sidebar显示有两个链接分类,还有一个组织活动(这个没有加到链接里面,是我在sidebar里面直接写代码的)。

    代码来了。

    <div class="widget"><!– 第一个链接目录–>
    	<h3>网址</h3>
    	<ul class="links">
    		<?php wp_list_bookmarks('title_li=&categorize=0&category=2&orderby=name&limit=20′); ?></ul>
    	<div class="fixed"></div>
    </div >
    
    <div class="widget"> <!– 第二个链接目录–>
    	<h3>友情链接(随机排序)</h3>
    	<ul class="links">
    		<?php wp_list_bookmarks('title_li=&categorize=0&category=12&orderby=rand&limit=30′); ?>
    	</ul>
    	<div class="fixed"></div>
    </div >
    
    <!–组织活动的 直接写的HTML代码 –>
    <div class="widget" id="organizations">
    	<h3>组织活动</h3>
    	<ul class="links">
    		<li><a id="wpg"href="http://www.wpg.im/" target="_blank" title="WPG中文博客群组">WPG中文博客群组</a></li>
    		<li><a id="wpg_lucky"href="http://wpg.im/lucky" target="_blank" title="左邻右舍">I feel lucky!</a></li>
    		<li><a id="chinablogs" href="http://www.chinablogs.org" target="_blank" title="中国博客联盟 汇聚天下博主,展示精彩博客!">中国博客联盟</a></li>
    	</ul>
    	<div class="fixed"></div>
    </div>
    

    P:默认的inove里面,UL标签里面是没有加那个class=”links”的,这也就是我实现两列显示的关键,所以如果你的sidebar结构跟我类似的话,那么给里面的UL加上class=”links”,然后再给CSS加上下面的代码应该就OK了。

    CSS代码我就加了一句

    .links li {float:left;width:40%}
    

    P:这里可能有朋友要问为何width不是50%了,因为我试验的时候50%达不到要求的效果,这应该是原来sidebar里面写的这句#sidebar li{padding-left:22px;}导致的。

    最后,要记得清除浮动,不然就可能导致显示效果换乱了,如果发现你的<ul>代码。。。</ul>后面没有<div class=”fiexd”></div> ,那么就加上吧。

    ————————————————————————–

    WP相关知识扫盲:

    wp_list_bookmarks() 是WP里面一个用来显示友情链接的函数,具体用法可以参考这个博友的文章 http://www.slyar.com/blog/wp-list-bookmarks.html

  • 分享一份WordPress主题制作教程

    我一直以来都是用的inove主题,感觉这个主题真的很强大。不过再强大的功能,不是自己写的,总是想改造,给他整容,对模板的sidebar header还有footer等一一改造,之前也没有看过什么教程,完全是靠自己的一点点php及CSS,现在渐渐的竟有种自己写主题的念头了,呵呵,但是由于并没有写过主题,还是先看下这方面的教程为好。

    wp_theme

    这份教程是我爱水煮鱼(这个链接到Denis的WP主题制作页面)翻译,由Wpdesigner.com站长编写的,PDF中文版,觉得还不错,分享给大家了!(这份教程对于有HTML PHP CSS基础的朋友应该非常容易看懂,我几分钟就看了10多页呵,当然网上还有很多教程,这个也许不是最好的,但是对于众多WP菜鸟来说已经很不错了。。。)

    真希望有一天大家能看到我制作的主题哈。。。。

    下载地址1 :http://u.115.com/file/t311286caf

    下载地址2 : wp-theme

  • 修改iNove主题默认导航菜单 同时显示分类目录和页面

    iNove主题默认的导航菜单好看是好看,但是感觉用的人实在太多,而且我想要同时显示分类目录和页面,这在原来的设置下是没法实现的,只能改代码了。

    原来的inove/templates/header里是设置默认只显示页面或是显示分类,我要的是都显示,开始想把判断语句去掉,只剩两个函数wp_list_pages 和wp_list_categories 。这样试过后发现显示会有错位,另外IE下和FireFox下效果也不一样,只能再重新修改了。

    下面是inove/templates/header里面我现在的导航栏的代码(搜索框还没修改好,暂时未加上)

    <!– navigation START –>
    <div id=”navigation”>
     <div id=”homepage”>
      <a title=”首页” href=”http://www.zenoven.com”><img src=”<?php bloginfo(‘stylesheet_directory’); ?>/img/home.jpg” alt=”首页” height=”50″ width=”50″></img></a>
     </div>
     <div id=”navs”>
      <div id=”navigation_wp_list_categories”>
       <!– menus START –>
       <ul id=”menus”>
        <?php
          wp_list_categories(‘title_li=0&orderby=name&show_count=0’);
        ?>
       </ul>
        <!– menus END –>
       </div>
       <div id=”navigation_wp_list_pages”>
        <ul id=”menus” >
         <?php
          wp_list_pages(‘title_li=0&sort_column=menu_order’);
         ?>
        </ul>
       </div>
      </div>

      <div></div>
    </div>
    <!– navigation END –>

    我原本是想在navigation实现3栏的,主页图标一栏,然后navs一栏(用来显示分类和页面),搜索一栏,现在只有两栏,homepage和navs(navs下面有navigation_wp_list_categories和navigation_wp_list_pages)。

    下面是CSS代码(我是CSS小菜一个 有错误的请大家指出 :lol: )

    /* navigation START */
    #navigation {
     background:#FFF;
     height:50px;
     overflow:hidden;
    }
    #homepage {
     width:50px;
     height:50px;
     float:left;
    }
    #homepage a {
     display:block;
    }
    }
    #navs {
     float:left;
     width:600px;
     height:50px;
    }
    #navs #navigation_wp_list_pages {
     background:#FFF;
     float:left;
    }
    #navs #navigation_wp_list_categories {
     background:#FFF;
     float:left;
    }
    #menus li {
     display:inline;
     list-style:none;
    }
    #menus li a {
     background-color:#FFF;
     font-size:13px;
     display:block;
     color:#382E1F;
     height:25px;
     line-height:20px;
     padding:0 10px;
     text-decoration:none;
     float:left;
     z-index:1;
    }
    #menus li a:hover,
    #menus li a.current {
     color:#006699;
     background-color:#CDE7FA;
    }

    #menus li.current_page_item a,
    #menus li.current-cat a {
     color:#006699;
     background-color:#CDE7FA;
    }
    /*  searchbox 我这里其实没有用到*/

    #searchbox {
     background: url(img/searchbox.gif) no-repeat;
     width:209px;
     height:21px;
     display:block;
     float:right;
     margin-right:10px !important;
     margin-right:5px;
     padding:3px 2px;
    }
    #searchbox .textfield {
     background:none;
     border:0px;
     width:185px;
     float:left;
     margin-right:2px;
     padding-left:2px;
    }
    #searchbox .button {
     background:none;
     border:0px;
     width:18px;
     height:18px;
     cursor:pointer;
     float:left;
     margin-top:1px;
    }
    #searchbox .searchtip {
     color:#999;
    }
    /* navigation END */

     

    这个虽然是写的针对iNove主题的,但其实其他主题的实现方法都是一样的,主要都是修改header.php和sytle.css文件,只要认真研究下想实现漂亮的导航都是很简单的。

  • 关于本站对iNove主题的修改。。。

    本站的主题修改了 头部的 header图片,底部的footer图片,底部的wp-logo,另外背景图片也去掉了,修改成背景色#ccc,另外上下边距也修改为0,就是把
    CSS里面#wrap修改为下面的就可以了

    #wrap {
     background:#ccc;
    }

    #title a里面的字体大小改大了些~~

    另外把#tagline {…}修改为下面的,具体可以根据自己情况修改

    #caption #tagline {
     font-size:20px;
     color:#FFF;
     text-decoration:none;
     margin-top:12px;
     margin-left:70px;
     float:left;
     padding:0 3px;
    }

    还有就是searchbox图片我也PS了,原来是黑色的现在我PS成蓝色,不过做工不是很好,嘿嘿~~

    再有就是安装插件了~~

    ———————————————————————————-

    提示:由于已经对inove做了太多的修改很多没有记录,而上面的只是最开始修改的一部分。