1 安装WordPress前的准备
本文是《WordPress建站教程》系列文章的第 9 部分,该系列共包含以下 21 个部分:
我们网站之前分享了WordPress的新手入门建站教程:
接下来,更新系列文章,本文主要演示如何手动安装WordPress。
第 1 步:下载最新版本的WordPress ▼点此进入 WordPress官网
解压缩后,将WordPress文件夹中的所有文件上传到主机空间域的根目录。
第 2 步:创建一个新的MySQL数据库
新的数据库信息(范例):
第 1 步:创建配置文件
访问域名,显示以下界面,点击【创建配置文件】▼
第 2 步:点击【现在就开始!】▼
第 3 步:输入MySQL数据库信息
填写你的MySQL数据库信息。
你需要注意修改 “表前缀”,请不要使用默认的wp_
点击【提交】▼
第 4 步:成功连接到数据库,点击【进行安装】▼
第 5 步:填写网站的基本信息
建议不要使用默认用户名admin。
另外,密码最好是达到强的。
点击【安装WordPress】▼
第 6 步:点击【登录】
安装成功WordPress,点击【登录】 ▼
第 7 步:使用以上设置的用户名和密码,登录WordPress后台 ▼
在第 2 步中,如果无法自动创建配置文件 wp-config.php,则可以在WordPress根目录中复制 wp-config-sample.php,并将其重命名为 wp-config.php ▼
然后,打开 wp-config.php 文件,根据下图示例说明填写,并将其上载到WordPress根目录 ▼
最后,刷新WordPress安装界面,就可以继续从 第 3 步开始进行安装。
希望我们网站( https://www.wordpressx.com/ ) 分享的《如何手动搭建WordPress?WordPress安装教程》,对您有帮助。
esc_url()函数主要用于 URL 过滤:
1 一、添加嵌入文章卡片样式短代码
网站内部链接优化,在SEO环节中一直非常重要,一个好的链接结构对搜索引擎优化非常有利。
倘若在当前文章和其他文章有关联时,主动在页面内添加链接:
如果更新了一些旧文章,则还可以通过在新文章添加内部链接,来指示搜索引擎蜘蛛重新抓取和收录旧文章的内容更新。
第 1 步:添加PHP代码
将以下代码添加到你的WP主题的 functions.php 文件中:
/** * 加入内部文章缩略图 By 我们 * 文章地址:https://www.wordpressx.com/cwl-638.html **/ function cwl_thumbnail_src() { global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { //如有缩略图,就显示缩略图 $image = get_post_meta($post->ID, 'thumbnail', true); return $image; } else { if ( has_post_thumbnail() ) { //如有缩略图,就显示缩略图 $img_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "Full"); return $img_src[0]; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ return $strResult[1][0]; //若无缩略图,就调用文中第一张图片作缩略图 }else { $random = mt_rand(1, 20); return get_template_directory_uri().'/img/random/'. $random .'.jpg'; //文章中若无图片,就随机读取在 random 文件夹内的图片作缩略图 } } } } //加入内部文章链接 function cwl_insert_posts( $atts, $content = null ){ extract( shortcode_atts( array( 'ids' => '' ), $atts ) ); global $post; $content = ''; $postids = explode(',', $ids); $inset_posts = get_posts(array('post__in'=>$postids)); foreach ($inset_posts as $key => $post) { setup_postdata( $post ); $content .= '<div class="jiawen"><div class="fl"><a target="_blank" href="' . get_permalink() . '" class="fl"><i class="fa fa-link fa-fw"></i>'; $content .= get_the_title(); $content .= '</a><p class="note"><a target="_blank" rel="nofollow" href="' . get_permalink() . '">'; //$content .= get_the_excerpt(); $content .= mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 180, …… ); $content .= '</a></p></div><div class="fr"><a target="_blank" rel="nofollow" href="' . get_permalink() . '"><img src='; $content .= cwl_thumbnail_src(); $content .= ' class="jiawen-thumb" alt="' . get_the_title() . '" title="' . get_the_title() . '"></a></div></div>'; } wp_reset_postdata(); return $content; } add_shortcode('jiawen', 'cwl_insert_posts');
图片以 1~20 命名:
第 2 步:添加CSS代码
将以下代码添加到你的WP主题的 style.css 文件中:
/*加入内部文章CSS*/ .fl{float:left;} .fr{float:right;} .jiawen{margin-bottom:25px;padding:10px;width:95%;height:100%;border:1px solid #e8e8e8;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);cursor:pointer;-webkit-transition:box-shadow 218ms;-moz-transition:box-shadow 218ms;-o-transition:box-shadow 218ms;transition:box-shadow 218ms;overflow:hidden;} .jiawen:hover{box-shadow:0 1px 8px 1px rgba(0,0,0,.1);} .jiawen .fl{width:72%;} .jiawen .fr{padding:10px 5px;width:24%;} .jiawen .fl a{display:block;margin-right:15px;padding:8px 0;width:100%;height: 100%;color:#8463a9!important;text-decoration:none;font-size:16px;border:none;overflow: hidden;} .jiawen .fl .note{margin:0 0 5px;padding-left:10px;height:150px;color:#888;font-size:14px;} .jiawen .jiawen-thumb{width:170px;height:120px;margin-top: 10px;} @media only screen and (max-width: 700px){.jiawen .jiawen-thumb {width: auto;height: auto;}}
可以直接在文章编辑器 “可视化” 或 “文本” 界面中,输入简码 【jiawen ids =postID1,postID2 ...】
的格式调用。
例如,如果我想显示3个内部链接文章,我直接输入简码:
【jiawen ids=526,380,411】
若你不是在WordPress编辑器中使用简码,想在别处调用,可以使用如下代码调用它:
do_shortcode('[neilian ids ids = postID1,postID2]')
如果需要每次手动输入简码,感觉太麻烦,怎么办呢?
WordPress的强大之处,就是能够让我们实现复杂事简单化 ^_^
WordPress默认内置TinyMCE编辑器,我们可以TinyMCE编辑器文本界面,添加快捷方式按钮。
第 3 步:添加快捷按钮代码
//加入内部文章,TinyMCE 编辑器文本按钮
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'jw', '加入内部文章', '', '');
</script>
<?php
}
注意事项
如果你已经添加编辑器自定义快捷按钮的其它代码,就只需在<script type="text/javascript">
之下,添加如下代码 ▼
QTags.addButton( 'jw', '加入内部文章', '', '');
不然会出错。
我们在编辑WordPress文章时,通常默认界面是可视化(Visual)。
所以,最好也在可视化编辑器中添加一个按钮。
第 4 步:安装启用插件
安装完成后,在左侧菜单栏下方,将出现一个带有齿轮图标的Visual Editor Custom Buttons ▼
第 5 步:点击 Add New
你只需跟着下图设置即可 ▼
第 6 步: Button Content 选项
第 7 步: Before 设置
第 8 步:Display In Editor 设置
第 9 步:Button Icon 选项
第 10 步:测试
希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress怎么添加文章卡片样式?嵌入文章卡片形式短代码》,对您有帮助。
nameCheap也是我们最为喜欢的域名注册商之一,其虽然是从ENOM代理商做起来的,但是经历过年的壮大发展目前品牌已经深入我们用户口碑。其至少在我们普通站长中的口碑和形象还是非常好的,虽然不及Godaddy优惠码>多,也不支持支付宝付款,但是其DNS的稳定,以及变化多样的促销优惠信息还是深得我们喜欢。在NameCheap注册域名到底有哪些优势呢?
第一,性价比高。NameCheap在没有节日特别优惠活动的时候,平时的每月优惠活动价格并不是最为便宜的,但是首次注册域名送隐私保护这样折合出来的费用还是比较具有竞争力的。
第二,稳定性。我们在使用Godaddy域名的时候,如果我们是用来做中文网站,我们必须要用第三方DNS或者购买付费DNS解析才比较稳定,Namecheap域名的自带DNS还是相当的稳定。我们不需要再使用第三方DNS。
第三,免费隐私保护。购买域名,都免费赠送域名隐私保护,我个人还是比较喜欢隐私保护的,因为如果你的网站较多,还是会受到”站群”影响,虽然是微乎其微的影响,但毕竟还是有利的,尤其是对域名的安全性也是比较好。
第四,优惠活动。NameCheap每月都会有固定的优惠,不论是在主机还是在域名上,每月还是有小幅度的优惠;而且在每逢大的节日,都会有较大的转入和新注册优惠,而且还是比较大方。
第一、Namecheap域名优惠码
优惠码:SCARYDMS
备注说明:新注册或者转移.COM/ORG/NET/BIZ/INFO域名可以使用,新注册.COM域名仅需9.61+0.18美元,送隐私保护。转入.COM域名仅需8.79+0.18美元,送隐私保护。续费域名没有优惠。
第二、Namecheap企业邮局优惠码
优惠码:SCARYPE
Namecheap商家有提供企业邮局,如果我们有需要域名邮局、企业邮局的话可以选择,还是比较便宜的。优惠码折扣后可以六五折优惠。
第三、Namecheap SSL优惠码
优惠码:SCARYSSL
备注说明:新购买Namecheap SSL证书,可以享受八三折优惠。
第四、续费优惠码
优惠码:COUPONFCNC
Namecheap域名新注册活动便宜,但是续费是比较贵的,我们一定要使用这个优惠码享受续费优惠。适合域名和SSL等。
需要注意的几个问题:
第一,域名隐私保护也是免费的,我们可以在购买域名的时候开启。
第二,域名是可以自由转出的,但必须在新购买60天之后转出。
第三,在平时,如果有低价注册或者转入优惠,如果我们第二次转出到其他注册商,然后在有转入优惠想转入进来是不可以的。
add_submenu_page()函数是往后台的顶级菜单添加子菜单。
语法结构
add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function );
参数
parent_slug-父级菜单项的别名
page_title–页面的title信息
menu_title-菜单标题
capability-权限
menu_slug-别名
function-执行的函数
WordPress内置菜单的几种情况
1、在仪表盘添加子菜单: add_submenu_page( 'index.php', … );
2、在文章处添加子菜单: add_submenu_page( 'edit.php', … );
3、在媒体处添加子菜单: add_submenu_page( 'upload.php', … );
4、在链接处添加子菜单: add_submenu_page( 'link-manager.php', … );
5、在页面处添加子菜单: add_submenu_page( 'edit.php?post_type=page', … );
6、在评论处添加子菜单: add_submenu_page( 'edit-comments.php', … );
7、在你自定义文章类型处添加子菜单: add_submenu_page('edit.php?post_type=your_post_type',…)
8、在外观处添加子菜单: add_submenu_page( 'themes.php', … );
9、在插件处添加子菜单: add_submenu_page( 'plugins.php', … );
10、在用户处添加子菜单: add_submenu_page( 'users.php', … );
11、在工具处添加子菜单: add_submenu_page( 'tools.php', … );
12、在设置处添加子菜单: add_submenu_page( 'options-general.php', … );