文章资源下载小程序(以Serverless WordPress为后端)的基础配置

简介: 文章资源下载小程序(以Serverless WordPress为后端)的基础配置

引言

《iOS逆向》小程序的基础配置:文章的特色图片(缩略图/封面)模糊的解决方案:https://kunnan.blog.csdn.net/article/details/121471510

本文侧重于WordPress的配置。

I WordPress的基础配置

涉及的相关插件:

  1. Pods是一个用于创建,管理和部署自定义内容类型和字段的框架。
  2. 自定义插件:为REST API 接口新增返回字段,为iOS逆向小程序提供简化操作。

image.png

1.1 为REST API 接口新增返回字段

WordPress插件:给REST API新增文章特色图片(缩略图)字段

demo插件下载地址:https://download.csdn.net/download/u011018979/21981126

image.png

├── -dstrict.php 首页模块(精选栏目) ├── -friend.php 配置友情 ├── -watch.php 配置文件首页焦点 └── -xs.php 配置文章封面图片(文章特色图片)


文章的特色图片(缩略图/封面)模糊的解决方案:在wp后台的设置-媒体设置-缩略图大小 ,裁剪一个原始比例。当然你也可以设置0,表示不裁剪。

公众号头图尺寸比例是2.35:1,大概是900x383。

image.png

设置WordPress REST API : /components/api.js

export const Getfriend = API + '/wp-content/plugins/iosre-friend.php';
export const Getwatch = API + '/wp-content/plugins/iosre-watch.php';
export const Getdstrict = API + '/wp-content/plugins/iosre-dstrict.php';

插件例子:-dstrict.php

<?php
header('content-type:application/json');
$arr = array (
  // 首页金刚区域 ,其中类型type分为以下情况
        // 1.xs_default默认值跳二级
        // 2.xs_tab跳转底部导航
        // 3.xs_program跳转小程序
        // 4.xs_business跳转业务域名请在route填写网站地址
        // 5.xs_wxvideo_activity 打开视频号视频
        // 6.xs_wxvideo_reserve_live 打开预约视频号直播
        // 7.xs_wxvideo_live 打开视频号直播
  [
      array(
       'title'=>'搜索',
       'type'=>'xs_tap',
       'appid'=>'',
       'route'=>'/pages/search/search',
       'himg'=>'../../static/index/1.png'
      ),
      array(
    'title'=>'友情',
    'type'=>'xs_default',
    'appid'=>'',
    'route'=>'../friend/friend',
    'himg'=>'../../static/index/dstrict-1.svg'
   ),
   array(
    'title'=>'视频号',
    'type'=>'xs_wxvideo_activity',
    'appid'=>'sphZH1M',//视频号 id,以“sph”开头的id,可在视频号助手获取
    'route'=>'export/-4__wseALFi',//视频 feedId 就是视频链接
    'himg'=>'../../static/data/ad_video.svg'
   ),
   array(
    'title'=>'商店',
    'type'=>'xs_program',
    'appid'=>'',
    'route'=>'pages/index/index',
    'himg'=>'../../static/data/renking-8.svg'
   )
  ],
);
echo json_encode($arr);
?>

视频号助手:https://channels.weixin.qq.com/index

image.png

1.2 更新pods字段

升级pods插件:请注意备份数据,2.7.x升级2.8.x。

!(https://ucc.alicdn.com/images/user-upload-01/798c97ec0ff64e888a6e48ce079bfbe7.png)

在升级pods 2.8.8,在pods插件—-高级—-清除和重置中清理数据

image.png

开启Migrate: Packages 插件并重新导入pods字段:pods.html(或pods.json)

Import/Export your Pods, Fields, and other settings from any Pods site; Includes an API to Import/Export Packages via PHP

![]](https://ucc.alicdn.com/images/user-upload-01/44ea7eed5a64403c8cf9f54e886e4f61.png)

image.png

1.3 排序分类的顺序

直接在wordpress后台搜索Simple Custom Post Order插件

插件地址:https://wordpress.org/plugins/simple-custom-post-order

see also

相关实践学习
【玩转ComfyUI】基于函数计算一键部署AI生图平台ComfyUI
本次实验将带大家通过使用阿里云产品函数计算FC,快速使用ComfyUI实现更高质量的图像生成。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
目录
相关文章
|
前端开发 JavaScript
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
这篇文章介绍了使用AJAX技术将前端页面中表单接收的多个参数快速便捷地传输到后端servlet的方法,并通过示例代码展示了前端JavaScript中的AJAX调用和后端servlet的接收处理。
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的医笙小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的医笙小程序附带文章源码部署视频讲解等
198 2
基于springboot+vue.js+uniapp的医笙小程序附带文章源码部署视频讲解等
|
小程序 Serverless 开发工具
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
|
存储 数据管理 API
零代码能力:轻松搞定表单和API接口,少写80%后端代码,内含资源
小白接口(果创云 YesApi.cn)是一个零代码和低代码开发平台,提供一站式后端云服务,帮助开发者、学生、业余爱好者、工作室、中小企业及无IT技术人员的传统企业快速搭建应用、接口、服务和网站。平台提供500+免费API接口,支持在线API开发、在线表单、数据库管理、图片文件存储、会员管理等功能,无需后端开发经验,轻松实现数据处理和应用开发。
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的傣族节日及民间故事推广小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的傣族节日及民间故事推广小程序附带文章源码部署视频讲解等
183 4
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的“口腔助手”小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的“口腔助手”小程序附带文章源码部署视频讲解等
249 3
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的学生毕业管理小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学生毕业管理小程序附带文章源码部署视频讲解等
241 1
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小演员招募小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小演员招募小程序附带文章源码部署视频讲解等
174 1
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的二手书籍拍卖小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的二手书籍拍卖小程序附带文章源码部署视频讲解等
236 1
|
存储 安全 Java
Java面试题:假设你正在开发一个Java后端服务,该服务需要处理高并发的用户请求,并且对内存使用效率有严格的要求,在多线程环境下,如何确保共享资源的线程安全?
Java面试题:假设你正在开发一个Java后端服务,该服务需要处理高并发的用户请求,并且对内存使用效率有严格的要求,在多线程环境下,如何确保共享资源的线程安全?
362 0

热门文章

最新文章

相关产品

  • 函数计算