开发

WordPress 添加并使用导航

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

前端技术

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号