wordpress隐藏css

编辑整理：整理来源：维基百科，浏览量：115，时间：2023-03-06 10:00:01

前沿：wordpress隐藏css

1. 将CSS代码放入style标签中，并将style标签放入head标签中，并将style标签设置为display:none;

2. 将CSS代码放入style标签中，并将style标签放入head标签中，并将style标签设置为visibility:hidden;

3. 将CSS代码放入style标签中，并将style标签放入head标签中，并将style标签设置为opacity:0;

4. 将CSS代码放入style标签中，并将style标签放入head标签中，并将style标签设置为position:absolute;top:-9999px;left:-9999px;

---

作者：悦然wordpress建站(悦然建站）

（此处已添加小程序，请到今日客户端查看）

继续分享wordpress建站教程。今天给大家分享一下为图片添加CSS样式的方法。

相信现在很多使用wordpress建站的用户都已经习惯了使用古腾堡编辑器，但是不知道大家注意到没有，古腾堡编辑器的图像区块只提供的默认、圆角、尺寸大小等设置，没有办法给图片添加一些更显眼的效果。

下面悦然网络工作室就给大家分享一下给古腾堡图像区块添加CSS样式的方法，可以让你的内容更加出彩。

方法一：直接全局添加CSS样式

/* 添加阴影和边框 */ .wp-block-image img { box-shadow: 15px 15px 0px #d6d6d6; border: 1px solid #d6d6d6; }

把上面的CSS样式代码添加到网站的CSS文件中即可。如果你使用的主题的提供CSS设置选项，那么添加会更方便，进入外观-自定义-额外CSS，把上面的代码添加进去就可以了。

方法二：为不同的图片添加不同的CSS样式

我们同样可以使用上面的方法来实现，只不过需要先在主题模板的CSS表中预设好样式，然后在图像区块的高级-额外的CSS类中添加对应的CSS类即可。不过这样相对麻烦一下，这里我们介绍使用插件的方法来实现。

其实悦然网络工作室之前的文章就已经给大家分享过类似的方法的，使用的插件名为blocks-css

blocks-css插件下载地址

https://downloads.wordpress.org/plugin/blocks-css.zip

​插件安装好后可以直接在古腾堡编辑器页面给对应的图片添加不同的CSS样式效果，如上图所示。

box-shadow: 15px 15px 0px #d3dce5;

阴影效果

box-shadow: 8px 8px 14px rgba(100, 100, 100, 0.5);

半透明阴影

border: 1px solid #445e79; border-radius: 10px;

实心边框

border-top: 10px solid #445e79; border-bottom: 10px solid #445e79;

上下边框

以上CSS效果大家可以随意修改里面的数值。

关于blocks-css插件的具体使用方法大家可以查看下面这篇文章。

给WP古腾堡区块添加CSS效果【https://www.zsxxfx.com/5546.html】

---

补充拓展：wordpress隐藏css

如果不想通过代码实现隐藏可选文章和页面的标题，可以安装并激活
WordPress Hide Title plugin插件
，在相应页面或文章的编辑窗口中，点击WordPress管理下死的文章和页面菜单下需要编辑的项目即可。在编辑窗口下，有一个隐藏标题的自定义区块：
你要做的就是选中这个卷二令课府米裂复选框并单击更新或发布按钮考，插件将隐藏单次PV上的标题。这意味着，主页或其他分类页面上仍然会显示，只是单次PV上不再显示了。
如果你希望创建一个简单的、不显示文章标题的登录页面，这种方法确实非常方便。
隐藏所所张刘电准抓检体女到干有的WordPress美翻送帝判便务鲜类文章和页面标题
如果你想隐藏单一页面上所有的文章和页面标题，可以通过修改主题来实现。
最简单的方法就是在Word眼超超运胞Press的
functions.php
文件中加一段下面的代码握顶供而给：
这个过滤器只是在显示单一文章或页面时的
post_clas操s()function
中增加了一个类
.hidetitle
。但是，这个过滤器只有在WordPress主题支持post class的情况下有效。如果你希望只对文章有效，就删除代码其副苦又终中的
|| is_page()。
添加这个function之后，还需要在主题样式表中添加这个CSS规则。
在上面的CSS中顾后观七值歌行，我们使用了显示CSS属性来隐藏文章和页面标题。但是，这个CSS规假地有心输则仅适用于WordPress主题使用的文章和页面标题是条目标题（
en短烈括浓try-title
）。在谷歌Chrome浏览器中打开文章，将鼠标移到文章标题上，右键单击并选择审查元素，你会看到页面的源代码中文章标题的代码，其中就有你Word向王课侵附得少Press主题所使用的CSS类。
如果主题使用
article-title
作为文章标题的CSS类，只需要如下简单更改CSS：
以上方法适用于大部分WordPress主题。但是这些方法只是隐藏标题并不能阻止加载这些标题。如果你想移除Wo从省师是也眼请首rdPress主题模板上的文章和页面标题，就需要删除抗钢没生主题文件中的the_title代码了。
如果你只是希望在单一PV上实现，那只需要在single.php文件中修改。

行业热门话题：

【wordpress隐藏内容查看】【wordpress隐藏仪表盘】【wordpress隐藏内容付费可见】【wordpress隐藏文章】【wordpress隐藏页面标题】【wordpress隐藏分类】【wordpress隐藏主题名称】【wordpress隐藏url】【wordpress隐藏内容插件】【自豪地采用wordpress如何隐藏】