配合详细注解的图片一步步教你打造自己的WordPress博客

 

19条留言

  1. solagirl 你好,请教一个wp问题。我使用的国外主题,搜索中文的时候无法返回数据,搜英文和数字正常,请问该如何解决?谢谢

  2. 请问下 我在本地测试the7主题 已经暂停了谷歌的字体 为什么打开速度还是很慢呢

  3. 大神,主题前端白色空白。问原作者说可能是函数更新了应该怎么修复??样式表:/*–首页左上幻灯-大图*/
    #slide_img {position:relative;float:left; padding:0; width:615px;height:240px;overflow:hidden;}
    #slide_img .tabbody { position:relative; z-index:2; }
    .slideimg{position:relative;zoom:1;}
    .slideimg .tabtitle{position:absolute;right:10px;bottom:10px;z-index:10;}
    .slideimg .tabtitle .tabbtn{float:left;margin:0 0 0 5px;padding:0 4px;border-radius:8px;background:#000;color:#FFF;font:bold 12px/16px Arial;opacity:.5;filter:alpha(opacity=50);}
    .slideimg .tabtitle .tabcur{padding:0 6px;background:#F30;font-size:14px;opacity:.8;filter:alpha(opacity=80);}
    .slideimg .tabcont img{display:block;background:#FFF url(images/loading.gif) center no-repeat;vertical-align:text-bottom;}
    .slideimg li h3{position:absolute; right:0px;bottom:0; z-index:2;width:580px;height:20px;padding:8px 10px;background:#FFF;font:bold 16px Arial;opacity:.8;filter:alpha(opacity=80);}
    .slideimg li a{color:#222;}
    .slideimg img{display:block;width:600px;height:240px;}
    .slideimg .home-thumb{width:600px; height:240px;}
    /*–首页左上幻灯-图文*/
    .slidefix{width:615px;height:240px;padding:14px;overflow:hidden;}
    #slide_con {position:relative; padding:0; width:615px;height:240px;}
    #slide_con .tabbody { position:relative; z-index:2; }
    #slide_con li{padding-bottom:14px;}
    .slidecon{position:relative;zoom:1;}
    .slidecon .tabtitle{position:absolute;left:5px;bottom:-5px;z-index:10;}
    .slidecon .tabtitle .tabbtn{float:left;margin:0 0 0 5px;padding:0 4px;border-radius:8px;background:#000;color:#FFF;font:bold 12px/16px Arial;opacity:.5;filter:alpha(opacity=50);}
    .slidecon .tabtitle .tabcur{padding:0 6px;background:#F30;font-size:14px;opacity:.7;filter:alpha(opacity=70);}
    .slidecon .tabcont img{display:block;background:#FFF url(images/loading.gif) center no-repeat;vertical-align:text-bottom;}
    #slide_con img,.slidecon img{display:block;float:left;padding-bottom:14px;width:320px;height:240px;}
    .slidecon .scon{display:inline;position:absolute; right:0;_left:10px;top:0;z-index:2;width:268px;height:240px;padding:0;color:#333;font-size:14px;}
    #slide_con .slcon h3,.slidecon .scon h3{display:inline;height:22px;color:#FF7200;line-height:22px;}
    #slide_con .slcon p span,.slidecon .scon p span{font-size:12px;color:#888;}
    #slide_con .slcon .readmore,.slidecon .scon .readmore{position:absolute; right:-14px;bottom:-14px;background:#C7C7C7;color:#FFF;font-size:12px;padding:0 5px;}
    #slide_con .slcon .readmore:hover,.slidecon .scon .readmore:hover{background:#08A5E0}
    #slide_con .slcon{width:285px;height:240px;color:#333;font-size:14px;}
    /*–首页热门推荐轮播–*/
    #imgscroll { float:left; width:615px; height:210px;overflow:hidden;}
    #imgscroll .tabbody { width:610px!important;height:auto;}
    #imgscroll .tabcont { margin:0 -5px 0 5px; }
    #imgscroll .tabcont p { float:left; }
    #imgscroll h3{color: #FF7200;font-weight:bold;font-size: 14px;}
    .scroll{position:relative;zoom:1;}
    .scroll .tabtitle{display:inline;float:right;padding:3px 5px 5px;}
    .scroll .tabtitle .tabbtn{display:inline-block;overflow:hidden;margin:0 0 0 5px;width:8px;height:8px;border-radius:4px;background:#CCC;text-indent:-10px;font-size:10px;zoom:1;}
    .scroll .tabtitle .tabcur{background:#08A5E0;}
    .scroll .tabbody{border-top:2px solid #08A5E0;}
    .scroll .tabcont img{background:#FFF url(images/loading.gif) center no-repeat;vertical-align:text-bottom;}
    .scroll .tabtitle { margin-right:33px; padding:7px 5px 9px; }
    .scroll .tabbtn { cursor:pointer; }
    .scroll .tabbody { padding:5px 0;}
    .scroll p { display:inline; }
    .scroll p img {width:141px; height:165px; margin:5px 5px 5px 3px; border:1px solid #DBDBDB; vertical-align:text-bottom; }
    .scroll .tabnav { position:absolute; top:6px; right:5px; }
    .scroll .tabnav em { display:block; float:left; overflow:hidden; margin:0 0 0 5px; width:10px; height:10px; background:#08A5E0; color:#fff; text-align:center; font:10px/10px Arial; }
    .scroll .tabnav em:hover { background: #FF7200;}
    .scroll .tabpage { display:none; }
    .scroll .tabexcept { float:left; margin:4px 0 0 4px;padding:0 0 3px; font:bold 12px Arial; }
    .hotpng {background:url(images/hot.gif);background-position: 0px 0px;position:absolute;position:absolute;width:110px; height:110px;top:-4px;left:-4px;z-index:10;}
    /*–首页CMS分栏–*/
    .column-img{width:600px}
    .column-img li{float:left;width:300px;height:90px;margin:8px 0}
    .column-img a:hover img{opacity:0.8;filter:alpha(opacity=80)}
    .column-img li img{display:inline;float:left;width:80px;height:80px;padding:2px;border:1px solid #eee;margin:5px;_margin:4px 2px 2px 4px}
    .column-img .thumb2{width:80px;height:80px;}
    .column-img .list-name{overflow:hidden;margin:5px 0;width:200px;height:24px;text-overflow:ellipsis;font-size:14px}
    .column-img .list-name a{overflow:hidden;color:#333;text-overflow:ellipsis;line-height:22px;cursor:pointer;margin:5px}
    .column-img .list-name a:hover{color:#FF7200}
    .column-img .list-summary{line-height:24px;font-size:12px;color:#888}
    .column-list ul{display:block;overflow:hidden;font-size:14px}
    .column-list li{float:left;overflow:hidden;width:300px;height:28px;line-height:28px}
    .column-list li a{float:left;overflow:hidden;padding-left:8px;width:240px;height:28px;background:url(images/list.png) no-repeat 0 50%;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
    .column-list li a:hover{color:#FF7200}
    .column-list li span{float:left;margin-left:6px;width:40px;height:28px;color:#999}
    能解决就太感谢了~ 不是垃圾评论求助的额 q1711126123

    1. 如果页面什么都没有,说明有php错误,检查网站error log,和样式表没关系,如果样式表加载失败,只会造成样式错乱。

  4. 博主设计的很好,界面也很漂亮。希望博主能说一下关于企业产品展示的主页制作。就是能让产品的图片以缩略图的方式表现在网站主页上。如搭配wp-Commerce 或WooCommerce的插件,点击主页上的产品图片能进入到产品的详细界面中。

  5. 在google上找到这个站,看了一个下午,学习到很多wp的东西,只能真心说声感谢

      1. 目前我在使用的主题,因为当时做的很仓促,真心不比你现在这个主题的,话说天天下了班都在赶新主题,也不知道啥时候我的新主题可以上线……

发表评论

电子邮件地址不会被公开。 必填项已用*标注