小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何使用切换效果显示和隐藏WordPress帖子中的文本

java,python,css,html,js,ViewUI 额外说明

收录于:17天前

有时,您可能希望隐藏部分帖子或页面内容,以使该文章看起来紧凑,并允许用户单击并查看更多信息(如果他们愿意)。这种技术被称为“切换效果”,在众多网站上以各种不同的方式使用。当用户单击特定链接或按钮时,隐藏的内容变得可见。这种显示/隐藏切换效果对于常见问题解答页面来说非常方便。您登陆的页面上列出了一堆问题。当用户点击问题时,答案就会在下面展开。当你再次点击问题时,答案就会折叠起来。在本文中,我们将向您展示如何使用切换效果显示和隐藏 WordPress 帖子和页面中的文本。

有时,您可能希望隐藏部分帖子或页面内容,以使文章看起来简洁,并允许用户在需要时单击并查看更多信息。这种技术通常被称为切换效果,并在许多网站上以多种不同的方式使用。当用户单击特定链接或按钮时,隐藏的内容变得可见。对于常见问题解答页面,这种显示/隐藏切换效果非常方便。您将被带到一个页面,您将在其中看到一堆问题。当用户点击问题时,答案将在下面展开。当您再次点击问题时,答案就会消失。在本文中,我们将向您展示如何使用切换效果来显示和隐藏 WordPress 帖子和页面中的文本。

影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

First thing you need to do is install and activate the WP 显示隐藏 plugin. The plugin works out of the box and there are no options for you to configure. To hide the text in posts using the toggle effect, you need to use the shortcode like this:

您需要做的第一件事是安装并激活WP 显示隐藏插件。 该插件可以直接使用,没有可供您配置的选项。 要使用切换效果隐藏帖子中的文本,您需要使用以下简短代码:

[showhide type="post"]Text you want to hide[/showhide]

[showhide type="post"]Text you want to hide[/showhide]

ShowHide toggle effect on text in WordPress posts

第一次使用短代码时,您会注意到它显示带有文本“显示新闻稿(xx 个更多单词)”的切换链接。实际上该插件是专门为发布新闻稿的网站编写的。但是,此文本可以轻松更改为您喜欢的任何内容。使用这样的短代码:

第一次使用短代码时,您会注意到它显示一个带有文本“显示新闻稿(xx 更多单词)”的切换链接。事实上,这个插件是专门为发布新闻稿的网站编写的。但是,该文本可以轻松更改为您喜欢的任何内容。使用这样的短代码:

[showhide type="post" more_text="Show more..." less_text="Show less..."]
Text you want to hide
[/showhide]

[showhide type="post" more_text="Show more..." less_text="Show less..."]
Text you want to hide
[/showhide]

showhide 短代码附带了一些参数,您可以使用这些参数来控制它在个人帖子中的工作方式。默认参数和短代码的值如下:

showhide 短代码附带了一些参数,您可以使用它们来控制它在各个帖子中的工作方式。默认参数和简码值为:

[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]

[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]

我们希望您发现本文有助于添加切换效果以隐藏 WordPress 帖子和页面中的文本。让我们知道您愿意使用切换效果来隐藏完整帖子还是使用默认的 WordPress 摘录功能?

我们希望您发现本文有助于添加切换效果以隐藏 WordPress 帖子和页面中的文本。请告诉我们您是否愿意使用切换效果来隐藏完整帖子或使用默认的 WordPress 摘录功能?

翻译自: https://www.wpbeginner.com/plugins/how-to-show-and-hide-text-in-wordpress-posts-with-the-toggle-effect/

. . .

相关推荐

额外说明

将 docker 镜像推送到 Docker Hub 的完整教程

1、登录到Docker Hub 在终端中,运行以下命令以登录到的Docker Hub账户 docker login 提示输入的Docker Hub用户名和密码。 2、标记镜像 在推送之前,需要将要推送的镜像标记为Docker Hub的仓库地址。默认情况

额外说明

不同类型的闪光灯

无论是spiFlash 还是 nandFlash EMMC 等内部的颗粒是一样的,只是控制器的不同。

额外说明

全套解决方案:基于pytorch、transformers的中文NLP训练框架,支持大模型训练和文本生成,快速上手,海量训练数据!

全套解决方案:基于pytorch、transformers的中文NLP训练框架,支持大模型训练和文本生成,快速上手,海量训练数据! 1.简介 目标:基于pytorch、transformers做中文领域的nlp开箱即用的训练框架,提供全套的训练、微调模型

额外说明

Java泛型详解:为什么使用泛型?如何使用泛型?

Java泛型详解:为什么使用泛型?如何使用泛型? -一、为什么使用泛型? -二、如何使用泛型? -1. 泛型类的使用: -2. 泛型方法的使用: -3. 泛型接口的使用: -三、泛型通配符 ? - 1. extends通配符 -2. super通配符 -

额外说明

H5猜数字游戏

1.html代码 <body> <h1>猜数字游戏</h1> <p class="word">我们可以选择1到100百的自然数,你能看到你输入的10次以内数字。我告诉你可以猜高,猜低。</p> <div c

额外说明

【NLP】学不会打我 半小时学会基本操作 11 Seq2Seq 代码实战

【NLP】学不会打我 半小时学会基本操作 11 Seq2seq 实战 概述 Seq2seq Encoder 实现 Decoder 实现 Seq2Seq 模型 概述 从今天开始我们将开启一段自然语言处理 (NLP) 的旅程. 自然语言处理可以让来处理, 理

额外说明

【PyTorch】 99%程序员都不知道, 深度学习还能这样玩 (建议收藏)

【PyTorch】 99%程序员都不知道, 深度学习还能这样玩 概述 迁移学习 入住 GitHub 项目详解 get_data.py (获取数据) get_model (获取模型) 参数详解 使用说明 训练 MNIST 训练 Fashion MNIST

额外说明

ClickHouse 挺快,esProc SPL 更快

开源分析数据库ClickHouse以快著称,真的如此吗?我们通过对比测试来验证一下。 ClickHouse vs Oracle 先用ClickHouse(简称CH)、Oracle数据库(简称ORA)一起在相同的软硬件环境下做对比测试。测试基准使用国际广泛

额外说明

【Java 进阶篇】JavaScript电灯开关案例:从原理到实现

JavaScript是一门强大的编程语言,它可以用来创建各种交互式网页应用。在这篇博客中,我们将通过一个简单的电灯开关案例来深入了解JavaScript的基础概念,包括HTML、CSS和JavaScript的结合使用。我们将从头开始构建这个案例,逐步引入

额外说明

Java中的System类

-System类 java.lang.System类中提供了大量的静态方法,可以获取与系统相关的信息或系统级操作,在System类的API文档中,常用的方法有: public static long currentTimeMillis():返回以毫秒为单

ads via 小工具