作者: admin

  • css布局列表上显示标题及时间

    我们会在网页上看到一些栏目列表上左边显示内容标题右边显示时间同一行上,看上去简单的布局对于新手来说也是需要花时间去调整至少小编我就是这样,今天添加了一些栏目也写了类似这样的样式怕以后忘记还是记录了下来,代码如下:
    html代码
    [code]<ul>
    <li><span class=”contents”>这里是内容标题</span><span class=”time”>2012-1-1</span></li>
    <li><span class=”contents”>这里是内容标题2</span><span class=”time”>2012-1-2</span></li>
    </ul>[/code]

    css代码
    [code]li span.contents
    {
    float:left;
    width:250px;/* 宽度需要调整 */
    height:15px;
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(…) ;需与overflow:hidden;一起使用。*/
    }

    li span.time{
    color: #000;
    height:15px;
    float:right;
    }[/code]

    效果如图:

    lie_biao
    以上写法超出的部分可以自动隐藏并且带有省略符号,其实带有省略符号的功能我们可以在程序里面修改的,使用简单的写法是:
    html:
    [code]<ul class=”home_news_list”>
    <li><span class=”contents”><a href=”#”>这里是内容标题这里这里是内容标题这里</a></span><span class=”time”>(12-01-17)</span></li>
    <li><span class=”contents”><a href=”#”>这里是内容标题2题</a></span><span class=”time”>(12-01-17)</span></li>
    <li><span class=”contents”><a href=”#”>这里是内容标题</a></span><span class=”time”>(12-01-17)</span></li>
    <li><span class=”contents”><a href=”#”>这里是内容标题2题</a></span><span class=”time”>(12-01-17)</span></li>
    <li><span class=”contents”><a href=”#”>这里是内容标题</a></span><span class=”time”>(12-01-17)</span></li>
    <li><span class=”contents”><a href=”#”>这里是内容标题2题</a></span><span class=”time”>(12-01-17)</span></li>
    <li><span class=”contents”><a href=”http://www.hao123.com”>这里是内容标题</a></span><span class=”time”>(12-01-17)</span></li>
    <div class=”more2″><a href=”http://www.baidu.com”></a></div>
    </ul>[/code]
    css:

    [code].home_news_list{
    float:right;
    width:380px;
    margin-right:23px;
    margin-top:33px;
    }

    .home_news_list li{
    height:27px;
    line-height:27px;
    }

    .home_news_list li:hover{
    background:#486a00;
    }

    .home_news_list li span.contents{
    width:300px;
    display:block;
    float:left;
    text-indent:7px;
    overflow:hidden;
    }

    .home_news_list li span.contents a{
    color:#fcf696;
    }

    .home_news_list li span.time{
    text-align:right;
    }[/code]

  • wordpress显示分类目录文章

    有些网站内容多就会分出很多分类目录,为了让更多的内容展示在首页难免也会让部分某分类目录下的文章调用到首页中去,本站也用到了以下代码:
    [code]<?php
    $paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1;
    $args=array(
    ‘cat’ => ‘1’, // 分类ID,单引号中填写具体ID,在你后台的分类目录中鼠标查找
    ‘posts_per_page’ => 8, // 显示篇数
    ‘paged’=>$paged,
    );
    query_posts($args);
    if (have_posts()) : while (have_posts()) : the_post();
    ?>
    <div class=”poss” id=”post-<?php the_ID(); ?>” >
    <ul>
    <li><a href=”<?php the_permalink() ?>”><?php the_title(); ?></a></li>
    </ul>
    </div>
    <?php endwhile; endif; wp_reset_query();?>[/code]
    以上代码可以显示指定的分类目录下的文章和数量。

     

    文章来源:个人随笔 香格里拉seo (www.xgllseo.com)转载请注明,请尊重版权。
  • wordpress网站标题seo优化

    All in One SEO Pack插件其实就是用几行代码实行即可如下:
    1,标题(Title)
    在主题的 head.php 中修改 Title 标签为:
    [code]<title>
    <?php if ( is_home() ) { ?><?php bloginfo(‘name’); ?><?php } ?>
    <?php if ( is_search() ) { ?>Search Results&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
    <?php if ( is_author() ) { ?>Author Archives&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
    <?php if ( is_single() ) { ?><?php wp_title(”); ?>&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
    <?php if ( is_page() ) { ?><?php wp_title(”); ?>&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
    <?php if ( is_category() ) { ?><?php single_cat_title(); ?>&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
    <?php if ( is_month() ) { ?><?php the_time(‘F’); ?>&nbsp;|&nbsp;<?php bloginfo(‘name’); ?><?php } ?>
    <?php if (function_exists(‘is_tag’)) { if ( is_tag() ) { ?><?php bloginfo(‘name’); ?>&nbsp;|&nbsp;Tag Archive&nbsp;|&nbsp;<?php single_tag_title(“”, true); } } ?>
    </title>[/code]
    2,描述(Description)
    Description 在SEO中是很重要的元素,下面一段代码,把摘要设置成 文章页面的Description, 分类描述设置成分类页面的Description

    [code]<?php
    //if single post then add excerpt as meta description
    if (is_single()) {
    ?>
    <meta name=”Description” content=”<?php echo strip_tags(get_the_excerpt($post->ID)); ?>” />
    <?php
    //if homepage use standard meta description
    } else if(is_home() || is_page()) {
    ?>
    <meta name=”Description” content=”这里填写网站首页的描述!!!”>
    <?php
    //if category page, use category description as meta description
    } else if(is_category()) {
    ?>
    <meta name=”Description” content=”<?php echo strip_tags(category_description(get_category_by_slug(strtolower(get_the_category()))->term_id)); ?>” />
    <?php } ?>[/code]
    将代码里首页的描述补充完整,然后去分类页面填好分类描述,写文章的时候写好摘要。

    3,关于存档页、作者页、标签和分类页的“noindex”元标记
    在 header.php 里插入:
    [code]<?php if ( !(is_home()) && !(is_single()) ) { ?><meta name=”robots” content=”noindex,follow” /><?php }?>[/code]
    意思是除了首页和文章,其它页面禁止搜索引擎 index

    4,关于 canonical标记
    在 header.php 里插入:
    [code]<?php if ( is_singular() ) { ?> <link rel=”canonical” href=”<?php the_permalink(); ?>” /> <?php } ?>[/code]
    注意:所有以上的代码,都要在</head>闭合标签之前!

     

    文章来源:个人随笔 香格里拉seo (www.xgllseo.com)转载请注明,请尊重版权。
  • 修改wordpress表前缀wp_

    wordpress是全世界很受欢迎的博客程序之一,但是因为受欢迎也是经常受黑客攻击的对象之一,垃圾邮件发送也试图往博客里发留言恶意链接,通常黑客攻击的常用手段是SQL注入,这个是涉及到数据库的问题。
    默认情况下数据库的表前缀是wp_开头的,如果不进行修改的话黑客已经知道你数据库的名字这些都是默认情况下的,所以我建立修改至少为自己的网站建立一道防火墙。
    如何为已经创建好数据库的网站修改表前缀呢?
    1,首先备份你的数据库那是必需的。

    2,修改wp-config.php文件
    默认情况下我们会看到以下代码:
    [code]/**
    * WordPress 数据表前缀。
    *
    * 如果您有在同一数据库内安装多个 WordPress 的需求,请为每个 WordPress 设置不同的数据表前缀。
    * 前缀名只能为数字、字母加下划线。
    */
    $table_prefix = ‘wp_’;[/code]
    我们要修改的就是wp随机修改即可但是要符合前缀名只能为数字、字母加下划线的要求,放心往复杂的修改因为我们不需要去记忆。
    我修改成这样:
    [code]/**
    * WordPress 数据表前缀。
    *
    * 如果您有在同一数据库内安装多个 WordPress 的需求,请为每个 WordPress 设置不同的数据表前缀。
    * 前缀名只能为数字、字母加下划线。
    */
    $table_prefix = ‘mn8cvp82d933pxq_’;[/code]

    3,修改wordpress数据库的表名
    建站之后不是每个人的数据库的表数量还是跟默认的一样,你们可以自己去phpmyadmin去看自己表数量多少,默认是11个表。
    我们现在要到phpmyadmin去找wordpress库进入库点击”SQL”选项
    执行以下SQL代码:
    [code]RENAME table `wp_commentmeta` TO `mn8cvp82d933pxq_commentmeta`;
    RENAME table `wp_comments` TO `mn8cvp82d933pxq_comments`;
    RENAME table `wp_links` TO `mn8cvp82d933pxq_links`;
    RENAME table `wp_options` TO `mn8cvp82d933pxq_options`;
    RENAME table `wp_postmeta` TO `mn8cvp82d933pxq_postmeta`;
    RENAME table `wp_posts` TO `mn8cvp82d933pxq_posts`;
    RENAME table `wp_terms` TO `mn8cvp82d933pxq_terms`;
    RENAME table `wp_term_relationships` TO `mn8cvp82d933pxq_term_relationships`;
    RENAME table `wp_term_taxonomy` TO `mn8cvp82d933pxq_term_taxonomy`;
    RENAME table `wp_usermeta` TO `mn8cvp82d933pxq_usermeta`;
    RENAME table `wp_users` TO `mn8cvp82d933pxq_users`;[/code]
    点击执行。

    4,修改wp_options表
    wp_options表还引用我们的一个旧的表名我们还修改它返回表中的所以值,替换原来的表名,在wp_options表当找到字段optionname中的wp_user_roles值修改为mn8cvp82d933pxq_user_roles也就是把wp_修成之前的mn8cvp82d933pxq_

    一般在第4页第4行。

    5,修改wp_usermeta表
    跟上面步骤一样如果在当前表看到的有wp_值的就修改成mn8cvp82d933pxq_就可以了

    不然的话你们进入后台就会显示“您没有足够的权限访问这个页面”这个也是修改表前缀出现的问题的解决办法。

    按照以上步骤去做你的数据库对于黑客来说已经是陌生了至少黑客们已经不知道你的表名对于SQL注入已经建立了一道防火墙了。

     

    文章来源:个人随笔 香格里拉seo (www.xgllseo.com)转载请注明,请尊重版权。
  • WordPress安全与防范

    WordPress很多人都知道建站很方便功能也很强大,博客广泛流行使用。
    但是很多人建站的时候根本不在乎其安全性认为尽然这么多人用了肯定很安全,
    要知道在互联网上没有绝对安全的。如何防止黑客入侵WordPress呢?虽然我们没有黑客那般的头脑但是我们现有用管理员的权限可以加强我们的网站安全性我们可以这样做。

    .htaccess文件有很多用途,但它最主要的功能,是防止黑客入侵。
    1,指定IP登录WordPress后台
    .htaccess是放在网站根目录下的如果没有去创建一个,htaccess文件里加入下面的代码可以达到这个效果:
    [code]AuthUserFile /dev/null
    AuthGroupFile /dev/null
    AuthName “Access Control”
    AuthType Basic
    order deny,allow
    deny from all
    #IP address to Whitelist
    allow from 指定IP[/code]

    2,禁用目录浏览
    有些网站服务器设置本身不安全可以浏览网页目录,即你可以通过http://yoursite.com/wp-plugins/这样的链接看到自己的插件内容。
    你们要知道有些插件本身就存在安全漏洞这样就为一些黑客开启了大门了如果不用就禁掉要么及时更新,
    要禁用目录浏览,只需要在。htaccess文件里加上下面的代码:
    [code]Options All -Indexes[/code]

    3,保护.htaccess
    将文件属性设置为CHMOD 644就是只读的意思。登录FTP右键.htaccess将文件属性设置为只读
    或者在最下边追加以下代码:
    [code]<Files wp-config.php>
    Order Deny,Allow
    Deny from All
    </Files>[/code]

    4,移动wp-config.php文件
    从WordPress 2.6开始,如果用户将wp-config.php移动到上级目录WordPress在同级目录下搜索找不到wp-config.php
    就自动往上级搜索。例如我的网站存在/wwwroot目录下我可以把wp-config.php文件移动wwwroot目录的上级。

    5,更改WordPress表前缀
    在建站安装创可以简单的修改表前缀即使wp_,但是建站之后修改不是这么容易了,我们可以利用插件WP Security Scan修改,网上还有可以不利用插件修改的方法,修改表前缀不利用插件的方法点击以下进入看教程:

    https://sdeno.com/修改wordpress表前缀wp_/

    6,自定义安全密钥

    [code]打开wp-config.php我们可以看到如下其中信息:
    /**#@+
    * 身份认证密匙设定。
    *
    * 您可以随意写一些字符
    * 或者直接访问 {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org 私钥生成服务},
    * 任何修改都会导致 cookie 失效,所有用户必须重新登录。
    *
    * @since 2.6.0
    */
    define(‘AUTH_KEY’, ‘put your unique phrase here’);
    define(‘SECURE_AUTH_KEY’, ‘put your unique phrase here’);
    define(‘LOGGED_IN_KEY’, ‘put your unique phrase here’);
    define(‘NONCE_KEY’, ‘put your unique phrase here’);
    /**#@-*/[/code]
    代码中的链接给出了一套密钥规则,你可以用所给的规则来代替代码中的四行define规则。

    7,WordPress安全插件

    值得庆幸的是,WordPress拥有为数不少的安全插件。 下面只介绍一些最基础最重要的安全插件。
    WP Security Scan插件
    WP Security Scan插件会查看你的WordPress安装文件,看是否有安全漏洞并给出相应的意见。 该插件的查看范围包括:
    1、密码
    2、文件权限
    3、数据库安全
    4、版本号的隐藏
    5、WordPress后台安全
    6、从核心代码中移除WP Generator META标签
    Login LockDown WordPress Security 安全插件
    Login LockDown记录尝试登陆WordPress失败的所有IP地址和时间。 如果插件发现短时间内同一个IP段内多次登录失败,插件会对禁止该IP
    段内所有登录请求。 Login LockDown有效阻止了暴力破解密码。
    Stealth Login插件
    用户可以通过这款插件自定义登录、登出、注册所用的URL。
    AntiVirus for WordPress插件
    AntiVirus for WordPress是一款保护博客不被采集和垃圾评论入侵的有效插件。 这款插件的用途包括: 检测可能存在的平台漏洞、病毒感
    染、恶意链接等。AntiVirus for WordPress还可以给你发送邮件通知和白名单。安全预防措施
    以下是一些简单的安全预防措施:
    1、时将WordPress和插件都更新到最新版本
    2、除不用的WordPress主题和插件
    3、用安全程度较高的密码
    4、使用“admin”为登录名
    5、WordPress文件规定正确的文件许可权限
    6、期备份WordPress数据库(可利用备份插件)

    8,修改wordpress后台
    之前写过了,点击此查看
    https://sdeno.com/修改wordpress后台-自定义后台登入地址/

    9,删除wp-config-sample.php文件

    wp-config-sample.php文件是初次建站时候用到的,站建立完成之后必须删除wp-config-sample.php文件。

    文章来源:个人随笔 香格里拉seo (www.xgllseo.com)转载请注明,请尊重版权。