专业WORDPRESS主题设计制作

favicon是什么?网址收藏小图标ico在线制作生成器(favicon icon)

发布于: 2022-11-03

1 什么是Favicon Ico?

  • 2 Favicon.ico如何添加和使用?
  • 3 如何制作透明的favicon.ico图标?
  • 4 如何更新Favicon.ico图标?

 

使用谷歌浏览器,进入我们网站,在浏览器标签、网址栏前面,会显示网站的小图标。

部分WordPress主题,拥有内置上传Favorites Icon(收藏夹图标)的功能。

什么是Favicon Ico?

ico-icon

就如其名称所暗示的,所谓的favicon,就是Favorites Icon(收藏夹图标)的缩写。

  • 它允许浏览器的收藏夹除了相应的标题外,还以图标来区分不同的网站。

当然,根据不同浏览器,Favicon的显示模式也有所不同:

  • 在大多数主流浏览器中,例如FireFox和Internet Explorer(5.5及以上版本)。
  • favicon不仅出现在收藏夹中,而且还出现在地址栏中。
  • 用户可以在桌面上,拖放图标以创建网站快捷方式;
  • 此外,标签式浏览器甚至还有很多扩展,例如FireFox甚至支持动画格式图标等……
  • favicon.ico图标是网站的缩略图,它可以显示在浏览器标签选项卡上,地址栏左侧和收藏夹中。

这是显示网站个性的缩略图标志。

  • 如果你想让网站看起来更专业,它可说是网站的头像。
  • 若想要让你的网站,变得更漂亮、更个性化,favicon.ico是必不可少的。

所以你可以在这个网站上使用ICO图标转换工具,轻松满足你的要求。

在我们用WordPress建设网站过程中,有必要创建一个符合网站主题的个性化标识,这与成功打造网站品牌有直接关系。

从某个角度来看,这仍然在网站做网络推广的范围之内。

要成功,它不仅包括良好的页面设计,令人印象深刻的网站标志,还包括图标:

  • 从具体的技术角度来看,favicon不仅为人们提供了更专业的外观和感觉,而且也在一定程度上减少了服务器的带宽消耗:
  • 一般来说,为了增加站点的可用性,我们会给自己的网站,创建一个网站的自定义404错误文件。
  • 在这种情况下,如果网站没有相应的favicon.ico文件,则Web服务器将调用此自定义404文件,并且记录在网站的录错误日志里,这显然应该避免。

Favicon.ico如何添加和使用?

在Web应用程序代码的head与/head之间,添加以下代码 ▼

<head>
...
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
...
</head>

使用你熟悉的图形软件创建一个16 * 16像素、32 * 32像素、48 * 48像素的渲染,保存为.png或.gif或.jpg格式的图像。

如何制作透明的favicon.ico图标?

第 1 步:用PS制作透明的PNG图标。

第 2 步:打开在线生成favicon.ico图标工具 ▼

点此访问 favicon.ico 图标在线制作生成器

第 3 步:浏览新保存的图片

第 4 步:点击:“在线生成favicon.ico图标”。

第 5 步:按照提示,将其上传到网站根目录。

如何更新Favicon.ico图标?

  1. 关闭所有打开的浏览器,并清除浏览器缓存。
  2. 打开一个网站,并添加收藏夹。
  3. 关闭所有浏览器,重新打开网站并进行更新。

如果此时favicon.ico图标尚未更新,请稍等片刻,然后再打开浏览尝试。

如果你使用Firefox或Chrome浏览器,更新更容易:

  • 使用Firefox和Chrome的隐私模式浏览,就能更新favicon.ico图标的缓存。

希望我们网站( https://www.wordpressx.com/ ) 分享的《favicon是什么?网址收藏小图标ico在线制作生成器》,对您有帮助。

TAG:

如何解决WordPress主题{{unknown}} oembed_cache问题?(wordpress主题corepress)

发布于: 2022-11-03

1 发现{{unknown}}、oembed_cache错误

  • 2 解决方法
  • 3 注意事项

 

begin主题如何解决{{unknown}} oembed_cache?

有新媒体人刚学会WordPress建站,使用的是知更鸟begin主题。

发现{{unknown}}、oembed_cache错误

在phpMyAdmin检查MySQL数据库时,发现出现大量错误……

post_content字段,找到大量错误:{{unknown}} ▼

post_content-unknown

post_type字段,找到大量错误:oembed_cache ▼

oembed_cache

如何在phpMyAdmin数据库里,找到“oembed_cache、{{unknown}}”错误?

在MySQL数据库中,搜索“oembed_cache” ▼

search-in-database

  1. 要搜索的内容:oembed_cache
  2. 查找:至少一个词
  3. 于下列表:全选
  4. 点击“执行”

然后,在 wp_posts 数据表中,搜索“oembed_cache”,找到 691 个……

由此可见,知更鸟的begin主题,是非常臃肿的WordPress主题:

  • 每更新1篇文章,WordPress文章ID就有很大的差距。
  • 比如:刚更新了1篇文章,文章ID是500。
  • 接着半小时内,又再更新1篇文章,文章ID是510。
  • 2篇文章ID的差距是10。

解决方法

第 1 步:改用其它WordPress主题(非知更鸟开发的主题)。

第 2 步:进入phpMyAdmin数据库管理。

第 3 步:点击网站的MySQL数据库。

第 4 步:点击 wp_posts 数据表

第 5 步:点击“搜索”选项

第 6 步:点击“查找和替换”  ▼

  • 查找:oembed_cache
  • 替换为:posts
  • 字段:post_type

find-replacement-mysql-field

  • 点击“执行”后,点击“替换”。

第 7 步:后台设置每页的项目数:100

  • 进入WordPress后台,在所有文章里,点击右上角的“显示选项”。
  • 后台设置分页,每页的项目数:100(或是更多)
  • 点击“应用”。

设置每页的项目数,是根据你的网站PHP最大加载时间而定,详情请参考此文 ▼

解决php提示Maximum execution time of 30 seconds exceeded错误

很多网络营销新手在学习用WordPress建站时,PHP页面很长时间,处于空白状态。然后出现以下错误提示:Fatal error: Maximum execution time of 30 seconds exceeded in ……很简单,这……

 

第 8 步:在所有文章里,搜索“{{unknown}}”

第 9 步:批量编辑文章

全勾选“(无标题)”文章后,选择“编辑”应用  ▼

batch-edit-draft

  1. 评论:允许
  2. Ping通告:允许
  3. 状态:草稿
  4. 点击“更新”

如果还有批量编辑的文章,点击“下一页”,继续重复批量编辑,直到完成为止。

注意事项

操作phpMyAdmin数据库之前,请务必先做好MySQL数据库备份,否则后果自负。

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何解决WordPress主题{{unknown}} oembed_cache问题?》,对您有帮助。

TAG:

WordPress如何新建页面?添加/编辑页面设置(wordpress 自定义页面)

发布于: 2022-11-03

1 WordPress页面和文章的关系

  • 2 WordPress文章和页面的区别
  • 3 WordPress创建一个新页面
  • 4 管理WordPress页面

 

本文是《WordPress建站教程》系列文章的第 15 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

WordPress页面类似于文章,功能也是内容发布,但它们是不同的。

由于很多网络营销新手,不知道WordPress如何新建页面?

现在,就让我们来分享,WordPress如何添加、编辑页面设置吧!

登录WordPress后台  → 页面 → 创建新页面

你可以看到WordPress创建新页面的界面 ▼

wordpress-create-page

WordPress页面和文章的关系

页面与文章类似:

  • 它们都有标题,文本和相关信息。
  • 但这些页面类似于永久性文章,通常不会遵循一般的博客文章,随着时间的推移逐渐消失在最新文章列表。
  • 页面不能被分类或标记,但它们可以具有层次关系。
  • 你可以将页面附加到另一页面下方。

创建新页面与你撰写文章的方式非常相似,你可以用相同的方式自定义在界面:

  • 拖放和排序
  • “显示选项”选项卡
  • 展开和折叠模块
  • 此页面还支持全屏书写界面。
  • 全屏书写界面支持“可视化”和“文本”模式。

WordPress文章和页面的区别

页面编辑器类似于文章编辑器,但页面属性模块中的一些选项略有不同:

1)父级:

  • 你可以按层次结构方式组织页面。
  • 例如,你可以创建一个“关于”页面,其中包含 “生活” 和 “冥想” 的下级。

层次结构的深度不受限制。

2)模板:

  • 某些主题具有自定义模板,你可以在要添加新功能或自定义布局的特定页面上,使用这些模板。
  • 如果是这样,你可以在下拉菜单中看到它。

3)排序:

  • 默认情况下,页面按字母顺序排序。
  • 你还可以通过指定页码来自定义页面的顺序:第一个是1;下一个是2;以此类推……
  • 因为WordPress 3.0引入了自定义菜单功能,所以会很少用到这个排序。

页面通常用于创建单独的内容,例如:关于我们、友情链接、SEO专题、网友投稿页面等等……

WordPress创建一个新页面

页面发布界面的其他模块和功能,与文章发布页面基本相同。

了解 WordPress 文章的编辑选项,可以看这篇《WordPress如何发布文章?自己发文章的编辑选项》。

管理WordPress页面

登录WordPress后台 → 页面 → 所有页面

即能查看所有已创建的页面 ▼

wordpress-page-management

  • 你可以通过单击右上角的“显示选项”,来设置要显示的项目数和每页的页数。
  • 你可以批量选择页面,然后执行一些批处理操作,例如批量移到回收站的操作。
  • 将鼠标移动到页面标题,将显示功能菜单“编辑、快速编辑、移至回收站、查看”。
  • 如果你只想编辑某些页面的属性,可以直接使用“快速编辑”;
  • 要修改页面内容,你应该使用编辑。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何新建页面?添加/编辑页面设置》,对您有帮助。

如何让WordPress延迟加载JavaScript加速页面渲染?(wordpress加载速度慢)

发布于: 2022-11-03

1 什么是JavaScript的Defer属性?

  • 2 将Defer属性添加到WordPress中使用的脚本
  • 3 注意事项

 

WordPress延迟加载JavaScript,来加速页面渲染方法。

lazyload

什么是JavaScript的Defer属性?

每个人都可能遇到过这种情况:

head中有N个脚本,在加载脚本时,会阻塞页面渲染,这通常是空白的。

当然,我们可以将源代码中的脚本放入页脚来解决这个问题。

但是,一些复杂的开发环境,会让这个简单的工作变成特别复杂。

此时我们可以使用Defer属性,这是JavaScript中相对少见的属性。

你可能永远不会使用它,但我相信在阅读这篇介绍后,我相信你不会离开它。

它的主要功能是让脚本在加载整个页面后再解析,而不是在加载时解析它,这为仅包含事件触发的JavaScript的脚本提供了完整的页面加载速度。

是的,如果Script脚本标记具有延迟defer属性,即使它被放置在head中,它也会在解析HTML页面后执行,这类似于将Script脚本放在页面底部。

当然,延迟的使用也是有限的,通常要注意2点:

1)不要在延迟defer类型脚本块中,调用 document.write 命令;

  • 因为 document.write 将产生直接输出效果。

2)不要在Defer脚本中,包括任何立即执行脚本,将使用全局变量或函数。

将Defer属性添加到WordPress中使用的脚本

在WordPress中,我们如何自动将Defer属性添加到WordPress使用的脚本?

我们可以将以下代码添加到当前主题的functions.php文件中 ▼

add_filter( 'clean_url', 'wpcwl_defer_script',11,1);
function wpcwl_defer_script( $url ){
if(strpos($url, '.js') === false){
return $url;
}

return "$url' defer='defer";
};
  • 上述代码仅适用于,根据WordPress方式引入的JavaScript代码才会有效。

注意事项

实时预览管理可能会显示空白:

若使用以上代码,打开实时预览管理(外观 → 自定义)时,可能会显示空白,所以请酌情使用。

在需要实时预览管理时,将以上代码注释掉,自定义完成后才删除注释代码。

PHP注释代码示例:

/*

这里是代码 

*/

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何让WordPress延迟加载JavaScript加速页面渲染?》,对您有帮助。

TAG:

WordPress如何添加菜单?自定义导航栏显示选项(wordpress设置菜单不显示)

发布于: 2022-11-03

1 如何确定主题是否有自定义菜单功能?

  • 2 WordPress自定义导航菜单
    • 2.1 WordPress创建&设置菜单
  • 3 WordPress菜单选项
  • 4 WordPress菜单管理位置

 

本文是《WordPress建站教程》系列文章的第 16 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

WordPress 3.0以上的版本,已经添加了自定义导航栏菜单的功能。

大多数的WordPress主题都支持自定义导航栏菜单功能,你可以自由地为你的网站设置导航栏菜单。

将重要页面链接,添加到导航栏菜单的2大作用:

  1. 可提升用户体验。
  2. 能提升SEO权重。

现在我们就来给你分享:如何设置WordPress导航菜单?

如何确定主题是否有自定义菜单功能?

启用主题后,登录WordPress后台 → 外观 → 菜单。

如果你看到下面显示的内容,则主题不支持自定义菜单,否则它支持 ▼

custom-menu-not-support

WordPress自定义导航菜单

在自定义菜单之前,你需要创建所需的文章分类目录和页面。

创建文章分类目录、页面方法,请参考以下教程 ▼

WordPress如何新建页面?添加/编辑页面设置

WordPress页面类似于文章,功能也是内容发布,但它们是不同的。由于很多网络营销新手,不知道WordPress如何新建页面?现在,就让我们来分享,WordPress如何添加、编辑页面设置吧!登……

如何创建WordPress分类目录?WP分类目录管理

新媒体人学习用WordPress建站做网络推广,将具有不同主题的文章被分配到不同的分类,可以帮助访问者,找到他们想要的内容,并改善用户体验。因此,有必要为你的电商网站创建文章分类。那……

 

WordPress创建&设置菜单

第 1 步:进入WordPress菜单页面

登录WordPress后台 → 外观 → 菜单 ▼

wordpress-creates-menu

  • 此处能创建新菜单,也能管理之前创建的菜单。
  • 若创建新菜单,请在 “菜单名称” 输入框中,填写菜单分类名称。
  • 然后单击“保存”,以创建新的导航菜单位置类别。

第 2  步:选择主题位置

  • 我们要将菜单指定为网站上的导航菜单。
  • 选择主题位置,勾选 Primary Navigation(主导航) ▼

wordpress-menu-setting

  • 注意不要勾选 “自动将所有顶级页面添加到此菜单” ▲
  • 在这种情况下,每次创建顶级页面时,它都会自动添加到菜单中,但菜单的宽度有限,会在超出宽度后换行(影响美观)。

第 3 步:添加和排序WordPress菜单结构

这里以创建一个名为 “Menu 1” 的菜单为例 ▼

wordpress-menu-structure

  • 从左侧选择要添加的链接(页面链接,文章链接,自定义链接、分类目录链接),然后将其添加到菜单中。
  • (其实你可以在这里添加任何链接,例如,你可以添加一个首页,你可以通过“自定义链接”指向首页网址)

排序菜单结构:

  • 在菜单结构区域中,将菜单项稍微向右拖动,以快速设置二级菜单和多级菜单。
  • 设置的效果是梯形的,也就是说,二级菜单比其上一级更加缩进。
  • 导航名称后面会出现一些灰色的“子项目”标志。
  • 排列菜单好了后,单击“保存菜单”。

WordPress菜单选项

WordPress菜单默认是隐藏了一些功能。

如果要控制菜单的更多属性,请单击屏幕右上角的“显示选项”,以显示隐藏的功能 ▼

wordpress-menu-display-options

  • 你可以选择更多菜单项类型。
  • 例如:标签和文章,以及显示菜单的高级属性(链接目标,CSS类,链接关系网,描述)。

wordpress-menu-detail-settings

导航标签:

  • 链接的文字。

标题属性:

  • 是a标签的title属性的值,如上图中所示 “我们网站的首页”。

CSS类:

  • 向菜单项添加class。
  • 此菜单项因css而异。
  • 我们网站首页的CSS添加的是 fas fa-home

链接关系网络:

  • 通过链接关系网(XFN),将rel属性添加到菜单。
  • 如果你不希望搜索引擎给予此菜单链接权重,则可以向其添加rel="nofllow"属性。

链接目标:

  • 控制菜单链接打开方式。
  • 比如,在新窗口中打开(target="_blank"),或在当前窗口中打开(默认)。

以下是基于上图中显示的设置,网页所呈现代码:

<a title="我们网站的首页" rel="nofollow" href="https://www.wordpressx.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

WordPress菜单管理位置

以下是WordPress菜单设置顶部的管理位置 ▼

wordpress-menu-management

  • 管理位置所显示的主题设置,会因为使用不同的主题,而有所不同。
  • 你可以为每个“主题位置”设置指派菜单,以便每个位置的导航菜单,显示不同的内容。

WordPress自定义导航栏菜单教程,到此结束。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何添加菜单?自定义导航栏显示选项》,对您有帮助。

如何手动搭建WordPress?WordPress安装教程(WordPress怎么安装)

发布于: 2022-11-03

1 安装WordPress前的准备

  • 2 安装WordPress程序
  • 3 注意事项

 

本文是《WordPress建站教程》系列文章的第 9 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

我们网站之前分享了WordPress的新手入门建站教程:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. WordPress做网站需哪些条件手续?

接下来,更新系列文章,本文主要演示如何手动安装WordPress。

  • 此手动安装WordPress方法,跟《SiteGround快速搭建WordPress》是有些不同的。
  • 若你已会安装WordPress,请浏览其它文章。
  • 还不会的朋友,就来看看本文吧!

安装WordPress前的准备

第 1 步:下载最新版本的WordPress ▼点此进入 WordPress官网

解压缩后,将WordPress文件夹中的所有文件上传到主机空间域的根目录。

第 2  步:创建一个新的MySQL数据库

  • 若不会创建MySQL,请上网搜索资料,或询问到你的虚拟主机托管公司。

新的数据库信息(范例):

  • 数据库名称:demoxxx
  • 数据库用户名:demoxxx
  • 数据库密码:demox123
  • 主机:localhost(若无特别声明,通常是localhost)

安装WordPress程序

第 1 步:创建配置文件

访问域名,显示以下界面,点击【创建配置文件】▼

how-install-wordpress_001

第 2 步:点击【现在就开始!】▼

how-install-wordpress_002

第 3 步:输入MySQL数据库信息

填写你的MySQL数据库信息。

你需要注意修改 “表前缀”,请不要使用默认的wp_

点击【提交】▼

how-install-wordpress_003

第 4 步:成功连接到数据库,点击【进行安装】▼

how-install-wordpress_004

第 5 步:填写网站的基本信息

建议不要使用默认用户名admin。

另外,密码最好是达到强的。

点击【安装WordPress】▼

how-install-wordpress_005

第 6 步:点击【登录】

安装成功WordPress,点击【登录】 ▼

how-install-wordpress_006

第 7 步:使用以上设置的用户名和密码,登录WordPress后台 ▼

how-install-wordpress_007

注意事项

在第 2 步中,如果无法自动创建配置文件 wp-config.php,则可以在WordPress根目录中复制 wp-config-sample.php,并将其重命名为 wp-config.php ▼

how-install-wordpress_008

然后,打开 wp-config.php 文件,根据下图示例说明填写,并将其上载到WordPress根目录 ▼

how-install-wordpress_009

最后,刷新WordPress安装界面,就可以继续从 第 3 步开始进行安装。

阅读该系列的其它文章:

<< 上一篇:NameSilo将域名NS解析到Bluehost/SiteGround教程
下一篇:如何登陆WordPress后台?WP后台登录地址 >>

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何手动搭建WordPress?WordPress安装教程》,对您有帮助。

如何创建WordPress分类目录?WP分类目录管理(wordpress目录结构)

发布于: 2022-11-03

1 WordPress分类目录

  • 2 如何添加新分类目录?
    • 2.1 1)名称
    • 2.2 2)别名
    • 2.3 3)父级分类目录
    • 2.4 3)描述
  • 3 如何默认分类设置?
  • 4 如何管理现有分类?
  • 5 如何查看分类ID?

 

本文是《WordPress建站教程》系列文章的第 13 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

新媒体人学习用WordPress建站做网络推广,将具有不同主题的文章被分配到不同的分类,可以帮助访问者,找到他们想要的内容,并改善用户体验。

因此,有必要为你的电商网站创建文章分类。

那么WordPress是如何创建和管理文章分类?我们今天就来看看。

在创建分类之前,最好先清楚地了解网站内容的方向,然后列出首选的分类名称(通常使用2-6个单词)。

WordPress分类目录

登录WordPress后台 → 文章 → 分类目录

你可以看到分类创建和分类管理界面 ▼

wordpress-catagory

如何添加新分类目录?

默认情况下,有4个选项,可用于添加分类:

名称

  1. 别名
  2. 父级分类目录
  3. 描述

1)名称

  • 分类的名称,通常为2-6个单词

如下图WordPress分类目录中的 “微信营销 所示 ▼

wordpress-catagory

2)别名

  • 主要用于分类目录中的URL。
  • https://www.wordpressx.com/china-phone-number 就是分类目录“中国手机号码”的别名。
  • (WordPress默认会自动将 /category 添加到URL中,以区分它文章分类目录)

3)父级分类目录

  • 默认是一级分类,也能在一级分类下创建子分类;
  • 如果还能将一级分类的内容,归类为更详细的部分,请考虑添加子分类。

3)描述

  • 描述此分类的内容,并且一些WordPress主题,会调用描述作为分类的描述(description)。

如何默认分类设置?

默认分类的主要目的是,如果在编写文章时,未手动指定文章的分类,则会自动将其划分为默认分类。

  • 登录WordPress后台 → 设置 → 撰写
  • 就能设置“默认文章分类目录”。

如何管理现有分类?

通过将鼠标放在分类名称上,就会出分类目录的管理菜单 ▼

  • 编辑 | 快速编辑 | 删除 | 查看

如下图WordPress分类目录的 “电商” 所示 ▼

wordpress-catagory

  • 你可以单击查看它。

请务必注意,如果某个分类为“默认分类”且无法删除,则可以先将其他分类设置为默认分类,然后删除该分类。

如何查看分类ID?

有时,例如,一些WordPress主题设置选项,需要填写分类ID,来调用分类的内容,此时你需要查看分类ID

将鼠标放在分类名称上,接着右键单击 “复制链接地址”,以获取以下链接:

https: //域名/edit-tags.php?action=edit&taxonomy=category&tag_ID=1&post_type=post
  • 其中 ID=1 是此分类目录的ID

以上是WordPress分类目录的基本介绍,如果你有任何疑问,可以留言。

扩展阅读:

WordPress怎么用?WordPress后台常规设置&中文Title

我们在上一篇文章中,说到了如何安装和搭建WordPress。接下来,我们需要快速熟悉WordPress,并执行一些必要的基本设置。在开始设置之前,建议你先单击左侧菜单栏中的每个选项,以查看其……

hyperlink-icon_350x350-9如何手动搭建WordPress?WordPress安装教程

我们网站之前分享了WordPress的新手入门建站教程:WordPress是什么意思?干什么的?能做什么网站? WordPress做网站需哪些条件手续?接下来,更新系列文章,本文主要演示如何手……

how-install-wordpress_001-1如何让WordPress分类/标签/作者页显示置顶文章?

WordPress有一个内置的文章置顶功能,但默认只支持首页显示置顶文章。其他存档页面(例如分类页面,标签页面,作者页面和日期页面)不能显示置顶文章在顶部,只能以默认顺序显示。很多使……

what-is-wordpress-3

阅读该系列的其它文章:

<< 上一篇:WordPress如何修改语言设定?更换中文/英文设置方法
下一篇:WordPress如何发布文章?自己发文章的编辑选项 >>

希望我们网站( https://www.wordpressx.com/ ) 分享的《如何创建WordPress分类目录?WP分类目录管理》,对您有帮助。

网页HTML 5图片自适应屏幕 img等比例缩放大小代码(html设置图片按比例缩放)

发布于: 2022-11-03

1 CSS 图片自适应什么意思?

  • 2 CSS image高度和宽度自适应代码
    • 2.1 为什么不使用宽度:100%?
  • 3 注意事项

 

由于移动互联网蓬勃发展、微信营销的普及,手机已是生活中必备的工具。

建站的模板,推荐使用WordPress的自适应主题:

  • 若WordPress主题开发人员,在设计的WordPress主题网页时,没做好HTML 5图片自适应屏幕……
  • 在移动设备上浏览网站,就会出现非常难看图片错位,用户体验极差!

CSS 图片自适应什么意思?

css-html5

CSS图片自适应是指让html 网页中的图片,通过CSS代码实现:

  • 自动适应不同设备的宽度和高度。
  • img 标签等比例自动缩放大小。

接下来,我们会给你分享CSS img 等比例缩放大小代码 ^_^

CSS image高度和宽度自适应代码

在html中插入图像:

如果你希望图像自适应屏幕的小,而不是在宽度和高度上保持固定不变。

可以将以下代码,添加到WordPress主题的 style.css 文件中 ▼

/*图片自适应宽度和高度*/ 
img { max-width: 100%; height: auto; width: auto; width: auto; }

此处声明max-width最大宽度规则

  • 以确保所有图像最大100%显示(即它们只能显示为本身图像那么大)。
  • 此时,如果包含图像的元素(例如,包含图像的主体或div)小于图像的固有宽度,则将缩放图像以占满最大的可用空间。

width:auto;表示自动宽度的意思

\9 是hack css 的一种写法。

  • 这种方式将“\9”添加到普通的css代码中,只有IE浏览器可以识别它,其他浏览器会忽略这个语句。
  • 这将实现浏览器差异化,能够实现兼容的浏览器的目的。

为什么不使用宽度:100%?

要实现图像的自动缩放,还可以使用更常用的宽度属性,例如width:100%

但是,此规则不适用于此处。

  • 因为此规则将使其显示为与其容器一样宽。
  • 在容器比图片宽得多的情况下,图片将被不必要地拉伸。

注意事项

CSS选择器是什么?class跟id有什么区别?以下教程就有说到 ▼

CSS选择器class跟id有什么区别?HTML中id和class用法

CSS选择器class跟id有什么区别?HTML中id和class用法我们最近在执行SEO,优化网站的WordPress主题。虽然之前有学过一些基础的 HTML 和 CSS 知识,但是一段时间没有操作,尤其是CSS部分……

 

手机端网站播放MP4视频如何自适应页面?请点击以下链接 ▼

H5网页MP4如何自适应页面?手机端网站播放视频html代码

视频营销是网络营销的组成部分:很多网络推广从业者经常用视频结合“病毒式营销”来引流量。 若微信营销结合视频营销,能进一步提升新媒体和社交电商的文案转化率。有不少朋友……

 

 

希望我们网站( https://www.wordpressx.com/ ) 分享的《网页HTML 5图片自适应屏幕 img等比例缩放大小代码》,对您有帮助。

TAG:

怎么下载jQuery库?WordPress引入第3方jQuery库(如何下载jquery插件)

发布于: 2022-11-03

1 ping测试第3方jQuery库

  • 2 新浪SAE的jQuery库
  • 3 谷歌的jQuery库
  • 4 Microsoft jQuery库
  • 5 Minicdn
  • 6 下载jQuery库

 

WordPress附带了jQuery库,但它自己的jQuery库略有修改。

如果你学习建站使用它,你可能无法实现一些jQuery效果。

一个jQuery库通常是50-90kb大,如果你的主机性能不高的,那么你的网站加载很慢。

因此,很多网络营销人习惯于使用第三方jQuery库:

  • 其中第三方,是指引用第三方的URL,
  • jQuery库文件,仍然是官方jQuery原创。

以下是jQuery官方jQuery库,以及Google,Microsoft,Sina SAE和minicd的四个第三方jQuery库的介绍。

这些是常见的CDN分发网络服务,选择后非常快,对SEO有利。

ping测试第3方jQuery库

以下是网站管理员工具中,ping测试结果的比较:

pingcdn

在你使用之前,需要解释清楚:

  • 使用第三方jQuery库加载很快。
  • 但你调用本地服务器的库确保是万无一失的。
  • 因此下面给出的示例代码的工作方式。

如下:

  1. 从第三方加载jQuery时,库无法加载。
  2. 本地服务器的jQuery库就会自动加载。

因此你必须首先下载相应的jQuery库,并将其上载到你正在使用的WordPress主题的根目录。

新浪SAE的jQuery库

  • 【推荐】SAE是新浪为其应用程序开发的资源,包括jQuery库。
  • 在速度方面,SAE绝对是首选。
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script>

谷歌的jQuery库

许多网站使用Google CDN提供的jQuery库。

  • 如果你之前访问的网站使用过Google,则在访问你的网站时无需再次加载。
  • 你可以使用它来获得良好的缓存。

但是,由于某些问题,中国网民可能无法在一段时间内访问它。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script>

Microsoft jQuery库

  • 根据速度测量速度,但发现它没被屏蔽。
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script>

Minicdn

虽然官方声称使用多方CDN,包括国内采用的盛大云CDN加速。

  • 但效果普通,小东西本来就很难做大。
<script type="text/javascript" src="http://c1.minicdn.com/google/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script>

下载jQuery库

点此访问 jQuery官网 下载jQuery库

  • 它使用著名的VPS提供商MT CDN。
  • 但它的速度并不理想,因为它在国外。

希望我们网站( https://www.wordpressx.com/ ) 分享的《怎么下载jQuery库?WordPress引入第3方jQuery库》,对您有帮助。

TAG:

WordPress如何发布文章?自己发文章的编辑选项(wordpress文本编辑器)

发布于: 2022-11-03

1 WordPress文章编辑器

  • 2 WordPress发布文章状态
  • 3 选择文章分类目录
  • 4 填写文章的摘要
  • 5 WordPress自定义栏目
  • 6 发送Trackback(很少使用)
  • 7 WordPress标签
  • 8 WordPress设置特色图片
  • 9 文章别名
  • 10 文章作者
  • 11 讨论
  • 12 管理WordPress所有文章
  • 13 注意事项

 

本文是《WordPress建站教程》系列文章的第 14 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

新媒体人想要做SEO和网络推广,就要发布文章。

发布文章也是WordPress建站程序的最主要的功能之一。

现在,我们就来给你分享WordPress文章管理教程^_^

WordPress文章编辑器

登录WordPress后台 →文章→写文章

你可以看到这样界面 ▼

1-write-new-article

1)标题栏

  • 如果标题栏,没输入标题,默认会显示“在此输入标题”。
  • 在输入文章的标题后,你将看到可编辑的固定链接地址。

2)文章编辑器

  • 输入文章的内容。

(1)切换文章编辑器模式

编辑器有2种编辑模式: “可视化”和“文本”。

  • 单击可视化的选项,切换到“可视化” 模式,显示所见即所得编辑器;
  • 单击工具栏中的最后一个图标,可显示更多编辑器控制按钮;
  • 在 “文本” 模式下,你可以输入HTML标签和文本内容。

(2)添加媒体文件、插入图片

  • 你可以通过单击“添加媒体”按钮,上传或插入多媒体文件(图像、音频、文档等)。
  • 你可以选择已上传到媒体库的文件,直接插入到文章中,或在插入文件之前,上传新文件。
  • 要创建相册,请选择要添加的图像,然后单击“创建新相册”按钮。

(3)全屏编辑模式

  • 你可以在“可视化”模式下,使用全屏编辑。
  • 进入全屏界面后,将鼠标移至顶部,将显示控制按钮,单击“退出全屏” 可返回标准编辑界面。

WordPress发布文章状态

你可以在 “发布” 区域设置WordPress文章的属性 ▼

2-release-status

单击“状态”、“公开度”、“立即发布”、右侧的“编辑”按钮 ▲

可以编辑更多设置:

  1. 包括密码保护
  2. 文章置顶功能
  3. 设置定时发布文章。

选择文章分类目录

非常简单的功能,为你的文章选择一个分类目录 ▼

3-category-directory

WordPress如何创建文章分类目录 ?请看这篇教程 ▼

如何创建WordPress分类目录?WP分类目录管理

新媒体人学习用WordPress建站做网络推广,将具有不同主题的文章被分配到不同的分类,可以帮助访问者,找到他们想要的内容,并改善用户体验。因此,有必要为你的电商网站创建文章分类。那……

 

填写文章的摘要

一些WordPress主题将在分类存档页面上,调用文章摘要。

你可以在其中手动添加摘要到本文(通常为50-200个单词)▼

4-article-abstract

WordPress自定义栏目

WordPress自定义字段,大幅扩展了WordPress的强大功能 ▼

5-custom-section

  • 不少WordPress主题就是通过添加自定义字段,来加强和定义WordPress主题的。
  • 很多WordPress插件也是基于WordPress自定义字段。
  • 灵活使用WordPress自定义字段,能让WordPress形成功能强大的CMS系统。

通过使用自定义字段,我们可以快速向日志和页面添加大量额外信息,并快速更改信息的显示方式,而无需编辑日志。

发送Trackback(很少使用)

Trackback是一种告诉旧博客系统链接到它们的方法。

请输入你要将 Trackback 发送到的URL ▼

6-send-trackback

  • 如果你链接到其他WordPress网站,你不需要填写此列,这些网站将自动通过pingback通知。

WordPress标签

WordPress可以按类别或标签关联相关文章。

一些WordPress主题也会自动调用此处填写的标签,作为文章的关键字(Keyword)▼

7-wordpress-tag

  • 不建议设置过多标签。
  • 标签长度 2~5 个字较好。
  • 通常输入 2~3 个标签就行了。

WordPress设置特色图片

WordPress 3.0 以上的版本,添加了 “特色图片” 功能(要求主题支持)。

此处设置的特色图片,通常用于文章的缩略图 ▼

8-featured-image

  • WordPress主题,支持将特色图片作为缩略图调用。
  • 现在,老外制作的WordPress主题,都是设置特色图片为缩略图调用的。

文章别名

此处的别名跟《创建WordPress分类目录》文章中,所描述的分类别名的作用一样

  • 它们将显示在文章的URL中,以使链接更加美观和简洁。
  • 一般建议填写英文或拼音,不要太长。

注意:当固定链接设置为带有 /%postname% 字段时,此别名将仅作为URL的一部分进行调用。

设置WordPress固定链接的方法,请看这篇教程 ▼

WordPress怎么用?WordPress后台常规设置&中文Title

我们在上一篇文章中,说到了如何安装和搭建WordPress。接下来,我们需要快速熟悉WordPress,并执行一些必要的基本设置。在开始设置之前,建议你先单击左侧菜单栏中的每个选项,以查看其……

9-alias-author-comment

文章作者

  • 你可以在这里分配文章的作者。
  • 默认是你当前登录的用户。

讨论

  • 你可以设置开启或关闭评论和引文。
  • 如果文章有评论,你可以在此处浏览和审核评论。
  • 如果你不允许其他人对本文发表评论,请不要选中此框。

你可以在WordPress后台 → 设置 →  讨论:

  • 设置是否打开全站评论;
  • 垃圾邮件过滤;
  • 审核评论等……

管理WordPress所有文章

点击WordPress后台 → 文章 → 所有文章,你可以看到所有文章。

你可以通过打开右上角的 “显示选项”,来设置要显示选项、文章数量 ▼

10-quickly-edit-articles

 

勾选文章,可以进行批处理操作。

将鼠标移动到文章标题,将出现“编辑、快速编辑、移动到回收站、查看” 菜单。

如果要修改文章的内容,点击 “编辑” 进入编辑文章。

注意事项

以上分享的是WordPress软件的基本功能。

如果你已经安装了一些其他插件,或一些强大的WordPress主题,可能在这里会有更多的扩展,请自己测试研究如何使用。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何发布文章?自己发文章的编辑选项》,对您有帮助。

TAG列表 wordpress最新最热TG汇集,掌握wordpress热线内容
WordPress显示运行数据库Awesome SupportWP插件优化head代码robots.txt禁止访问WP-No-Tag-Base插件wordpress Dropboxwp-json漏洞wordpress文章卡片样式critical automatic updatesWooCommerce 定价robots.txt安全设置Mega Menu插件http://www.fandutaoci.cnWooCommerce 功能wordpress小图标不显示安装WordPress插件Markdown here插件WordPress页脚加载JSBetter Search Replace插件WordPress自定义页眉WordPress tagCWP控制面板转KLOXO-MRwp-json优化WooCommerce 商店什么是 WooCommerceWordPress站内搜索排除某些类别的文章Easy WP Cleaner插件wp-json链接Image Sizes插件wordpress Post ViewsWordPress菜单自定义图标网站添加CDNwordpress表单跳转Dropbox上传失败BackWPup插件wp-json防止数据被采集Redis加速缓存插件百度熊掌号WordPress自动备份扒站怎么改wordpress主题WordPress网站恶意代码wordpress cdnWordPress文章描文本Jetpack插件WordPress广告词检测All In One WP Security去除tag标签urlRich Snippets结构化数据Jetpack站点加速器CDN图像缓存Featured Image From URLFooter and Post Injections插件WordPress页脚页眉插件CWP开启Redis缓存禁用 xmlrpc.phpWooCommerceWordPress违禁词检查保护robots.txtWP SMTP插件设置namechep续费优惠码WordPress调试模式Pretty Links Pro插件wp-json安全设置WordPress虚拟主机伪静态Shortcodes Ultimate插件修改wordpress登录地址主机壳Wordpresswordpress安全防护谷歌 SEOxmlrpc.php漏洞wordpress漏洞修复WordPress外链特色图片wordpress感谢页面Shortcodes UltimateWordPress超级菜单WordPress网站防护bootstrap自适应布局namechep域名优惠码WordPress tag模版WordPress网站安全防WP SMTP插件WordPress过滤敏感词插件WordPress滤敏感词过滤插件Wordfence Security插件WordPress站内搜索排除所有页面wordpress更换域名图标不显示WordPress官网制作wordpress文章浏览数量统计h5自适应布局Avada主题隐藏WordPress后台登录地址wordpress常规设置wordpress描文本织梦采集侠wordpresswordpress打开是代码xmlrpc.php攻击隐藏WordPress代码内版本号Avada主题演示WordPress大气的样式nameCheap最新优惠码WP安全登录插件推荐
服务电话:
0533-2765967

微信 13280692153