{"id":3520,"date":"2025-06-12T00:22:10","date_gmt":"2025-06-11T16:22:10","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3520.html"},"modified":"2025-06-12T00:22:10","modified_gmt":"2025-06-11T16:22:10","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e5%88%9b%e5%bb%ba%e5%8f%af%e7%ad%9b%e9%80%89%e7%9a%84%e4%bd%9c%e5%93%81%e9%9b%86","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3520.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u521b\u5efa\u53ef\u7b5b\u9009\u7684\u4f5c\u54c1\u96c6"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要在WordPress中创建可筛选的作品集，你需要遵循以下步骤：<\/p>\n

    \n
  1. \n

    登录到您的WordPress后台<\/strong>：首先，您需要通过浏览器访问您的网站并登录到WordPress管理界面。<\/p>\n<\/li>\n

  2. \n

    导航到作品集页面<\/strong>：点击“写作”菜单中的“作品集”，这将打开作品集编辑器。<\/p>\n<\/li>\n

  3. \n

    添加作品集<\/strong>：<\/p>\n

      \n
    • 在左侧的导航栏中，选择“添加作品集”。<\/li>\n
    • 输入作品集的标题和描述。<\/li>\n
    • 为作品集设置分类（例如，“个人作品”、“项目”等）。<\/li>\n
    • 添加第一个作品：点击“添加作品”按钮，然后上传图片或从相册中选择一张图片作为作品集封面。<\/li>\n
    • 确保所有必要字段都已填写完整，如作品名称、描述、链接等。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      启用筛选功能<\/strong>：<\/p>\n

        \n
      • 在作品集编辑器的顶部，找到“过滤器”部分。<\/li>\n
      • 启用筛选选项。通常，这个选项会自动开启，但如果您希望完全控制，可以手动勾选它。<\/li>\n
      • 设置筛选条件：您可以根据时间范围、类别或其他标准来筛选作品。<\/li>\n<\/ul>\n<\/li>\n
      • \n

        保存并发布作品集<\/strong>：<\/p>\n

          \n
        • 完成所有编辑后，点击“保存更改”以保存作品集。<\/li>\n
        • 如果需要，您可以点击“发布”按钮使作品集可见于整个站点。<\/li>\n<\/ul>\n<\/li>\n
        • \n

          测试筛选功能<\/strong>：最后，尝试使用不同的筛选条件来查看是否能够正确显示符合要求的作品。<\/p>\n<\/li>\n<\/ol>\n

          示例代码<\/h3>\n

          假设我们想要创建一个名为“我的设计作品”的作品集，并且只显示过去一年内发布的作品。我们可以这样编写HTML代码来展示这些作品：<\/p>\n

          <!-- 假设这是我们的作品集模板 -->\n<div class=\"work-set\">\n    <h2>我的设计作品<\/h2>\n    <div id=\"filter-container\"><\/div>\n\n    <!-- 这里将动态加载我们的作品列表 -->\n    <script type=\"text\/javascript\">\n        \/\/ 动态加载作品集数据\n        var workData = [\n            {\n                title: \"网页设计\",\n                description: \"这是一个网页设计作品。\",\n                date: \"2023-01-01\"\n            },\n            {\n                title: \"App界面设计\",\n                description: \"这个App界面的设计非常出色。\",\n                date: \"2022-12-15\"\n            }\n        ];\n\n        \/\/ 根据日期筛选\n        function filterWorksByDate(date) {\n            return workData.filter(function(work) {\n                return new Date(work.date).getTime() >= new Date(date).getTime();\n            });\n        }\n\n        \/\/ 创建筛选器\n        document.getElementById('filter-container').innerHTML += '<button onclick=\"filter(1)\">最新<\/button>';\n        document.getElementById('filter-container').innerHTML += '<button onclick=\"filter(-1)\">最旧<\/button>';\n\n        \/\/ 执行筛选\n        function filter(direction) {\n            var filteredWorks = direction === 1 ? filterWorksByDate(new Date().toISOString().split(\"T\")[0]) : filterWorksByDate(new Date().toISOString().split(\"T\")[0] + \"-01\");\n            displayFilteredWorks(filteredWorks);\n        }\n\n        \/\/ 显示筛选后的作品\n        function displayFilteredWorks(works) {\n            for (var i = 0; i < works.length; i++) {\n                document.write('<article><h3>' + works[i].title + '<\/h3><p>' + works[i].description + '<\/p><\/article>');\n            }\n        }\n\n        \/\/ 首次加载时显示全部作品\n        displayFilteredWorks(workData);\n    <\/script><\/code><\/pre>\n
          这段代码展示了如何根据日期对作品集进行筛选，并在用户单击筛选按钮时更新筛选结果。请注意，实际操作中可能需要根据您的具体需求调整JavaScript逻辑，以确保与WordPress插件或主题兼容。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
          \r\n
          \r\n
          \r\n
          \r\n
          \r\n
          \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
          黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
          \r\n
          \r\n
          在WordPress中创建一个可筛选的作品集通常需要以下几个步骤：<\/p>\n
            \n
          1. 创建作品集页面<\/li>\n
          2. 添加作品集项目<\/li>\n
          3. 设置作品集过滤器<\/li>\n<\/ol>\n
            步骤 1: 创建作品集页面<\/h3>\n
            首先，你需要在WordPress网站上创建一个新的作品集页面。你可以通过以下方法之一来完成这个任务：<\/p>\n
              \n
            • 使用模板文件<\/strong>：在wp-content\/themes\/your-theme\/wp-includes\/widgets<\/code>目录下找到single.php<\/code>文件并编辑它。将其中的内容替换为你想要展示的作品集信息。<\/li>\n
            • 使用自定义功能<\/strong>：在functions.php<\/code>文件中添加自定义函数以创建新的作品集页面。<\/li>\n<\/ul>\n
              步骤 2: 添加作品集项目<\/h3>\n
              一旦你有了作品集页面，接下来就是添加作品集项目了。在single.php<\/code>或custom-post-type.php<\/code>文件中，添加以下代码以显示作品集项目：<\/p>\n
              <?php get_header(); ?>\n\n<div class=\"page-header\">\n    <h1><?php echo esc_html(get_the_title()); ?><\/h1>\n<\/div>\n\n<div class=\"post-list\">\n    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>\n        <!-- 假设你的作品集项目包含以下结构 -->\n        <article class=\"post-item\">\n            <header>\n                <a href=\"<?php the_permalink(); ?>\" title=\"<?php the_title_attribute(); ?>\">\n                    <img src=\"<?php the_post_thumbnail_url(); ?>\" alt=\"<?php the_title(); ?>\">\n                <\/a>\n            <\/header>\n            <section class=\"post-info\">\n                <time datetime=\"<?php the_time('Y-m-dTH:i:s'); ?>\"><?php the_date(); ?><\/time>\n                <h4><?php the_title(); ?><\/h4>\n                <span><?php the_excerpt(); ?><\/span>\n            <\/section>\n        <\/article>\n    <?php endwhile; endif; wp_reset_query(); ?>\n<\/div>\n\n<?php get_footer(); ?><\/code><\/pre>\n
              这里展示了如何添加标题、图片和简短描述到每个作品集项目。<\/p>\n
              步骤 3: 设置作品集过滤器<\/h3>\n
              为了使用户能够根据不同的条件（如时间范围、类别等）对作品集进行筛选，你需要设置一个作品集过滤器。这是一个简单的例子，假设我们想让用户按日期排序作品集：<\/p>\n
              add_filter( 'posts_order', 'my_custom_posts_order' );\nfunction my_custom_posts_order( $order ) {\n    \/\/ 如果不是最新，那么按照发布日期排序\n    if ( ! is_2017_05_29() ) {\n        return $order;\n    }\n\n    \/\/ 按照发布日期升序排列\n    sort( $order, array_reverse( $order ) );\n\n    return $order;\n}<\/code><\/pre>\n
              这将在archive.php<\/code>或其他显示特定分类作品集的文章页面中应用这个过滤器。<\/p>\n
              以上就是在WordPress中创建可筛选的作品集的基本流程。通过上述示例代码，你应该可以开始构建自己的作品集功能。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
              Bug编译狮 要在WordPress中创建可筛选的作品集，你需&#3..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3520","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3520"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3520\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3520"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}