首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将活动类添加到自定义post类型日期存档

在WordPress中,将活动类添加到自定义post类型的日期存档涉及到自定义WordPress查询和模板文件的修改。以下是基础概念和相关步骤:

基础概念

  1. 自定义Post类型(Custom Post Type, CPT):WordPress允许用户创建除默认的“文章”和“页面”之外的自定义内容类型。
  2. 日期存档:WordPress根据发布日期自动为文章和自定义post类型生成存档页面。
  3. 活动类(Event Class):通常用于在日期存档页面上为特定日期添加样式或行为。

相关优势

  • 更好的用户体验:通过为特定日期添加活动类,可以突出显示重要事件或活动。
  • 灵活性:自定义post类型提供了更多的内容组织方式,使网站结构更加清晰。

类型与应用场景

  • 类型:自定义post类型可以是任何你需要的内容类型,如“活动”、“产品”、“作品集”等。
  • 应用场景:适用于需要按日期组织和展示内容的网站,如活动日历、新闻发布、产品发布等。

实现步骤

1. 注册自定义Post类型

代码语言:txt
复制
function create_custom_post_type() {
    register_post_type('event',
        array(
            'labels' => array(
                'name' => __('Events'),
                'singular_name' => __('Event')
            ),
            'public' => true,
            'has_archive' => true,
            'rewrite' => array('slug' => 'events'),
            'supports' => array('title', 'editor', 'thumbnail')
        )
    );
}
add_action('init', 'create_custom_post_type');

2. 修改日期存档模板

在主题文件夹中创建或编辑archive-{post-type}.php文件(例如archive-event.php)。

代码语言:txt
复制
<?php get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main">

        <?php if (have_posts()) : ?>

            <?php while (have_posts()) : the_post(); ?>

                <article id="post-<?php the_ID(); ?>" <?php post_class('event'); ?>>
                    <header class="entry-header">
                        <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                        <div class="entry-meta">
                            <?php printf(__('Posted on %s', 'textdomain'), get_the_date()); ?>
                        </div><!-- .entry-meta -->
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                        <?php the_excerpt(); ?>
                    </div><!-- .entry-content -->
                </article><!-- #post-<?php the_ID(); ?> -->

            <?php endwhile; ?>

        <?php else : ?>

            <?php get_template_part('template-parts/content', 'none'); ?>

        <?php endif; ?>

    </main><!-- #main -->
</div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

3. 添加CSS样式

在主题的CSS文件中添加活动类的样式。

代码语言:txt
复制
.event {
    background-color: #f0f0f0;
    border-left: 4px solid #0073aa;
    padding-left: 10px;
}

遇到问题及解决方法

问题:日期存档页面没有显示自定义post类型的内容。

原因:可能是自定义post类型的注册代码没有正确执行,或者日期存档模板文件没有被正确调用。

解决方法

  1. 检查注册代码:确保自定义post类型的注册代码放在functions.php文件中,并且使用了正确的钩子(如init)。
  2. 检查模板文件:确认archive-{post-type}.php文件存在于主题文件夹中,并且文件名和路径正确。
  3. 清除缓存:有时缓存可能导致页面不更新,清除浏览器缓存或服务器端缓存后再试。

通过以上步骤,你应该能够成功地将活动类添加到自定义post类型的日期存档页面中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress主题开发基础:Body 类指南

>> WordPress根据显示的页面类型自动添加适当的类。 例如,如果您在存档页面上,WordPress将自动将存档类添加到body元素。它几乎针对每个页面都执行此操作。...您可以自定义特定的作者个人资料页面,基于日期的档案等。 现在让我们看一下如何以及何时使用body类。...现在,在这种情况下,您可以将条件标记与一些自定义代码一起使用,以将自定义类动态添加到body类。 为此,您需要将以下代码添加到主题的functions.php文件中。...将分类名称添加到单个文章页面的body类中 假设您要根据单个文章的分类来自定义它们的外观。您可以使用body类来实现此目的 首先,您需要在单个文章页面上将分类名称添加为CSS类。...将页面别名添加到body类 将以下代码粘贴到主题的functions.php文件中,可以将页面的slug别名添加到body类: //Page Slug Body Class function add_slug_body_class

2.1K20

WordPress 中 body_class 函数那些事

普通的文章页面输出:single-post 类 自定义文章类型的文章页面输出:single-{posttype} 类 如果支持文章格式的话: 指定了文章格式的文章会输出:single-format-{...日期(Date)存档索引页面输出:date 自定义文章类型的存档索引页面输出:post-type-archive post-type-archive-{posttype} 作者存档页面输出:archive...} 自定义分类(Taxonomy)存档页面输出:tax-{taxonomy} term-{term} term-{ID} 自定义文章格式存档页面输出:tax-{post_format} term-post-format...文章带页码页面:single-paged-{n} 静态页面带页码:page-paged-{n} 分类存档索引页面:category-paged-{n} 标签存档索引页面:tag-paged-{n} 日期存档索引页面...:date-paged-{n} 作者存档索引页面:author-paged-{n} 搜索结果页面:search-paged-{n} 自定义文章类型索引页面:post-type-paged-{n} 404

47730
  • WordPress 条件判断标签及用法大全

    is_post_type_archive() 判断是否在任何的自定义文章类型存档页面(post type archive)。...is_post_type_archive( $post_type ) 判断是否在 post_type 中符合条件的文章类型存档页面,post_type 可以是一个单一的文章类型或者是一个文章类型数组。...提示:如果想要应用文章类型存档功能,需要在注册文章类型的时候,将 has_archive 参数设置为 True。...> 建议将下面的方法2加入你的 functions.php 文件中,下面的 is_subpage() 函数的原理与方法1类似,但是可以返回当前页面父页面的 ID 或者是 false。 方法2: post_type_archive( 'movies' ) || is_tax( 'genre' ) || is_tax( 'actor' ) ) { // 如果当前是 Movies 的自定义文章类型存档

    3.6K20

    Parallels Toolbox for mac(pd工具箱)

    工具窗口将列出复制的项目,并显示将它们复制到哪些应用程序。如果您需要在剪贴板历史记录中快速查找某些内容,请使用搜索或将常用项目添加到收藏夹。...如果您不想从某些应用程序收集复制的项目,则可以暂停该工具或将这些应用程序添加到例外列表中。 关闭应用程序 打开桌面或从头开始。...日期倒计时 使用此工具设置特定日期(如生日、截止日期或假期)的倒计时。只需输入日期和月份,日期倒计时将开始倒计时,在 Dock 和 Finder 中的工具图标上显示剩余天数。...当日期到达时,“日期倒计时”将显示一条消息。您可以通过单击主应用程序窗口中的开/关开关来停止倒计时。 请勿打扰 如果您想分心并专注于手头的任务,请使用此工具。激活时,通知将关闭,程序坞动画将被禁用。...颜色测量 在任何当前正在运行的应用程序中测量颜色,并以可自定义的格式(十六进制、RGB、HSL 或 CMYK)获得结果。将结果复制到剪贴板或直接在鼠标指针下方查看结果。

    5.8K30

    WordPress丨常见函数及拓展模板函数大全

    ()  : 是否为Category/Archive页 is_tag()  : 是否为Tag存档页 is_date()  : 是否为指定日期存档页 is_year()  : 是否为指定年份存档页 is_month...()  : 是否为指定月份存档页 is_day()  : 是否为指定日存档页 is_time()  : 是否为指定时间存档页 is_archive()  : 是否为存档页 is_search()  :...–next page-> : 将当前内容分页 : 将当前内容截断,以不在主页/目录页显示全部内容 : 网页加载时间(秒) <?...拓展: WordPress模板基本文件 style.css 样式表文件index.php 主页文件single.php 日志单页文件page.php 页面文件archvie.php 分类和日期存档页文件...> 显示一份博客的日期存档列表 显示较新日志链接(上一页)和较旧日志链接(下一页)<?php bloginfo(’description’); ?

    1.8K30

    WordPress主题的基本模板及常用函数

    is_date():是否为指定日期存档页 is_year():是否为指定年份存档页 is_month():是否为指定月份存档页 is_day():是否为指定日存档页 is_time():是否为指定时间存档页...获取所有分类列表(只显示有内容的分类列表) get_category_link($category->term_id) :获取category链接 bloginfo('html_type'):网页html类型...():获取保存在post_meta这个表的数据,比如输出某个自定义字段的内容 the_ID():特定内容页ID the_tags('关键字','',''):显示文章的关键tag the_excerpt(...–next page-> 来使用 edit_post_link() : 如果用户已登录并具有权限,显示编辑链接 posts_nav_link(); : 显示上一页/下一页的链接,通常用在索引页、分类页和文章存档页...'/xxx/xxxx.php'); : 嵌入其他文件,可为定制的模板或其他类型php文件,很常用 php echo get_avatar( get_the_author_email(), '48' )

    86610

    WordPress SEO:配置Yoast和添加内容目录

    第3步:将每个重定向到新的URL(不仅是首页)。使用Quick Page/Post Redirect Plugin插件,Yoast Premium的重定向管理器,或通过.htaccess创建重定向。...浏览你的内容类型,分类法和存档选项卡,然后选择不在搜索结果中显示这些内容。...将日期添加到片段预览中(用于文章) 提高文章点击率的一种简单方法是在摘要中显示其发布日期,这可以使你的内容保持新鲜感。Google使用文章修改日期,你可以将其添加到文章顶部。...现在,将此代码添加到你的主题中(或使用“发布更新日期”插件),以完成相同的操作。...如果你使用的是Genesis Framework,则可以使用Genesis Simple Edits插件将修改后的日期短代码添加到Genesis → Simple Edits下的“Entry Meta”

    1.4K10

    Flask里面的默认转换器和自定义转换器

    /post_id>:使用了默认的转换器,post_id> 表示匹配一个整数类型的参数,并将其传递给路由处理函数 show_post()。.../username/johndoe: 显示 Username: johndoe 运行结果展示 如果传递的参数类型错误就会报错 自定义转换器 下面代码砖石了内置转换器和自定义转换器的使用: from...def to_url(self, value): return value.strftime('%Y-%m-%d') # 将自定义转换器添加到应用程序的转换器中,'date'.../date/:使用了自定义的 DateConverter 转换器,它接受形如 YYYY-MM-DD 的日期字符串,并将其转换为 datetime 对象。.../date/2022-12-31: 显示 Date: 2022-12-31 /date/31-12-2022: Flask 将返回 404 错误,因为日期格式不正确。 运行结果展示 测试日期的效果

    6000

    WordPress日志、编辑类插件

    通过WordPress的Tags标签匹配, 可以指定相关日志显示数, 按日期还是按标签使用数排序等等. 插件主页 Random Featured Post WordPress随机日志插件....如果你不想使用Wordpres标准的按日期排序, 那可以使用这个插件来管理你的文章排序. 作者主页 Sobek`s Posts in Category 显示某一分类或多个分类下的文章列表....可以选择在哪些页面进行限制, 比如首页, 分类页, 存档页还是搜索页....而这个插件可以让你显示成”上一页”和”下一页”或是你的自定义自符. 没什么特点, 主要是为了页面美观. 但对于SEO来说, 直接用默认的似乎更好....Feed 2 Post 这个WordPress插件允许你将某个Feed源的文章转换为WordPress文章.

    1.6K30

    wordpress设定文章的显示时间期限或过期时间的标志

    对于类似发布各种活动通知或到期时间内容的wordpress站点,也许会需要这样一个功能:发布活动内容的时候设定活动的到期日期,当活动还没有过期,网页显示“进行中”;当活动已过了设定的日期,网页则显示“已到期...有了这个功能,wordpress站长就不需要每次在活动过期后再编辑文章,实现的方法可以通过wordpress内置的自定义字段。...创建日期自定义字段: 方法一:WordPress 自定义字段 自定义域的使用方法 方法二:WordPress添加自定义字段栏目面板 字段名称使用:expiration 设定日期的格式必须是:mm/dd/...> post" id="post-"> <?php the_title();?...php if (have_posts()) : while (have_posts()) : the_post(); ?> post" id="post-<?

    92130

    ECMAScript 的 Iterator Helper 提案正式获得浏览器支持!

    实际开发中,下面这些可能会是使用到 Iterator 的例子: 处理大型数据集: 当你需要处理大量数据时,比如从数据库读取数百万条记录,使用迭代器可以避免一次性将所有数据加载到内存中。...) 类似数组的 filter 方法,filter 方法接受一个过滤器函数作为参数,根据我们自定义的逻辑过滤掉一些不需要的元素,然后返回一个新的迭代器。...将二维迭代器变为一维迭代器迭代器。...1 : 0), 0); console.log(count); .toArray() toArray() 方法可以将迭代器的值转换为一个数组。...// 从博客存档页面中选择博客文章列表 const posts = document.querySelectorAll('li:not(header li)'); // 获取发布了至少一篇博客文章的日期并记录下来

    17710

    【Spring】SpringBoot的10个参数验证技巧

    , Long> { Post findByTitle(String title); } 然后我们需要定义验证器类 UniqueTitleValidator,如下所示: @Component public...:第一个是自定义注解UniqueTitle,第二个是正在验证的字段类型(在本例中为String)....定义了自定义验证注释和验证器类后,我们现在可以使用它来验证 Spring Boot 应用程序中的帖子标题: public class Post { @UniqueTitle private String...title; @NotNull private String body; } 我们已将 @UniqueTitle 注释应用于 Post 类中的 title 变量。...假设我们有一个表单,用户可以在其中输入任务的开始日期和结束日期,并且我们希望确保结束日期不早于开始日期。我们可以使用跨域验证来实现这一点。

    66140

    DiscuzX2.5数据库字典

    id => ‘自定义广告类型id’ name => ‘名称’ pre_common_banned – 禁止访问表 id => ‘禁止id’ ip1 => ‘IP分段1′ ip2 => ‘IP分段2′...1′ field2 => ‘自定义字段2′ field3 => ‘自定义字段3′ field4 => ‘自定义字段4′ field5 => ‘自定义字段5′ field6 => ‘自定义字段6′ field7...’ pre_common_member_validate – 用户审核表 uid => ‘会员id’ submitdate => ‘提交日期’ moddate => ‘审核日期’ admin => ‘管理员名...– post分表协调表 pid => ‘Post ID’ pre_forum_poststick – 回帖置顶表 tid => ‘所属主题TID’ pid => ‘回帖PID’ position =>...模块 XML 扩展类数据表 id => ‘ID’ name => ‘XML扩展 名称’ version => ‘XML扩展 版本’ url => ‘XML扩展 URL’ clientid => ‘客户端

    1.5K70

    Notion初学者指南

    本指南将向您展示如何使用 Notion 管理日常活动。Notion是一个非常有用的工具,可以帮助提高您的生产力。 什么是Notion? Notion是一个提供任务、笔记、文件和项目组织平台的应用程序。...—>颜色 添加图标和图像:点击块中的“+ 添加图标”或“+ 添加图像”按钮 创建自定义模板:如果你经常使用特定类型的页面,比如任务页面或每周计划页面,创建一个自定义模板可以节省时间。右上角......例如,要计算两个日期之间的差异,可以使用公式:结束日期 - 开始日期 可以使用公式在截止日期临近时创建自动提醒,或在截止日期临近时自动将任务添加到待办清单中。...例如,如果我们有一个截止日期距今天还有3天的任务,可以使用公式Today() + 3将任务自动添加到待办清单中。...为任务添加到期日期以提醒您截止时间。 在任务列表中创建“优先级”列来定义最重要的任务。 使用颜色来区分任务的类型或重要性。 使用“日历”块来将任务可视化到日历上。

    91931

    Django REST Framework-如何使用过滤器

    ;ChoiceFilter:使用选项过滤,可以用于过滤多选字段;DateFilter:使用日期过滤,可以用于过滤日期类型的字段;NumberFilter:使用数字过滤,可以用于过滤数字类型的字段;RangeFilter...:使用范围过滤,可以用于过滤数字、日期等类型的字段。...这些过滤器可以用于所有的 DRF 视图,包括基于函数的视图和基于类的视图。你只需要将过滤器添加到视图的 filter_backends 属性中就可以了。...我们将 ordering 属性设置为 ['-published_date'],以便我们可以将数据按照发布日期的降序排列。...接下来,我们需要将这个自定义的过滤器添加到我们的视图集合中。要使用这个自定义的过滤器,我们需要在 filter_backends 属性中添加它。

    2.1K40
    领券