文本小工具

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

🎉 8 周年订阅优惠

WordPress 自带的文本小工具非常有用,你可以在文本小工具里自由的添加任何形式的内容,文字,图片,视频等等。你还可以直接在文本小工具里添加一些嵌入的代码,比如嵌入微博,百度分享,或者 Google 分析等等…

我们先创建一个图片内容的文本小工具,首先我们可以把准备好的图片上传到媒体库里 … 打开 多媒体 … 点击 添加 …

选择文件 … 找到想要上传的图片 … 完成以后点击 编辑 …

我们要复制一下图片的地址 … 找到 文件 URL … 复制一下 …

然后点击 外观,小工具 … 找到 文本 小工具 … 把它拖到主边栏区域上 … 标题我们可以留为空白 ,在标题下面我们可以输入在文本小工具里显示的内容 …

你可以直接输入文字 … 如果要插入图片,我们可以使用 <img> 标签 … 输入 <img src=""> ,在引号之间把图片的地址粘贴过来 …

然后再添加一个 alt 属性,在这里可以描述下这个图片的作用,输入 点击注册 …

如果你想让用户点击这个图片的时候打开某个地址,我们可以使用 <a> 标签,为这个图片添加一个链接 … 在 <img> 标签的周围 … 用一组 <a> 标签包围住 …

<a href=""> href 属性里就是链接的地址… 输入 /wp-login.php ,这是WordPress注册的地址… 这里我们使用的是一个相对的地址… 你也可以使用绝对地址,也就是加上 http:// 你的网站 /wp-login.php

我们可以再添加一个 title 属性,描述一下这个链接 … 点击注册 …

设置好以后,点击 保存

回到前台 … 在主边栏这里,你会看到我们添加的文本小工具,上面显示的是就是我们输入的图片… 点击图片… 可以打开图片链接的地址…

百度分享

下面再来创建一个小工具,里面加上百度分享的代码 … 百度分享是一些社交网站的按钮,用户点击这些按钮可以把当前页面的内容分享到自己的社交网站里。

我们先打到生成百度分享代码… share.baidu.com … 点击 免费获取代码 .. 你可以定制一下按钮的样式…

然后复制在这里生成的代码 … 回到我们自己的 WordPress 网站… 在可用小工具里,找到文本小工具,把它拖放到主边栏上 …

直接把刚才我们复制的百度分享的代码粘贴到这里… 点击 保存 …

我们可以调整一下小工具在主边栏上的显示顺序 …

然后回一网站前台的页面 … 刷新 … 你主边栏的最下面 … 你可以看以百度分享的按钮 …

隐藏小工具标题

再回到管理后台 … 在主边栏上,你可以看到有两个 文本 小工具,小工具的标题都是文本,我们可以为他们定义标题,不过默认小工具的标题会显示给所有用户,这里我们可以安装一个叫 Hide Widget Title 的插件 ,它会在小工具里添加一个隐藏标题的选项…

点击 插件 … 搜索 Hide Widget Title … 现在安装 … 然后点击 启用 … 回到小工具的管理界面 …

找到一个小工具… 输入一个标题 … 提示注册 … 然后勾选 Hide title from public user ,在前台隐藏标题 …

点击 保存 … 在小工具上面,会显示我们定义的标题,这样可以方便我们区分不同的小工具 … 回到 前台 … 刷新 … 在前台不会显示我们为小工具定义的标题...

文本小工具《 WordPress 基础 》

统计

11470
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点