前端开发
-
2023年依然好用的10个WordPress顶部工具栏的小技巧
在WordPress管理后台中，顶部工具栏（Adminbar）是一个极为有用且经常被忽视的功能。这个位于网站前端顶部的导航栏不仅提供了对各种WordPress功能和选项的快速访问，还可以大大简化管理员的工作流程。然而，许多用户并不熟悉这个强大的工具栏所提供的全部功能。 在本文中，我们将分享10个有关WordPress顶部工具栏的小技巧，帮助您更…
-
纯代码实现WordPress文章添加下载按钮(自定义按钮)
细心的朋友可能会发现南方SEO最近更新了文章页的自定义按钮功能，该功能非常简单只需要一行简短的代码就能解决。下面南方SEO就来给大家讲讲纯代码实现WordPress文章添加下载按钮(自定义按钮)的具体过程。本文采用的是直接在文章页中声明按钮的样式，无需安装任何插件及其它的代码配置，只要两步就能搞定，简单易用，轻松上手。话不多说，先给出完整代码，按钮样式在文章…
-
在新窗口打开WordPress文章中的所有链接
在新窗口打开WordPress文章中的链接，有助于提高访客体验，为什么这么说呢？假设你在看文章的过程中，想浏览文章中提到的另一篇文章，但是现在这篇文章你还没有看完，没想到一点击链接，浏览器就切换到了新文章，要看刚才的文章，还得后退，是不是有点烦？ 虽然有时候点击鼠标中键（滚轮）可以使链接在新窗口打开，或者某些浏览器支持拖动链接新窗口打开，但是这些并不适用于所…
-
修改VScode底部状态栏颜色
点击齿轮进入setting 搜索workbench.colorCustomizations,然后点击编辑setting.json 修改为你喜欢的颜色即可,我这里修改为蓝色，例如： “workbench.colorCustomizations”: { “statusBar.background” : “#008cff”, “statusBar.noFolder…
-
阿里巴巴图标库使用方法
主题换用阿里巴巴矢量图标库（Iconfont），与之前使用的 Font Awesome图标，有绝对的优势： 图标字体多 目前Iconfont大概有一百三十多万个，而Font Awesome只有600多，让你有更多的选择。 按需使用 Font Awesome不论你使用几个图标字体，都需要完整加载字体库（1M多），而Iconfont可以按你所需定制图标字体库，并…
-
为wordpress增加微博同步发布功能
此段代码收藏备用，因为同步未成功，初步估计是微博开放平台中未设置安全域名，而安全域名只支持常见的域名，我的 .ren 域名无法成功提交，哭。最后确定，微博api接口升级，此段代码已彻底无用，但是网上还有大量的转载，再哭 /** * WordPress发布文章同步到新浪微博（带图片&自定义栏目版） * 文章地址：http://zhangge.net/4…
-
VsCode最新版官方下载地址，含必装插件推荐
官方下载地址如下：https://code.visualstudio.com/download 需要注意的是，上述地址官方提供了 User 和 Syetem两种版本的下载，个人建议选择System版本下载安装，可以避免一些莫名其妙的问题，至于Microsoft公司此举何意估计没谁能说清。最后，关于两个版本的区别，请点击这个网址进行查询：https://blo…
-
苏醒 Grace8.3.1主题模板修改记录
1、首页以句号截止摘要文字长度的修改 打开主题目录下的 functions_suxingme.php 文件，在第989行修改 function print_excerpt（）函数 2、修改首页小工具之间的间距 style.css 第2392行 margin-bottom: 20px; 修改为 8px; 3、修改首页文章之间的间距 style.css 986…
-
wordpress 获得当天文章数的代码
在自制小工具代码也或者主题的相应地方加入以下代码即可： function get_today_post_count() { $today = getdate(); $query = new WP_Query(‘post_type=’. ‘post’.’&year=’. $today[‘year’].’&monthnum=’. $today[‘…
-
WordPress文章内容中插入外链视频视频如何自适应屏幕宽度的代码
wordpress 视频如何自适应屏幕宽度？在wordpress里面插入以下这样一段代码，实测可以自适应宽度和高度的在文章中发布视频。 <video controls preload=”auto” poster=”视频封面地址” max width=”100%” max height=”100%” src=”视频地址”></video>…
-
WordPress支持WebP格式图片上传方法
在浏览器支持方面，现在主流的浏览器也都支持WebP格式，况且像微信公众号这样的大平台早已开始使用WebP图片，因此没有理由不将博客的插图换成WebP了。默认情况下，WordPress不支持上传WebP格式的图片，在主题或者wordpress的functions.php里添加以下代码即可： /* 以下代码是允许媒体库上传 webp 格式图片；*/ functi…
-
自定义WordPress文件上传路径
自WordPress 3.5版本开始，隐藏了后台媒体设置页面的“默认上传路径和文件的完整URL地址”选项，可以通过下面的代码将该选项调出来。将下面的代码添加到当前主题functions.php文件中，就可以调出该选项： if(get_option(\’upload_path\’)==\’wp-content/uploads\’ || get_option(\…
-
Web前端开发怎么入门,主要都有哪些要素组成
Web前端开发怎么入门，主要都有哪些要素组成？Web前端开发是由网页制作演变而来的，主要由HTML、CSS、JavaScript三大要素组成。专业的Web前端开发入门知识也一定会包含这些内容，下面就给大家简单介绍一下。 HTML，超文本标记语言，标准通用标记语言下的一个应用。包括“头”部分(英语：Head)、和“主体”部分(英语：Body)，其中“头”部提供…
-
CSS 简单归纳 — 前端知识
CSS:cascading style sheets层叠样式表，用于美化页面 css的三种表现形式： 1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中；<标记 style=”样式的属性名1：样式的属性值1；属性名2：属性值2；……”></标记>2、内部样式（内联样式）：写在H…
-
阿里巴巴iconfont字体图标的正确打开方式
这里讲解的默认是元素使用类名; step 1:百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过; step 2:找到图标管理->我的项目->然后新建项目: 右边点击新建项目,用于保存自己常用的图标; step 3:项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,…
-
社会主义核心价值观js代码
将下列代码插入到网页中即可实现 <script type=”text/javascript”> /* 鼠标点击特效 */ var a_idx = 0; jQuery(document).ready(function($) { $(“body”).click(function(e) { var a = new Array(“富强”, “民主”, “…
-
ASP 时间函数 获取服务器时间
一、常用的ASP时间函数 1、now() 获取当前系统日期和时间,ASP输出格式：<%=now()%> 2、Year(now()) 获取年份， ASP输出格式：<%=Year(now())%> 3、Month(now()) 获取当前月份，ASP输出格式：<%=Month(now())%> 4、day(now()) 获取当天…
-
KindEditor得不到textarea值的解决方法
以前有朋友遇到过这个问题，就是KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值，点击表单提交按钮得到的是空白。昨天我也无意遇到这个问题，于是想认真找下原因。 首先描述下我这边KindEditor的错误现象：1、在IE8/FF下均得不到值；2、当点击KindEditor的全拼按钮切换到全屏模式输入时，再返回正常模式，可以得到值；…
-
如何使用JavaScript访问和操作传统数据库
连接 Access 数据库： <!– var filePath = location.href.substring(0, location.href.indexOf(“实例197.连接Access数据库.html”)); //以当前页面文件为基础，找到文件所在的绝对路径 var path = filePath + “197.mdb”; path = …
-
WordPress绑定多个域名使用一套数据库
其中一种最简洁的方法，在你的wp-config.php中添加如下代码： define(‘WP_SITEURL’, ‘http://’ . $_SERVER[‘HTTP_HOST’]); define(‘WP_HOME’, ‘http://’ . $_SERVER[‘HTTP_HOST’]); 即可完成多域名的绑定。理解起来也很简单，通过对WP_SITEURL…
-
WordPress在前台文章页添加后台编辑该文章按钮
在完善主题（wpsite主题）的过程中，碰到这样一个问题，如何给wordpress文章页面添加一个编辑按钮呢？也就是当用户登录并有权限的时候，可以直接点击该按钮去后台编辑该文章，这对于陌小雨这种有一点强迫症的人来说是很有必要的，因为经常要修改文章，预览文章，修改，再预览。起初以为要很复杂的代码，后来发现wordpress早已内置了该函数，就等待我来发现，(^…
-
一个简单的DIV+CSS做的导航菜单
<!DOCTYPE html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <title>UL LI结构实现二级导航菜单(HTML+CSS+JS)</title> <style ty…
-
Visual Studio Code 常用快捷键
主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如： 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式 在 Ctrl+P 窗口下还可以: 直接输入文件名，跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Wa…
-
通栏导航栏的制作，综合使用CSS属性，代码不超过30行
如果你是初学前端开发，强烈建议跟着文章中讲的步骤自己做一做。步骤不多，思路简单，占用不了大家太多的时间，自己做一遍，一定会收获不少。 一、导航栏效果图展示： 今天我们要做的导航栏效果如下图所示。 导航栏效果图展示 这个效果主要使用的是<ul></ul>标记对和<a></a>标记对共同实现的。 整个实例涉及到的C…
