WordPress(开源建站系统)
相关知识
环境快速搭建:(docker-compose搭建)
链接:https://docs.docker.com/samples/wordpress/#define-the-project
官网链接:https://cn.wordpress.org/plugins/

案例一:建立公司网站 来源:https://www.bilibili.com/video/BV1Ut4y1C7Vy 1 设置 (修改语言等基础信息) 2 固定链接 (文章名表示url) 3 插件 经典编辑器 meta slider(首页幻灯片) Simple Lightbox(新窗口打开图片) Contact Form 7 (联系表单插件) Social Media Widget(社交媒体插件) 4 仪表盘 更新插件 5 外观 主题:vantage 6 页面 新键页面 7设置 阅读(文章页-网站新闻) 8 新建页面 添加媒体-->上传图片-->相册-->创建相册-->full width page(拉开间距) 9 地图添加 谷歌地图-->分享-->嵌入地图(复制html) 页面-->文本-->复制(更改 width="100%") 10 菜单 外观--->菜单(拖动排序) 11 图片像素调节 MetaSlider--调节宽度与高度的像素 12 外观-->自定义 Theme Settings-->修改图标与文字 Theme Design-->Menu,Widgets(修改菜单栏颜色,圆环背景颜色) 13 实时编辑器 修改板块信息与url 14 文章中添加超链接 15 编辑主页 复制行(添加不同的板块)--> 添加小工具(文本框) 编辑(加入图片,or 视频) 插入文本 ,图片 16 社交媒体(脚注) 外观-->小工具--Footer(Social Media Widget) Social Media Widget 17 侧边栏处理 外观-->小工具--SideBar

案例二:设计Wordpress网站 链接:https://www.bilibili.com/video/BV1az4y1d7Ai 准备: 1 外观 :主题-Astra 2 插件 Elementor Website Builder (网页生成器) 制作流程: 1 模板制作 外观-astra选项-查看模板库-Elemmentor-选择模板-import complete site-view site 2 修改相关参数(logo-footer等等) 使用:点击自定义(使用技巧-移动到想要修改的地方,点击) 参数:站点图标(site identity),页面logo(页眉生成器) 3 页面编辑(文字,图片的修改等) 使用:使用Elementor编辑 3.1文字修改,背景图片更换(最上方编辑段-样式) 3.2图标颜色更改与批量修改(点击图标-样式修改,右键可以复制样式) 4 编辑的其他方式(技巧) 使用:使用Elementor编辑 左下角点击 导航器(段和栏的编辑) 5 模块的导入与使用 添加段后 3种方式使用(导入网页和模板,第三种最好用) 点击文字(高级设置-外距的使用) 6导航条的设置 外观-菜单 6.1选择要编辑的菜单-编辑 6.2 新建菜单 页面-新建页面-->回到菜单-页面-添加到菜单 7 修改页脚(版权声明等) 自定义-页脚生成器 8 素材站点 https://pixabay.com/zh/ https://unsplash.dogedoge.com/

案例三 :设计自己网站(全面) 来源:https://www.bilibili.com/video/BV1ih411C7jk 流程: 1 购买服务器 2 设计网站 3 关联域名,准备上线