博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
wordPress设计网页实践
阅读量:5984 次
发布时间:2019-06-20

本文共 2246 字,大约阅读时间需要 7 分钟。

我希望能设计出世界上最美的画面!

                         

首先进入你自己建立的网站http://localhost:8079/Frank,如上图所示。注意,编辑页面时,要可以上外网,否则wordPress的插件会下载出错!

点击左上角按钮(不知为什么在firefox浏览器中最上面一栏没有显示),在下拉列表中选择Dashboard( 仪表盘),即可进入下图网站设计界面,也可以直接登入设计界面:http://localhost:8079/Frank/wp-admin/,我从本地电脑登陆时,不用输入网站的用户名和密码,可能从外网登陆该页面时需要密码。

图一

进入 Learn more about getting started链接,里面有一官方的教程!

设计了一些元素之后,如果想返回页面看效果,点击左上角的主页按钮“FrankWP”即可返回。

网站元素理解: 网页(Page)和主题(Theme):

建立的网站有很多个Page,每个page即一个网页页面。你可以无限添加,点击图一左侧的Pages,可以进入网页编辑界面,在这里你可以重新编辑之前建立的page,或者添加新的page,或者删除page。编辑完一个页面之后,点击右侧栏中的update按钮即可保存更新。  编辑页面时,在右下角有一个 ,点击后可以为当前你正在编辑的页面添加一个图片。 

假设你建立了10个page,但是这些page如何布局呢,登陆你的网站之后首先会看到那个page,每个page的风格时什么样子的呢,这些都是由网站的主题(Theme)决定的。 在wordPress官网上可以下载很多个不同的主题,不同的主题有不同的风格!例如,虽然你在编辑某个page时为其添加了featured image,但是在某些主题写,这些图片是不予显示的。因此,网站的风格跟主题的相关度很大。  

你的网站的主题可以随便切换,但是你已经建立好的各个页面,还有已经写的Post, 添加过的widgets是不会变少的,只是他们的组织方式变了。 对于不同的主题下载之后,需要你对它进行customize,不同的主题可以让你customize的项不一样,例如如果你激活的某个主题不显示图片,那么你customize这个主题的时候就会少一些项目。

图一左侧工具栏介绍:

1)home按钮:点击后,进入的即是图一的DashBoard页面,该页面是一个概览性质的页面吧,而且有一些快捷键,例如可以直接进入customize your site, 编辑添加Page等!

2)Post按钮:进入后,可以查看和管理发布过的post,可以添加新的post.

3)Media: 管理你给网站添加的图片等资源,可以加资源。

4)Comments:管理别人的评论。

5)Apperance -- Theme: 为网站选择主题,可以用你已经下载过的,或者 通过AddNew按钮下载新的哦。

     Apperance -- Customize: 该页面下也可以通过change按钮重新选择主题。不同的主题,对应的下图列表不 一样。

其他的点进去即可知道功能。对于menus,可能只有某些主题才有这个选项,其用来控制在网站的最上方和最下方显示什么链接。

      Apperance -- Widgets: 左侧显示各个可以被添加的控件,例如日历,视频等。右侧显示你当前的网站可以接受放置Widgets的区域。

     Apperance -- Menus: 控制网站的最上方menu栏(Primary Menu) 和最下方的menu栏(foot Menu)显示的东西。感觉在foot menu中一般显示一些友情链接吧.     界面上Menu structure对应的各个item,就是将要显示的东西,你可以随便添加删除,当然也可以将你自己建立的page,写的某一篇post作为一个item.

    Apperance -- Header: 设置网站最上方的Header(显示网站名字,Primary Menu的那一小部分)的背景图片等。

   Apperance -- Header:  设置网站的整个背景。

   Apperance -- Install Plugins: 安装plugins,具体作用还没有体会到

   Apperance -- Editor:  还未知。

6)plugins: easy!

7)users: 账户管理

8)Tools:  里面有导出/导入网站数据的功能!

9)Setting: easy!

Free WordPress Theme 下载:(可以直接谷歌where to download free ...)

下载后,一般为zip格式,直接进入Apperance -- Theme 用upload按键上传zip文件,然后点击install,这是可能会提示The uploaded file exceeds the upload_max_filesize directive in php.ini.  因为你限制了大小,方法:打开php.ini 文件,搜索 upload_max_filesize 和 post_max_size,改一下文件上传最大限制,比如都改为 32M,比你要上传的文件大。如果你用的是xampp建站,直接点击Apach的config按钮,找到php.ini文件。如果不是则自己安找吧,参考:

转载于:https://www.cnblogs.com/butterflybay/p/10347936.html

你可能感兴趣的文章
OpenJDK 源码阅读之 Java 字节流输出类的实现
查看>>
poj2312--Battle City(Bfs)
查看>>
第三篇 第四章自动喷水灭火系统 (二)
查看>>
LinkedBlockingDeque
查看>>
iOS7 兼容及部分细节
查看>>
[C#]MemoryStream.Dispose之后,为什么仍可以ToArray()?
查看>>
js基本数据类型 BigInt 和 Number 的区别
查看>>
Request JSON
查看>>
转 Solr vs. Elasticsearch谁是开源搜索引擎王者
查看>>
转://Window下安装Oracle ASM单实例数据库
查看>>
solrCloud+zk+tomcat配置
查看>>
Java 程序中的多线程(四)
查看>>
【NOI2018模拟5】三角剖分Bsh
查看>>
redis安装使用
查看>>
git 几款好用的客户端工具
查看>>
拍拍贷月还款的理解
查看>>
【jBox】2.3正式版 多功能jQuery对话框插件下载及常见使用问题解答
查看>>
如何添加localizable.strings本地化
查看>>
css 禁用移动端部分特性
查看>>
安卓OpenGL入门
查看>>