如何快速在wordpress后台中增加一个发布全站公告的功能？

wellknow · 发表于 2023-5-18 08:34:20

您可以使用以下方法来快速在 WordPress 后台增加一个全站公告的功能：

1. 在 WordPress 插件库中寻找可用的公告插件，例如 WP Notification Bars、Announcements、SSP Elegant Notification Bar 等。

2. 安装并激活您选择的插件。您可以在 WordPress 后台的「插件」->「添加新插件」界面中搜索并安装插件，然后在「插件」->「已安装插件」界面中激活它。

3. 在插件的设置页面中配置您的公告内容和样式。不同插件的设置选项和功能可能会有所不同，但通常都允许您定义公告的文本、链接、颜色、位置等。

4. 将公告添加到您的网站上。在插件设置页面中完成公告的设置后，您可以通过编辑 WordPress 主题的代码或使用插件提供的方法将公告添加到您的网站中。不同插件可能使用不同的添加方法，具体请查看详细说明或联系插件作者。

注意，如果您使用的 WordPress 主题已经包含了公告功能，或使用了其他公告插件，可能会导致冲突或功能重复。如果您遇到了这样的问题，请查看主题文档或联系主题作者以获取解决方案。

wellknow · 发表于 2023-5-18 08:34:51

如果是自己开发的话，具体要怎么做？

如果您自己开发 WordPress 主题或插件，并且需要在后台中增加一个发布全站公告的功能，可以按照以下步骤操作：

1. 创建一个自定义的 WordPress 后台页面。您可以使用 `add_menu_page()` 或 `add_submenu_page()` 函数来创建一个自定义后台页面，例如：

```
add_menu_page(
   '全站公告',
   '全站公告',
   'manage_options', //需要的用户权限
   'site-wide-notice', //后台页面的 slug
   'render_site_wide_notice_page', //用于渲染后台页面内容的函数
   'dashicons-megaphone', //用于显示在菜单中的图标
   30 //菜单项的位置
);
```

在该示例中，我们使用 `add_menu_page()` 函数来创建了一个名为“全站公告”的菜单项，并指定需要的用户权限（`manage_options`），在后台页面的 slug 为 `site-wide-notice`，用于渲染后台页面内容的函数为 `render_site_wide_notice_page`，在菜单中显示的图标为 `dashicons-megaphone`，菜单项的位置为 30。

2. 编写用于显示和保存全站公告内容的代码。您可以在自定义后台页面中创建一个表单，让用户输入公告的标题、内容等信息，并将这些信息保存到 WordPress 数据库中的某个表中。例如：

```
function render_site_wide_notice_page() {
   // 渲染后台页面内容
   echo '<div class="wrap">
      <h2>全站公告</h2>
      <form method="post" action="">
            <label for="title">公告标题：</label>
            <input type="text" name="title" value="'.get_option('site_wide_notice_title').'"><br><br>
            <label for="content">公告内容：</label>
            <textarea name="content">'.get_option('site_wide_notice_content').'</textarea><br><br>
            <input type="submit" name="submit" value="保存设置">
      </form>
   </div>';

   // 处理表单数据
   if (isset($_POST['submit'])) {
      update_option('site_wide_notice_title', sanitize_text_field($_POST['title']));
      update_option('site_wide_notice_content', sanitize_text_field($_POST['content']));
   }
}
```

在该示例中，我们创建了一个表单，让用户输入公告的标题和内容，并使用 `update_option()` 函数将这些数据保存到名为 `site_wide_notice_title` 和 `site_wide_notice_content` 的 WordPress 配置项中。如果用户点击提交按钮，则将表单数据更新到配置项。

3. 在 WordPress 主题中显示全站公告。您可以通过在 WordPress 主题的 `header.php` 文件中添加代码，将公告内容显示在网站的顶部或其他位置。例如：

```
<?php
$site_wide_notice_title = get_option('site_wide_notice_title');
$site_wide_notice_content = get_option('site_wide_notice_content');
if (!empty($site_wide_notice_title) || !empty($site_wide_notice_content)) {
   echo '<div class="site-wide-notice">';
   if (!empty($site_wide_notice_title)) {
         echo '<h3>'.$site_wide_notice_title.'</h3>';
   }
   if (!empty($site_wide_notice_content)) {
         echo '<p>'.$site_wide_notice_content.'</p>';
   }
   echo '</div>';
}
?>
```

在该示例中，我们检查 WordPress 配置项中名为 `site_wide_notice_title` 和 `site_wide_notice_content` 的值是否为空，如果不为空，则在 `header.php` 文件中添加一个名为 `site-wide-notice` 的容器，将公告标题和内容显示在其中。

请注意，本示例仅提供了一个框架，具体实现可能会根据您的需求和实际情况有所不同，您需要根据自己的需要进行修改和调整。同时，为了确保安全性，您还会需要对用户输入的数据进行适当的验证和过滤，例如使用 `sanitize_text_field()` 函数来过滤表单数据。

wellknow · 发表于 2023-5-18 09:26:50

那如果需要发布多条公告，并进行管理，要如何实现？

您可以创建一个自定义的 WordPress文章类型，例如“公告”，并对其进行自定义化，以实现发布多条公告并进行管理的功能。以下是具体步骤：

1. 创建一个自定义的文章类型：在你的主题 `functions.php` 文件中，添加以下代码：

```
function create_custom_post_type() {
$args = array(
      'labels' => array(
         'name' => '公告',
         'singular_name' => '公告'
      ),
      'public' => true,
      'has_archive' => true,
      'supports' => array('title', 'editor', 'thumbnail', 'excerpt', 'custom-fields', 'revisions'),
      'taxonomies' => array('category', 'post_tag'),
      'menu_icon' => 'dashicons-megaphone',
      'menu_position' => 5,
      'rewrite' => array('slug' => 'site-wide-notices')
);
register_post_type('site-wide-notices', $args);
}
add_action('init', 'create_custom_post_type');
```

在示例中，我们注册了一个名为 "site-wide-notices" 的新的文章类型，并定义了文章类型名称、缩略名、文章类型支持的功能、分类法、管理菜单图标等设置。

2. 在你的 WordPress 后台中创建新文章类型“公告”：现在，你就可以在 WordPress 后台中通过导航到“公告”菜单，来添加、编辑或删除公告了。您可以在编辑公告的页面中添加标题、内容、特色图像或其他自定义的元数据字段。

3. 在主题中显示公告：在您的 WordPress 主题文件中添加以下代码，以在您的网站上显示公告：

```
$args = array(
'posts_per_page' => 3, // 显示的公告数量
'post_type' => 'site-wide-notices', // 公告文章类型
'post_status' => 'publish', // 公告状态
'order' => 'DESC' // 排序方式
);

$notices = new WP_Query($args);
if ($notices->have_posts()) :
while ($notices->have_posts()) : $notices->the_post(); ?>
      <div class="notice">
         <h3><?php the_title(); ?></h3>
         <div class="notice-content"><?php the_content(); ?></div>
      </div>
<?php endwhile;
else :
echo "暂无公告";
endif;
wp_reset_query();
```

这段代码将使用 WordPress 的 `WP_Query` 类从公告文章类型中获取最新发布的 3 条公告，并在前端页面中循环遍历并显示公告标题和内容等信息。

以上便是实现 Wordpress 后台发布多条全站公告的基本步骤。需要注意的是，自定义文章类型可对应多篇文章，具体根据您的需求进行调整。

wellknow · 发表于 2023-5-18 09:27:55

如果不想修改functions.php，有其他更好的办法吗？

如果您不想修改主题 `functions.php` 文件，也可以创建一个自定义插件来添加新的文章类型。

以下是创建自定义插件的步骤：

1. 创建新插件：在 WordPress 插件目录中创建一个新的子目录，例如 `site-wide-notices-plugin`，然后在该目录中创建一个新的 PHP 文件，例如 `site-wide-notices-plugin.php`，并在文件头部添加必需的标记，例如：

```
<?php
/*
Plugin Name: Site Wide Notices Plugin
Description: Adds a new custom post type for site-wide notices.
Version: 1.0
Author: Your Name
Author URI: http://example.com
*/

// Add plugin code here...
```

在示例中，我们创建了一个名为 `Site Wide Notices Plugin` 的新插件，该插件添加了一个新的自定义文章类型，并指定了版本、作者和作者 URI 等元信息。

2. 在插件中注册新的文章类型：在 PHP 文件中添加以下代码，用于注册一个名为“site-wide-notices”的自定义文章类型：

```
add_action('init', 'create_custom_post_type');
function create_custom_post_type() {
   $labels = array(
      'name' => 'Site Wide Notices',
      'singular_name' => 'Site Wide Notice',
      'add_new' => 'Add New',
      'add_new_item' => 'Add New Site Wide Notice',
      'edit_item' => 'Edit Site Wide Notice',
      'new_item' => 'New Site Wide Notice',
      'view_item' => 'View Site Wide Notice',
      'search_items' => 'Search Site Wide Notices',
      'not_found' => 'No site-wide notices found',
      'not_found_in_trash' => 'No site-wide notices found in trash'
   );

   $args = array(
      'labels' => $labels,
      'public' => true,
      'has_archive' => true,
      'supports' => array('title', 'editor', 'thumbnail', 'excerpt', 'custom-fields', 'revisions'),
      'taxonomies' => array('category', 'post_tag'),
      'menu_icon' => 'dashicons-megaphone',
      'menu_position' => 5,
      'rewrite' => array('slug' => 'site-wide-notices')
   );

   register_post_type('site-wide-notices', $args);
}
```

在示例中，我们使用 `register_post_type()` 函数注册一个新的文章类型，并定义了该文章类型的名称、标签和其他设置。

3. 在后台中添加公告编辑页面：您可以使用 `add_meta_box()` 函数在后台中添加公告编辑页面，并自定义字段和元数据，例如：

```
add_action('add_meta_boxes', 'add_site_wide_notices_boxes');
function add_site_wide_notices_boxes() {
   add_meta_box('notice-details', 'Notice Details', 'notice_details_meta_box', 'site-wide-notices', 'normal', 'high');
}

function notice_details_meta_box($post) {
   wp_nonce_field(basename(__FILE__), 'notices_nonce');
   $notice_title = get_post_meta($post->ID, 'notice_title', true);
   $notice_content = get_post_meta($post->ID, 'notice_content', true);
   ?>
   <p>
      <label for="notice-title">Notice Title</label><br>
      <input type="text" id="notice-title" name="notice_title" style="width: 100%;" value="<?php echo $notice_title; ?>">
   </p>
   <p>
      <label for="notice-content">Notice Content</label><br>
      <?php wp_editor($notice_content, 'notice-content', array('textarea_rows' => 10)); ?>
   </p>
   <?php
}

add_action('save_post', 'save_site_wide_notice_meta_box');
function save_site_wide_notice_meta_box($post_id) {
   if (!isset($_POST['notices_nonce']) || !wp_verify_nonce($_POST['notices_nonce'], basename(__FILE__)))
      return;
   if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE)
      return;

   if (isset($_POST['notice_title'])) {
      update_post_meta($post_id, 'notice_title', sanitize_text_field($_POST['notice_title']));
   }
   if (isset($_POST['notice_content'])) {
      update_post_meta($post_id, 'notice_content', wp_kses_post($_POST['notice_content']));
   }
}
```

在示例中，我们使用 `add_meta_box()` 函数添加了一个名为 `notice-details` 的元框，用于在编辑页面上显示自定义字段和元数据。在 `notice-details_meta_box()` 函数中，我们使用 `wp_editor()` 函数添加了一个可视化编辑器，用于编辑公告内容。在 `save_site_wide_notice_meta_box()` 函数中，我们使用 `update_post_meta()` 函数将公告标题和内容保存到 WordPress 数据库中。

4. 在前端页面中显示公告：在 WordPress 主题文件中添加以下代码，以在您的网站上显示公告：

```
$args = array(
   'post_type' => 'site-wide-notices',
   'posts_per_page' => 3,
   'order' => 'DESC',
   'orderby' => 'date'
);
$query = new WP_Query($args);
if ($query->have_posts()) :
   while ($query->have_posts()) : $query->the_post(); ?>
      <div class="notice">
            <h3><?php the_title(); ?></h3>
            <div class="notice-content"><?php the_content(); ?></div>
      </div>
   <?php endwhile;
   wp_reset_postdata();
endif;
```

在示例中，我们使用 `WP_Query` 类从 `site-wide-notices` 文章类型中获取最近发布的 3 条公告，并在前端页面中循环遍历并显示标题和内容等信息。

用户名		自动登录	找回密码
密码			立即注册