l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 中允许未发布帖子的公开预览

如何在 WordPress 中允许未发布帖子的公开预览

Bug编译狮

Bug编译狮

要在 WordPress 中允许未发布的帖子的公开预览，你可以按照以下步骤操作：

步骤 1: 登录到您的 WordPress 管理面板

首先，请确保您已登录到您的 WordPress 网站管理面板。

步骤 2: 进入“设置”菜单

在左侧菜单栏中找到并点击“设置”。

步骤 3: 导航到“媒体库”

在设置页面中，选择“媒体库”，然后点击右上角的“编辑”。

步骤 4: 添加或修改预览图

在媒体库页面中，找到“上传新图片”按钮，点击它以上传您想要用于预览的图片。

步骤 5: 配置预览图显示方式

接下来，您可以在“预览图”部分选择一种预览图格式。例如，您可以选择“全屏显示”或“缩略图”。选择后，根据您的需求调整其他选项，如大小、样式等。

步骤 6: 设置未发布的帖子的公开预览

在“公开预览”部分，勾选“允许未发布的帖子公开预览”的选项。这将使未发布的帖子也能通过预览功能访问。

步骤 7: 完成配置并保存更改

完成以上所有设置后，点击页面顶部的“更新设置”按钮来保存您的更改。

示例代码（HTML/CSS）

为了展示上述设置的效果，我们可以创建一个简单的 HTML 和 CSS 文件来模拟这个过程。这里有一个基本的示例，假设我们已经上传了一个名为 preview.jpg 的图片作为预览图。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Preventive Preview</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 20px;
        }

        .post-preview {
            width: 100%;
            max-width: 600px;
            margin: auto;
            text-align: center;
            border: 1px solid #ccc;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        img.preview-image {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            height: auto;
        }

        h1.post-title {
            color: #333;
        }

        p.post-content {
            line-height: 1.6;
        }
    </style>
</head>
<body>

<div class="post-preview">
    <img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="Preview Image" class="preview-image">
    <h1><?php the_title(); ?></h1>
    <p><?php the_content(); ?></p>
</div>

</body>
</html>

使用说明

  1. 将上面的代码保存为 .html 文件。
  2. 在 WordPress 管理面板中启用此文件并在“媒体库”中上传一个图片。
  3. 修改 get_the_post_thumbnail_url() 函数中的路径以指向您上传的图片。
  4. 浏览器打开该文件查看预览效果。

请注意，实际应用时可能需要更复杂的逻辑和权限处理，以确保安全性和用户体验。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在 WordPress 中，你可以通过以下步骤来实现未发布帖子的公开预览：

1. 打开 WordPress 管理界面

首先，打开你的 WordPress 网站管理界面。如果你还没有登录到 WordPress 管理界面，请使用你的用户名和密码登录。

2. 进入后台并切换至 “Posts” 领域

在 WordPress 管理界面中找到 “Appearance” -> “Post Types”，然后选择 “Posts”。这将显示当前已发布的文章列表。

3. 创建一个新主题或编辑现有主题以启用公开预览功能

方法一：创建一个新主题

  • 登录到 WordPress 主题编辑器。
  • 在顶部菜单栏中点击 “Appearance” -> “Theme Options”.
  • 导航到 “Advanced” -> “Customize Theme”.
  • 在左侧导航栏中找到 “Custom CSS” 并点击它。
  • 在下方输入框中添加以下 CSS 代码： 
    <?php if (is_single() || is_page()) { ?>
.post-preview img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
<?php } ?>
  • 按钮“Update”保存更改。

方法二：编辑现有主题

  • 登录到 WordPress 主题编辑器。
  • 找到要修改的主题文件（通常位于 /wp-content/themes/your-theme-name）。
  • 使用文本编辑器查找 post-excerpt 标签。
  • 将其内容更改为 <div class="post-preview"><img src="image.jpg" alt="Post Preview"></div>。
  • 删除 class="post" 和 class="entry" 以及 style="max-width:" 类型的类。

4. 更新主题并测试公开预览

完成以上步骤后，刷新页面并查看是否有未发布文章的公开预览效果。

5. 实现公共预览功能

现在，你可以在任何需要的地方插入图片，如博客、论坛等。当用户访问这些区域时，他们将看到的是经过预处理的图片而不是原始未发布的内容。

注意：如果您的网站使用了插件或自定义样式导致的问题，请检查相应插件设置或尝试禁用所有可能的冲突插件。

,

最新更新