WordPress 101 主题开发教程: 07补 Q&A知识点交流

WordPress Theme Development Live Session + Q&A

视频学习参考: https://www.youtube.com/watch?v=OSYbTkzuyDg

作者在下节课和上节课中间加入了一节在线交流

重点讲解了以下内容:

1.加入内置jquery

wp_enqueue_script(‘jquery’);

2.加入第三方组件: bootstrap

wp_enqueue_style( 'bootstrap-css' , get_template_directory_uri() . '/assets/libs/bootstrap/css/bootstrap.min.css', array(), '5.0.0', 'all' );
wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/assets/libs/bootstrap/js/bootstrap.min.js', array(), '5.0.0', true );

3.引入bootstrap css框架

4.合并到bootstarap顶部导航菜单 复制bootstrap导航代码 结合下方代码

<?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, ‘container’ => false, ‘menu_class’ => ‘nav navbar-nav navbar-right’ ) );

5.修改文章列表

//the_title( before, after);
//参数1 前半段标签及标题
//参数2 后半段闭合标签
the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );

6.推荐参考codex.wordpress.org进行开发

https://codex.wordpress.org/

中文:https://codex.wordpress.org/zh-cn:Main_Page

7.作者使用插件

Akismet

Contact Form 7

Caryon Syntax Highlighter

Disqus Comment System

Jetpack by WordPress.com

TinyMCE Advanced

WordPress SEO

WP-PageNavi

WP Lightbox 2

Hopefully!