WordPress(开源建站系统)


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 关联域名,准备上线
案例三

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM