WordPress快速建站

作者: Iris_mao | 来源:发表于2017-01-23 10:12 被阅读74次
    简单介绍:

    WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。
    WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。
    WordPress有许多第三方开发的免费模板,安装方式简单易用。不过要做一个自己的模板,则需要你有一定的专业知识。比如你至少要懂的标准通用标记语言下的一个应用HTML代码、CSS、PHP等相关知识。

    步骤:
    • 下载wordpresscms安装包https://cn.wordpress.org/(官网)
    • 将压缩包解压到配置环境中,我本地用的phpstudy配置环境,要配置php+mysql+apche环境,运行/wp-admin/setup-config.php
    • 在本地数据库中新建wordpress数据库
    • 在网页上运行/wp-admin/setup-config.php之后,点击按钮进行一步步安装,安装完成之后就进入了wordpress的后台界面,


      后台界面.png
    • 可以先在本地编写好你的静态页面之后,然后用wordpress进行套站
    • 在/wp-content/themes文件夹下建立自己的主题文件夹,然后进入后台的《外观》-《主题》界面选择自己建的主题即可


      选定自己的自定义主题.png

      1、如何把静态页面制作成主题
      2、有多个CSS文件的时候,用哪个文件作为style.css
      制作一个最简单的主题,只需要两个文件,index.php和style.css(放在当前文件夹下面)
      第一步,准备静态页面
      第二步,制作index.php和style.css
      第三步,给style.css添加版权信息
      第四步:把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文
      第五步,在wordpress后台启用主题
      先给style.css添加版权信息

    /*
    Theme Name: 自定义
    Theme URI: http://www..com
    Description: 自定义
    Author: 自定义
    Author URI: http://www.
    .com
    Version: 1.0
    Tags: ***
    */
    ```
    Style.css路径调用:<?php bloginfo( 'stylesheet_url' ); ?>
    主题文件夹路径:<?php bloginfo('template_directory'); ?>

    • 制作顶部header.php和底部footer.php
      需要用到的调用标签:
    <?php get_header();?>
    <?php get_footer();?>
    <?php get_sidebar();?>
    

    获取主页路径:<?php echo get_option('home'); ?>
    Header.php中用到的标签:

    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
    <title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' | '; } ?> <?php bloginfo('name'); ?></title>    
    <?php wp_head(); ?>
    

    自定义的导航调用方法:(分类栏目中的项目)

      <?php
    $args=array(
      'orderby' => 'id',
      'order' => 'ASC'
      );
    $categories=get_categories($args);
      foreach($categories as $category) { 
        echo '<li class="thisclass"><a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a></li>';
        } 
    ?>
    
    • 调用分类目录下的内容(array数组里面的数字就是对应的分类栏目的id)
    <?php $display_categories = array(1,3,4,130,6,7,8,5); 
            foreach ($display_categories as $category) { ?>
    <div class="P_category">
    <?php query_posts("showposts=8&cat=$category")?>
    <h2 class="P_c_one"><a href="<?php echo get_category_link($category);?>"><?php single_cat_title(); ?></a></h2>
        <ul class="p_news">
    <?php while (have_posts()) : the_post(); ?>
        <li>· <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php echo mb_strimwidth(get_the_title(), 0, 40, '…'); ?>
    </a> </li>
    <?php endwhile; ?>
        </ul>
        </div>
    <?php } wp_reset_query();?>
    
    • 每个分类栏目对应的页面是category.php,每个内容详情页对应的页面是single.php
    • 在主题目录下新建functions.php,在里面写入以下方法,在后台《外观》菜单下面就会出现《菜单》选项,在后台就可以进行自定义菜单操作了
      if (function_exists('register_nav_menus')) {
        register_nav_menus(array(
            'primary' => '导航菜单',
        ));
      

    }

    在header定义菜单的部分加上即可
    

    <?php
    if (function_exists('wp_nav_menu')) {
    wp_nav_menu(array(
    'theme_location' => 'primary',
    'menu_id' => 'nav',
    'container' => 'ul',
    ));
    }
    ?>

    ![菜单编辑界面.png](http:https://img.haomeiwen.com/i3810529/938b306e596f3620.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    * 经过以上步骤基本就能搭建一个简单的cms页面了,更多的可以到https://www.wpdaxue.com/进行学习

    相关文章

      网友评论

        本文标题:WordPress快速建站

        本文链接:https://www.haomeiwen.com/subject/rihabttx.html