前端技术

JavaScript 基本语法手册

概述 JavaScript 简称 JS，是运行在客户端的脚本语言，浏览器通过 JavaScript 引擎来执行 JS 代码，JS 引擎执行代码时逐行解释每一句源码然后由计算机去执行，即读取一行就执行一行。 JavaScript 由三部分组成，ECMAScript ( JavaScript 语法 ), DOM (页面文档对象模型) , BOM ( 浏览器对象模型 )。 如何引入 JavaScript…

开发

WordPress 添加并使用导航

1、注册导航 在 function.php 文件中使用 register_nav_menus() 函数进行注册 2、创建菜单 在后台 “外观” – “菜单” 下创建新的菜单，创建菜单时在显示位置中选择需相应的菜单名 3、在页面中引用菜单 参考链接 官方文档 https://developer.wordpress.org/reference/functions/register_nav_…

WordPress, 主题, 函数, 导航, 菜单
前端技术

Css 中媒体查询的使用方法

媒体查询 “@media” 可以针对不同设备以及不同屏幕尺寸设置不同的样式，特别是如果你需要设置响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 语法 媒体类型 媒体类型 (mediatype) 用于描述设备的一般类别，支持的类型包括: 对于做网站而言，常用的则是 “screen” …

前端技术

配置 VSCode 中插件 Live Sass Compiler

在 VSCode 扩展库中安装插件 Live Sass Compiler，安装完成后点击配置图标，选择“扩展设置”，然后点击 “在 settings.json 中编辑”，将以下代码粘贴到文件中替换即可。 具体说明可见官方文档：https://github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings…

前端技术

了解 Css / Sass / Less ，以及他们的区别

随着前端技术的不断发展，Css 也延伸出了很多新的语言，Less 与 Sass 就是其中两种，简单来说，他们都是 Css 下面我们就仔细讲解一下这三种语言的区别。 Css Css（层叠样式表）是一种非程序式语言，用来表现 html 或 xml 等文件样式的计算机语言，对网页中字体、颜色、背景、图像及其他各种元素的控制，使网页能够完全按照设计效果来显示。Css 入门学习使用非常直观方便，但是对于一些…

开发

WooCommerce 插件中的模板层级

Rest API https://mookwai/wp-json/wc/v2/products/58 https://mookwai/wp-json/wc/v2 通过这个地址可以查看所有路由地址 Consumer Key: ck_a998cd5ee3c2e58d8575346f47d5416b6ad65a38 Consumer Secret: cs_d768b2b155312d3b353fcd0c…

开发

WordPress 中短代码的应用

在 function.php 文件中注册短代码 短代码注册完成后，直接在文章编辑器中插入短代码即可显示短代码中注册的内容。 注：在页面中的内容调用函数需使用 <? php the_content(); ?>，此函数会进行自动解析，才可正确显示短代码中注册的内容，如使用 <? php echo get_the_content(); ?>，则只会讲编辑器里的内容直接显示。 如直…

开发

给 WordPress 文章的固定链接添加前缀

给 WordPress 文章添加前缀，虽然可以在后台“设置”-“固定链接”中轻松的完成，但此方法会在所有的页面里添加这个前缀，这样不利于网站不同文章类型的区分，以下我整理了三种通过代码实现的方式，单独为默认的文章类型添加前缀。 实现效果：原文章URL: https://puji.design/sample-name更改后文章URL: https://puji.design/blog/sample-…

开发

解决宝塔下 WordPress 固定链接无法访问子页面

当在 WordPress 后台自定义固定链接后，网站的页面会无法通过自定义的固定链接访问，从而出现404页面的提示。 在宝塔后台的网站设置中，左侧选择“伪静态”，将以下代码粘贴进入文本框内保存即可。

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号