- 博客(42)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Go语言VS Code开发环境搭建
Go版本：1.14.4系统：win10编辑器：VS Codegolang 1.14 版本发布已有一段时间，搜了一下网上之前的教程都已过时，所以整理了一篇最新的 golang 开发环境搭建教程。一、下载Go语言安装包到官网https://golang.google.cn/dl/下载最新安装包二、安装点击下载好的安装包进行安装，可修改安装位置（默认安装到C盘）三、配置环境变量打开环境变量页面会发现，系统变量的Path中已经自动生成了Go的环境变量，并在用户变量中生成了GOPATH（用来.
2020-07-02 01:35:04
490
原创 构建一个Bootstrap WordPress主题#13 开启评论功能
我们要做的最后一件事是在我们的文章详情页面添加一些评论功能：打开 single.php 文件，我们要在类名为panel-body的div底部再添加一个评论模板， 添加comments_template() 方法:<?php endif; ?><?php comments_template(); ?></div&
2020-05-04 21:37:45
1522
2
原创 构建一个Bootstrap WordPress主题#12 创建文章详情页
在wpstrap主题文件夹下创建一个single.php文件。现在，如果我们单击其中一篇博文，页面会跳转到空白页，因为它会自动查看single.php页面。现在复制index.php文件中的所有内容，并将其粘贴到single.php文件中。 保存并重新加载页面; 它看起来与index页面完全相同。修改 single.php 文件里的内容，首先找到 if（has_post_thumbnail（...
2020-05-04 21:31:48
1346
原创 构建一个Bootstrap WordPress主题#11 添加搜索栏
打开 header.php 文件，找到文件底部空的 form 标签，我们在标签内添加一些内容：<form method="get" class="navbar-form navbar-right" role="search" action="<?php echo esc_url(home_url('/')); ?>">注意：我们把class中的navbar-lef
2020-05-04 21:27:10
829
原创 构建一个Bootstrap WordPress主题#10 设置侧边栏
现在我们设置侧边栏，以便我们可以添加侧边栏小部件打开functions.php文件，在add_action（）下面添加一个名为init_widgets（）的函数，代码如下：// Widget Locationsfunction init_widgets($id){ register_sidebar(array( 'name' =&amp;gt; 'Sidebar', ...
2020-05-04 21:24:51
813
3
原创 构建一个Bootstrap WordPress主题#9 实现一个导航栏
接下来讲解如何使用wp-bootstrap navwalker实现带有WordPress主题的Bootstrap导航栏。 这个脚本非常流行，它可以整合你的导航栏，方便你创建子项目。打开网址www.github.com/twittem/wp-bootstrap-navwalker ，选择V3-branch版本（适合bootstrap3.x），找到wp-bootstrap-navwalker.ph...
2020-05-04 21:24:23
1079
原创 构建一个Bootstrap WordPress主题#8 添加一点CSS样式
现在我们添加一些CSS样式来使帖子看起来更好看一些：打开style.css并使用article.post，为每个帖子的底部加一个边框。该边框将是灰色，实心和1px。 另外，让我们使用padding-bottom：20px和margin-bottom：30px为底部添加一些填充article.post{ border-bottom: #ccc solid 1px; padding-bo...
2020-05-04 21:23:51
453
原创 构建一个Bootstrap WordPress主题#7 添加内容和阅读按钮
我们先来添加摘要部分。添加内容摘要我们在9-column的div中添加如下代码：我们在9-column的div中添加如下代码：</p><div class="excerpt"> <?php echo get_the_excerpt(); ?></div>到前端刷新页面，摘要出现了添加阅读更多按钮在excerpt类下面，使...
2020-05-04 21:23:26
689
3
原创 构建一个Bootstrap WordPress主题#6 格式化帖子
进入我们的index.php文件，找到下面这部分代码：<?php while(have_posts()) : the_post(); ?> <div class="row"> <div class="col-md-3"> IMAGE HERE </div> <div class="co
2020-05-04 21:22:48
550
原创 构建一个Bootstrap WordPress主题#5 添加特色图片&创建分类
添加特色图片要显示特色图像区域，我们需要创建 functions.php 文件。创建functions.php文件，添加如下代码：<?php function theme_setup(){ // Featured Image Support add_theme_support('post-thumbnails');}add_action('after_s...
2020-05-04 21:22:26
804
原创 构建一个Bootstrap WordPress主题#4 header & footer
接下来让我们从index.php中拆分出header和footer文件：在index.php文件中，将第一行至< / nav>标签的所有代码剪切下来。创建一个header.php文件，将刚刚剪切的代码粘贴进来并保存代码。在index.php文件的头部加入get_header()方法，代码如下： <?php get_header(); ?> 页面看起来没什么变...
2020-05-04 21:21:52
906
原创 构建一个Bootstrap WordPress主题#3 添加侧边栏和footer
这节我们添加一个侧边栏，用来显示小部件，为此，我们首先需要创建一个functions.php文件。 我们需要注册我们想要的小部件。添加侧边栏：打开 index.php ，在col-md-4的 div 标签中添加以下代码， if(is_active_sidebar) 用来判断是否有控件在此区域显示 &lt;?php if(is_active_sidebar('sidebar')) : ?&gt...
2020-05-04 21:21:27
832
原创 构建一个Bootstrap WordPress主题#2 构建一个Bootstrap主题
让我们从头开始使用我们的WordPress Bootstrap主题：1.转到 WordPress 根目录下，打开 wp-content -&amp;amp;gt; themes 文件夹这里只有WP默认的几款主题2.在此目录下新建一个叫 wpstrap 的新文件夹3.在编辑器中打开 wpstrap 文件夹4.新建一个 style.css 文件，在文件头部输入以下代码：...
2020-05-04 21:21:09
3014
原创 构建一个Bootstrap WordPress主题#1 项目概述
在这个项目中，我们将Bootstrap与WordPress集成。 我们之前创建的模板外观非常简单。 我们没有采取一些壮观的设计。 这个项目的目标是让您了解：如何将Bootstrap和WordPress结合在一起，并将其用于为WordPress构建更多Bootstrap主题。在这个项目中，我们将学习以下知识点：构建一个Bootstrap主题处理日志循环实现 Navbar添加搜索栏和单个帖...
2020-05-04 21:20:39
1032
原创 WordPress主题制作进阶篇#1构建一个WordPress主题
在本章中，我们将深入了解更多细节来巩固我们的学习成果。 在上一章中，我们介绍了基础知识，但现在我们将使用一些更高级的概念来构建WordPress主题。 这里我们将介绍以下概念：自定义模板页面存档页面发布格式自定义主页效果预览先看一下效果图：在上图中，您可以看到Wordpress Dev主页以及我们将实现的一些小工具，如图所示。 您可以看到有三个小工具框。文章发布格式图库帖子...
2020-03-11 12:35:54
725
原创 React16.8搭建支持Less文件的开发环境
React 版本 16.8.4写这篇文章是因为个人想使用蚂蚁金服的AntD UI写个demo，中间遇到一些坑，网上找到的一些方案有点过时，所以解决问题后决定自己写点经验和大家分享。当前最新React版本是16.8.4.使用create-react-app脚手架工具创建一个名为 ant-react 的项目：项目创建完成后可以看到项目结构很精简，没有发现webpack配置文件。之后我们打开p...
2020-03-11 12:28:45
1880
10
转载 React hooks实践
本文转载自https://github.com/chenjigeng/blog/issues/2最近在学react，觉得React Hooks会成为2019 前端技术爆点。以下为转载内容：前言最近要对旧的项目进行重构，统一使用全新的react技术栈。同时，我们也决定尝试使用React hooks来进行开发，但是，由于React hooks崇尚的是使用(也只能使用)function com...
2019-03-13 08:53:22
513
转载 jQuery插件开发的两种方法
在jQuery中，工厂函数 是整个jQuery库的核心，所有其他API都通过工厂函数进行调用，因此jQuery的插件以工厂函数为核心，对其进行拓展，可以将工厂函数当做一个JavaScript对象，通过对工厂函数进行扩充就可以创建自己的jQuery插件。jQuery插件的开发方法分为两种对象级别的插件开发这类插件是指在jQuery的选择器对象上添加对象方法，只有存在一个jQuery对象...
2019-01-27 16:15:39
774
原创 WordPress主题制作进阶#11添加评论功能
这一节课程我们将学习添加自定义评论功能。打开single.php然后在endif下面。 添加&lt;？php comments_template（）;？&gt;： &lt;?php endif; ?&gt; &lt;?php comments_template(); ?&gt;&lt;/div&gt;保存代码，刷新前端页面，点击read more，进入单独帖子：
2018-10-01 12:28:04
2221
原创 WordPress主题制作进阶#10自定义主页
这节我们将创建一个自定义主页，然后将小工具添加到指定的位置。新建一个文件并将其保存为front-page.php。 如果我们重新加载主页，它会完全空白，因为它正在查看front-page.php文件。 所以我将复制page.php中的内容并将其粘贴到front-page.php中。刷新前端页面：看起来不太好看，因为这个格式是用来显示帖子内容的。现在我们到网站后台外观 -&amp;amp;amp;gt; 菜单，将菜...
2018-09-30 15:04:51
7559
原创 WordPress主题制作进阶#9使用主题小工具widget
这节我们学习使用小公具我们现在有个侧边栏，但是其内容都是静态的，我们把侧边栏替换成动态的小公具。在博客页面和任何其他页面上，除了我们稍后将创建的自定义主页之外，这将是唯一的小工具。我们将在functions文件中添加小工具的显示位置。打开functions.php，然后找到after_theme_setup这行代码；在这行代码下方添加一些代码，这些代码用来设置小工具位置。//Widget L...
2018-09-29 12:45:10
1746
原创 WordPress主题制作进阶#8页面，自定义模板和子导航
现在我们访问“关于”页面，可以看到它的格式就像一个帖子，这不是我们想要的。我们只希望页面有标题，我们不想要元数据，阅读更多，以及类似的东西。 所以为了改变这一切，我们须要创建一个新文件并将其保存为page.php。我们将index文件中的代码复制，粘贴到page文件中，然后修改一些内容，用下面的代码覆盖while内部的 get_template_part（）&amp;amp;lt;article class=...
2018-09-27 23:57:31
1976
原创 WordPress主题制作进阶#7不同的帖子格式
目前为止我们只定义了一种格式的帖子， 我们还可以提供诸如图库，链接，图像和报价状态更新等内容，我们可以通过不同方式格式化这些不同类型的帖子。接下来我们来学习如何定制不同格式的帖子。精简index文件代码打开index.php，仔细观察主循环部分的每一行代码：&amp;amp;lt;?php while(have_posts()) : the_post(); ?&amp;amp;gt; &amp;amp;lt;article class=...
2018-09-26 23:41:59
382
原创 WordPress主题制作进阶#6自定义存档页面
现在，如果我们点击其中一个类别，它将跳转到一个类别存档。我们来创建自定义的存档页面。定制存档页如果我们点击admin，用户名，会跳转到作者档案。 我们也可以按日期存档，我们可以通过标签来存档，等等。我们进入主题文件夹，创建一个新文件并将其保存为archive.php。现在，如果我们返回并单击某个类别，您可以看到它是空白的，因为它正在查看archive.php页面。 复制index.php页面...
2018-09-26 08:58:01
925
原创 WordPress主题制作进阶#5创建单个帖子页并添加缩略图
接下来将学习如何创建一个单独的帖子页。当我们点击“阅读更多”，它会将我们带到单独帖子页，另外我们还会学习为帖子添加缩略图。创建单个帖子页并添加缩略图1、添加缩略图2、创建单独帖子页模板拆分index.php修改single.php1、添加缩略图打开functions.php文件，我们需要让主题启用缩略图支持，我们找到adv_theme_support（）函数，将以下内容添加到函数内部，代码如...
2018-09-25 10:24:12
394
原创 WordPress主题制作进阶#4展示博客文章
我们之前创建了主题并添加了标题和导航栏，接下来学习如何用WordPress提供的主循环展示博客文章，我们现在页面上的博客是写在HTML中的静态内容，但是在集成了WordPress的页面中，所有的内容都应该是动态的。展示博客文章1、添加主循环2、添加分类3、添加动态元数据时间格式化&amp;amp;显示作者获取文章类别4、削减博客字数&amp;amp;修正Read More按钮1、添加主循环回到我们的inde...
2018-09-24 22:33:40
1436
2
原创 WordPress主题制作进阶#3创建一个WordPress主题
创建WordPress主题1、修改修改style.css2、引用样式表3、修改index.php文件修改头文件修改标题栏修改导航菜单nav4、后台增加页面1、修改修改style.css现在我们将HTML模板转换为WordPress主题。 我刚刚安装了WordPress，只有默认的几款主题。 我们将转到WordPress文件夹，wp-content，然后在themes文件夹中，找到我们新建的ad...
2018-09-24 12:12:32
4149
原创 WordPress主题制作进阶#2使用HTML和CSS构建设计布局
在我们进入WordPress之前，我们将首先绘制出来并使用静态HTML和CSS创建设计布局。构建HTML结构&amp;amp;amp;添加CSS1、创建HTML主体并添加搜索框2、添加导航栏3、添加博客文章4、添加footer部分5、添加一些基础样式6、然后添加header和nav导航部分样式7、为博客文章部分添加样式8、给footer添加样式一个新的文件夹，命名为 advanced-wptheme，然后使用V...
2018-09-23 11:43:52
1783
原创 从0到1制作WordPress主题#12添加评论功能
接下来我们来添加评论功能，经过前面那些学习，添加评论功能对我们来说已经很简单了。1、打开single.php，创建一个显示评论栏的位置，在如下位置添加一行代码comments_template： &lt;?php endif; ?&gt; &lt;?php comments_template(); ?&gt; &lt;/div&gt;保存代码，返回前端页面刷新，我们现在能看到评...
2018-09-22 09:29:42
1275
原创 从0到1制作WordPress主题#11使用小工具widgets
创建widgets显示位置这一章节，我们学习如何在主题中创建窗口小工具。 我们将有一个小工具位置，这将位于侧边栏中。1、打开index.php，找到class=main的div标签，在其结束标签下方创建一个class=sidebar的div，和一个class=clr的div用于清除浮动，代码如下：&lt;div class="sidebar"&gt; Sidebar&lt;/div&gt...
2018-09-21 10:40:29
2246
原创 从0到1制作WordPress主题#10页面和菜单
本节我们将关注页面和菜单。除了在WordPress中创建帖子，我们还可以创建页面：1、如果我们转到后端并单击页面，您会看到有几个示例页面；现在我们创建一个新页就叫About，我们再输入两段文字进去。然后点击发布。2、我们继续创建一个Service页面。 现在我们需要导航功能。为了使用菜单系统，我们需要编辑functions.php文件，因为现在，如果我们转到外观，则没有菜单选项。 所以让我们...
2018-09-20 11:22:47
1085
原创 从0到1制作WordPress主题#9添加functions.php和缩略图
现在我们转到下图显示的表单添加帖子，会发现你看不到在其他WordPress主题或其他WordPress网站上看到过的特色图片框。 原因是我们没有包含该功能。1、进入我们的主题文件夹simple，我们将创建一个叫functions.php的文件1，用于放置一些钩子和一些自定义功能，通过它可以挂钩某些代码，注册一些widgets，动态的实现一些基础功能。2、在functions.php中添加以下...
2018-09-19 12:37:45
1197
原创 从0到1制作WordPress主题#8单个帖子页single.php
单个帖子和缩略图创建single.php现在我们来看看单个帖子页面，我们可以在单个帖子页面发表评论或做点赞等事。 假如我们有来自网站的一批帖子，但是现在我们还无法点击它并跳转到个人帖子。 让我们继续努力吧！1、打开index.php文件，为文章标题添加链接，使标题可单击。我们转到 h3标签，如下面的代码所示; 添加a标签，并将其包裹在title标签周围&amp;amp;amp;lt;h3&amp;amp;amp;gt; &amp;amp;amp
2018-09-18 10:59:47
396
转载 欢迎使用新版CSDN-markdown编辑器Alpha 2.0
Alpha 2.0欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Mar...
2018-09-18 07:49:41
222
原创 从0到1制作WordPress主题#7添加样式和分解文件
添加样式打开style.css 文件添加一些基本样式。整个项目的目的并不是要创建一些外观漂亮的主题，我只是希望您熟悉PHP代码以及如何设置主题。 1、在样式表中加入以下代码：body{ font-family: Arial; font-size:15px; color:#333; background:#f4f4f4; margin:0; ...
2018-09-17 08:29:30
436
原创 从0到1制作WordPress主题#5在head标签中添加功能
在head标签中添加功能接下来我们在 head 标签中输入一个名为 wp_head（）的函数。 这会将头标记所需的任何其他信息放入其中。 例如，当您安装插件时，假设它需要包含样式表，或者需要在头部执行某些操作。我们接着之前的代码输入以下代码：** &amp;lt;?php wp_head(); ?&amp;gt; ** 保存并刷新浏览器，Ctrl+U查看源码，我们发现源码中多了很多其他东西，这些都...
2018-09-14 14:13:33
941
原创 从0到1制作WordPress主题#4使用样式表
接下来我们要加载调用样式表style.css文件。 1.打开style.css文件并输入以下代码：body{ background:#000;}2.保存并刷新浏览器; 我们没看到黑色背景，因为样式表没有被调用。为了看到该样式表，我们将输入以下代码：** &amp;amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;&amp;am
2018-09-14 13:45:47
337
原创 从0到1制作WordPress主题#3创建HTML结构
创建HTML结构现在让我们创建我们的HTML结构。 我们将添加一些核心HTML标签，如下所示：&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html &amp;amp;lt;?php language_attributes(); ?&amp;amp;gt;&amp;amp;gt;&amp;amp;lt;head&a
2018-09-14 12:47:32
469
原创 从0到1制作WordPress主题#2创建和启用主题
创建和启用主题在本节中，我们将了解如何创建主题文件并启用主题。 我们将使用Sublime Text并添加项目文件夹，以便我们可以轻松访问文件：
2018-09-14 12:11:12
467
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人