wordpress教程菜鸟教程

网站建设包括域名注册查询、网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这些确立后，再去注册域名、租用空间、网站风格设计、网站代码制作五个部分，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站是企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的收益和利润。

其实很简单的，自己建网站是不需要花钱的，但是域名，空间，模板是需要花钱的，所以可以找一个制作网站的平台，一般这样的平台里面都有大量的模板。

搜索沃然建站平台进入

选择要制作的网站的类型，挑选一个满足自己心意的模板

修改一下里面的内容

根据提示完成下面的步骤就可以。

开发，提交审核

审核通过后就可以发布了

可以下载一些比较靠谱的建站系统跟着官网教程去学的，类似比较多人用的Pageadmin系统，wp系统都是不错的

先要先做一些准备，想好网站内容，想要网站的结构，准备好充足的网站内容，然后继续往下哦

建站需要域名，服务器和建站程序

域名就是常见的baidu.com类似这样的域名，建站我们也需要自己注册一个，然后就是服务器用来放置网站程序的

建站程序的话，如果是要自己做，除非会自己写程序代码，否则就直接用常见的开源程序套模板建站，简单实用

常用的就pageadmincms，wordpress，帝国cms等等，网上资源，教程很多，很容易上手的

服务器新手建议用win系统的，操作简单，容易上手

建站大概流程就是

域名实名认证，服务器如果是国内的先备案，都可以在服务商后台操作的

都好了之后，域名解析到服务器

服务器配置环境，win系统直接用宝塔配置换，PHP+MYSQL+IIS  就可以的

服务器开设空间，绑定域名和开设数据库，这个都用宝塔来操作

上传网站程序到开设空间对应的文件夹里

访问域名搭建网站

网上都可以找到对应的教程 的，新手还是比较容易上手的哈

安全方面，服务器要再装一个安全狗，这样网站不容易被入侵

差不多就这样了

wordpress使用教程

为什么要动态加载文章?

1. 快速向访客展示页面
文章很容是包含大量文字和多媒体资源 (如: 图片, 视频, 音乐), 加载这些内容需要占用很多的时间. 如果你的页面上存在大量文章, 当访客发现页面久久没有加载完成就感到不耐烦. 这是动态加载文章的主要目的.

2. 让文章列表化
使页面上的文章成为一个列表, 减少页面的空间占用, 访客可以方便的移动到页面下方, 提高旧文章被点击的几率. 并且你可以在页面上放置更多的文章而不用担心页面过长.

为什么不动态加载文章?

1. 对搜索引擎不友好
搜索引擎优化的目的是将有价值的东西尽量多的向搜索爬虫展示, 包括最新的文章内容. 只有标题的文章让爬虫只知道这个文章而不知其文章侧重, 使用 JavaScript 输出的文章内容未必可以被抓取和分析. 这些对 SEO 来说都是不好的.
后来发现, 如果你的网站有固定的文章类型, 没有毕业在文章列表页显示太多文章内容, 表示影响不大.

2. 增加了请求次数
虽然将文章折叠起来, 我们一般还是会想办法向访客显示前面的几篇文章. 这样对用户是友好的, 但是要增加请求的次数和数据库访问的次数.
后来我有选择地显示部分文章内容, 而且不是通过异步加载的方式, 也就是说, 这个问题是可以通过简单的修改解决掉的.

3. 一些插件失效
因为需要自定义方法抓取文章, 如果不添加特殊处理, 很可能令部分 WordPress 插件失效.
可以通过特殊处理解决掉, 以后文章中会提及.

动态加载文章的设计思路

1. 找到页面上所有文章
为每个文章添加一个展开/折叠按钮

2. 向文章添加展开/折叠按钮
点击按钮, 如果文章内容没有加载, 加载并展开文章内容.
点击按钮, 如果文章内容已经加载, 则展开/折叠文章内容.

3. 加载文章内容
将文章的 id 发往后台, 在数据库中找到相应的文章内容并进行格式化, 返回响应显示在页面上.

JavaScript 处理代码分析

1. 找到页面上所有文章

/ 在文档加载完毕的时候遍历所有匹配文章的元素 jQuery(document).ready(function(){ jQuery(\'***.post\').each(function() { // 如果元素相应位置是文章 ID var id = jQuery(this).attr(\'id\'); if(/^post\\-[0-9]+$/.test(id)) { // 则为每个文章添加一个展开/折叠按钮 ... } }); }); 2. 向文章添加展开/折叠按钮 toggle.toggle(function() { // 展开 // 如果文章内容为空, 加载文章内容 if(jQuery(\'#\' + id + \' .content\').text() == \'\') { ... } // 显示文章内容, 并切换按钮样式 jQuery(\'#\' + id + \' .content\').slideDown(); jQuery(this).removeClass(\'collapse\').addClass(\'expand\'); }, function() { // 折叠 // 隐藏文章内容, 并切换按钮样式 jQuery(\'#\' + id + \' .content\').slideUp(); jQuery(this).removeClass(\'expand\').addClass(\'collapse\'); // 将按钮追加到文章标题前方 }).prependTo(jQuery(\'#\' + id + \' h2\'));

3. 加载文章内容

// 取得文章 ID var postId = id.slice(5); // 使用 AJAX 获取并处理文章内容 jQuery.ajax({ type: \'GET\' ,url: \'?action=load_post&id=\' + postId ,cache: false ,dataType: \'html\' ,contentType: \'application/json; charset=utf-8\' // 取得返回内容之前显示加载信息 ,beforeSend: function(data){loadPostContent(id, \'<p >Loading...</p>\');} // 获取文章内容成功, 更新文章内容 ,success: function(data){loadPostContent(id, data);} // 获取文章内容失败, 显示出错提示 ,error: function(data){loadPostContent(id, \'<p>Oops, failed to load data.</p>\');} });

后台处理
处理思路

从前台传到后台的参数有两个, 一个是 action ID, 用于确定使用的接口, 另一个是文章的 ID, 用于获取文章对应的内容.

下面我们来分析一下wp-includes/post-template.php 的 get_the_content 方法.

function get_the_content($more_link_text = null, $stripteaser = 0) { global $id, $post, $more, $page, $pages, $multipage, $preview; // 设定 \"查看全文\" 的链接文案 if ( null === $more_link_text ) $more_link_text = __( \'(more...)\' ); // 返回内容 $output = \'\'; // More 标签是否存在的标记位 $hasTeaser = false; // 如果文章要求输入密码, 并且在 Cookie 中找不到处理过的信息, 则返回要求输入密码的查看表单 if ( post_password_required($post) ) { $output = get_the_password_form(); return $output; } // 请求的文章片段对应的页面大于最大页数 (即文章片段不存在), 则返回最大页码的文章片段 if ( $page > count($pages) ) $page = count($pages); // 文章内容是最后分页中的文章片段 $content = $pages[$page-1]; // 如果文中有 More 标签, 要求切断文章并输出 \"查看全文\" 链接, 则重定义文章内容, 标记 More 标签存在 if ( preg_match(\'/<!--more(.*?)?-->/\', $content, $matches) ) { $content = explode($matches[0], $content, 2); if ( !empty($matches[1]) && !empty($more_link_text) ) $more_link_text = strip_tags(wp_kses_no_null(trim($matches[1]))); $hasTeaser = true; } else { $content = array($content); } // 如果进行了文章切断处理, 且不存在分页要求, if ( (false !== strpos($post->post_content, \'<!-- noteaser -->\') && ((!$multipage) || ($page==1))) ) $stripteaser = 1; // 获取文章内容的第一部分; 如果在独立文章存在 Read more 和切断处理, 则文章内容为空 $teaser = $content[0]; if ( ($more) && ($stripteaser) && ($hasTeaser) ) $teaser = \'\'; $output .= $teaser; // 如果文章分为多个片段, 在独立文章中拼接上第二部分, 摘要内容中显示 \"阅读全文\" 链接 if ( count($content) > 1 ) { if ( $more ) { $output .= \'<span ></span>\' . $content[1]; } else { if ( ! empty($more_link_text) ) $output .= apply_filters( \'the_content_more_link\', \' <a href=\"\' . get_permalink() . \"#more-$id\\\" class=\\\"more-link\\\">$more_link_text</a>\", $more_link_text ); $output = force_balance_tags($output); } } if ( $preview ) // preview fix for javascript bug with foreign languages $output = preg_replace_callback(\'/\\%u([0-9A-F]{4})/\', create_function(\'$match\', \'return \"&#\" . base_convert($match[1], 16, 10) . \";\";\'), $output); // 返回文章内容 return $preview; } 你完全可以这样想: 只要满足一些传入的参数, 去除一些不必要的, 更换一些可取代的, 将页面返回改成输出, 就是一个输出文章内容的接口.

处理方法

如果我们暂时不考虑输入密码, 分页等功能; 另外, 因为 More 和切断功能不应该在展开文章内容中存在, 响应处理可以变得很简单. 我们要做的事就这么几个:
1. 做出 action 对应的接口
2. 获取指定文章的内容
3. 格式化文章内容
4. 返回文章内容

多说无用, 直接上代码, 加注释:

function load_post() { // 如果 action ID 是 load_post, 并且传入的必须参数存在, 则执行响应方法 if($_GET[\'action\'] == \'load_post\' && $_GET[\'id\'] != \'\') { $id = $_GET[\"id\"]; $output = \'\'; // 获取文章对象 global $wpdb, $post; $post = $wpdb->get_row($wpdb->prepare(\"SELECT * FROM $wpdb->posts WHERE ID = %d LIMIT 1\", $id)); // 如果指定 ID 的文章存在, 则对他进行格式化 if($post) { $content = $post->post_content; $output = balanceTags($content); $output = wpautop($output); } // 打印文章内容并中断后面的处理 echo $output; die(); } } // 将接口加到 init 中 add_action(\'init\', \'load_post\');

wordpress教学

第一部分，需要准备一个域名

域名是一个网站的入口与标识，域名需要购买

一般从阿里云（万网）、腾讯云、京东云、Godaddy等网站购买。

域名需要自己想一个好的名称，一旦选中变不可更改。可以选择.com、.top等三字符结尾的域名，这些域名在国际上常见，便于网站站在国际高度上。

第二部分 虚拟空间或云服务器

1.虚拟空间是云服务器分出来的一小部分空间，用来存放你的网站数据。

购买域名后他们可能会给你免费提供一个虚拟空间，也可以购买，或者使用第三方虚拟空间。将域名解析到空间上就行了，域名解析一般在域名的管理后台有说明，根据步骤来就可以了。

第三部分：网站代码制作工具或网站后台管理工具

如果你只想制作一个简单的页面，用来宣传一些简单的思想或者是新手试水，那么使用Dreamweaver可视化编辑即可制作一个简单的页面，百度搜索一些简单的模板，即可更改。