整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

WordPress 4.8.1正式发布 增加单独的H

WordPress 4.8.1正式发布 增加单独的HTML小工具

ordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站,也可以把WordPress当作一个内容管理系统(CMS)来使用。

8月3日,WordPress开发团队发布了WordPress 4.8.1维护升级版本,增加了一个单独的HTML小工具,来解决WordPress 4.8版本中文本小工具的问题。

今年6月份发布的WordPress 4.8正式版,将TinyMCE 编辑器引入到了文本小工具(挂件),用户可以直接在小工具中编辑富文本。

对于网站内容编辑来讲,这是一个非常方便、实用的新功能;但对于一些高级用户来讲,尤其是经常在小工具中添加js脚本或HTML代码的用户,却带来了意外的问题。

经常使用WordPress默认编辑器(即TinyMCE编辑器)的用户都知道,如果你在文本模式(HTML模式)下复制粘贴代码,可以试试切换回可视化编辑模式,然后再重新切换到文本模式,你会发现代码精简了许多。如下图所示:

这并不是一个bug ,而是WordPress编辑器的一个功能。编辑器会对正文内容中的HTML代码进行简化,移除不必要的代码。对于网站内容编辑来讲,如果你经常使用复制粘贴功能,就会发现它的优势,它可以尽量减少使用粘贴功能带来的多余的HTML代码。

这个特性也同样被带入到了小工具的编辑器之中。如果你想要在富文本小工具中增加HTML代码或者js脚本的话,就得小心别被编辑器把代码剔除了。因此,这是相当不方便的。

现在,WordPress 4.8.1增加了一个单独的Custom HTML小工具,以方便用户在小工具之中添加代码。现在,如果你想要使用富文本编辑器的HTML文本编辑模式,就会遇到这样的提示:

WordPress 4.8.1中新增加的Custom HTML小工具,其外观与WordPress 4.7及更早版本中的文本小工具非常像。

而WordPress 4.8中的富文本小工具保持不变,默认开启可视化编辑,用户可以一如既往地使用。

此外,WordPress 4.8.1还修复了其他一些bug,详细的发布说明请查看这里。

现在,你可以通过这里点击下载WordPress 4.8.1版本;也可以通过 WordPress 的后台一键更新到最新版本。建议在升级之前做好备份,以免升级过程中出现意外。

欲善其事必先利其器,好的工具能够提高工作效率。现在网上有很多实用的小工具,可以帮助你解决工作中的小问题。下面就一一分享给大家。

1、汉字拼音在线转换

(https://www.qqxiuzi.cn/zh/pinyin/)

网站支持文字转成拼音大小写,首字母大写、句首大写、标注声调等等。对于不熟悉拼音,常用五笔来打字的人来说,转换出正确的拼音很让人头痛,这个在线网站帮你解决。也能解决普通话不标准的一些家长的困惑,在辅导孩子写语文作业的时候,不知道拼音怎么标注声调。

2、在线英文字母大小写转换

(https://www.iamwawa.cn/daxiaoxie.html)

网站支持字母全大写、全小写、首字母大写、首字母大写、空格转下划线等等,都是很实用的编辑功能,网站还有很多实用的功能,需要的可以自行解锁。

3、二维码图片转矢量

(http://www.zhangqu.org/?page_id=359)

做设计的时候会遇到把二维码转换成矢量的时候,如果用PS或者AI转出来的都不是很好,对于原始文件像素不高的很难解决,这个网站转换出来的就很好,可以直接使用。但是面对特殊的圆形二维码或者其他的识别度都行,网站只能转出方形的二维码。

4、在线书法字转换

(http://www.ziticq.com/Shufa)

这是一个很好的在线书法字转换网站,你可以选择你喜欢的字进行组合。网站提供158,592 幅书法作品中出现的字,可以存svg, png, pdf格式的文件,适用Ai、Ps等软件。

5、人民币大写在线转换

(https://www.917118.com/tool/rmb.html)

这个网站主要是人民币大写的转换、计算机颜色在线查询工具,我主要用在财务报销的时候,填写报销单需要用到人民币的大写。

6、在线修改照片

(https://www.gaitubao.com/)

网站可以在线修改图片像素及尺寸、裁剪、压缩文件大小,对于一些从事文案工作的人来说是个好帮手,可以解决一些问题,不用打开专业的软件去操作,效率低。

这次就分享这些实用的工具网站给大家,欢迎在评论区留言分享你的实用工具,点赞和评论是对我最大的鼓励支持,谢谢大家。

  1. 标签:又称元素,是HTML的基本组成单位双标签(绝大多数都是双标签):<标签名>标签体</标签名>第一个标签叫起始标签,第二个标签叫结束标签例:<marquee>尚硅谷,让天下没有难学的技术!</marquee>单标签:<标签名/>/可以省略例:<input>
  2. 标签名不区分大小写,但推荐小写,因为小写更规范
  3. 标签之间的关系:并列关系、嵌套关系,可以使用 tab 键进行缩进
  4. 1
    2
    3
    4
    5
    <marquee>
    尚硅谷,让天下没有难学的技术!
    <input>
    </marquee>
    <input>

标签属性

  1. 用于给标签提供附加信息
  2. 可以写在起始标签或单标签中,形式如下:<标签名 属性名="属性值" 属性名="属性值">
  3. 1
    2
    <marquee loop="1" bgcolor="orange">尚硅谷,让天下没有难学的技术!</marquee>
    <input type="password">
  4. 有些特殊的属性,没有属性名,只有属性值,如:<input disabled>

不同的标签,有不同的属性;也有一些通用属性(在任何标签内都能写)属性名、属性值不能乱写,都是W3C规定好的属性名、属性值,都不区分大小写,但推荐小写双引号,也可以写成单引号,甚至不写,但推荐写双引号标签中不要出现同名属性,否则后写的会失效,例如:<input type="text" type="password">

基本结构

  1. 想要呈现在网页中的内容写在body标签中
  2. head标签中的内容不会出现在网页中
  3. head标签中的title标签可以指定网页的标题
  4. 1
    2
    3
    4
    5
    6
    7
    8
    <html>
    <head>
    <title>网页标题</title>
    </head>
    <body>
    ......
    </body>
    </html>

注释

  1. 特点:注释的内容会被浏览器所忽略,不会呈现到页面中,但源代码中依然可见
  2. 作用:对代码进行解释和说明
  3. 写法
  4. 1
    2
    3
    4
    <!-- 下面的文字只能滚动一次 -->
    <marquee loop="1">尚硅谷</marquee>
    <!-- 下面的文字可以无限滚动 -->
    <marquee>尚硅谷123</marquee>
  5. 注释不可以嵌套

文档声明

  1. 作用:告诉浏览器当前网页的版本
  2. 写法
    1. 旧写法:要依网页所用的HTML版本而定,写法有很多参考:W3C QA - 可在 Web 文档中使用的 Doctype 声明的推荐列表
    2. 新写法:W3C 推荐使用 HTML 5 的写法
    3. 1
      2
      3
      4
      5
      <!DOCTYPE html>

      <!DOCTYPE HTML>

      <!doctype html>
  3. 文档声明必须在网页的第一行,且在html标签的外侧

字符编码

  1. 计算机对数据的操作存储时,对数据进行:编码读取时,对数据进行:解码
  2. 编码、解码,会遵循一定的规范 —— 字符集
  3. 常见的字符集ASCII:大写字母、小写字母、数字、一些符号,共计128个ISO 8859-1:在 ASCII 基础上,扩充了一些希腊字符等,共计是256个GB2312:继续扩充,收录了 6763 个常用汉字、682个字符GBK:收录了的汉字和符号达到 20000+ ,支持繁体中文UTF-8 :包含世界上所有文字与符号
  4. 为了让浏览器在渲染html文件时,不犯错误,可以通过meta标签配合charset属性指定字符编码
  5. 1
    2
    3
    <head>
    <meta charset="UTF-8"/>
    </head>

设置语言

  1. 主要作用让浏览器显示对应的翻译提示有利于搜索引擎优化
  2. 具体写法:<html lang="zh-CN">
  3. lang属性的编写规则语言-国家/地区zh-CN :中文-中国大陆(简体中文)zh-TW :中文-中国台湾(繁体中文)zh :中文en-US :英语-美国en-GB :英语-英国语言—具体种类(已不推荐使用)zh-Hans :中文—简体zh-Hant :中文—繁体W3School 上的说明:《语言代码参考手册》 、《国家/地区代码参考手册》 W3C官网上的说明:《Language tags in HTML》

标准结构

  1. HTML标准结构如下
  2. 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <!DOCTYPE html>
    <html lang="zh-CN">

    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>

    <body>

    </body>

    </html>

VSCode 删除行快捷键:Ctrl+Shift+K

  1. 输入!,随后回车即可快速生成标准结构
  2. 配置VScode 的内置插件 emmet ,可以对生成结构的属性进行定制
  3. 在存放代码的文件夹中,存放一个 favicon.ico 图片,可配置网站图标