{"id":3652,"date":"2025-06-12T02:29:07","date_gmt":"2025-06-11T18:29:07","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3652.html"},"modified":"2025-06-12T02:29:07","modified_gmt":"2025-06-11T18:29:07","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e7%bd%91%e7%ab%99%e4%b8%8a%e6%b7%bb%e5%8a%a0%e4%bd%9c%e5%93%81%e9%9b%86","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3652.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u7f51\u7ad9\u4e0a\u6dfb\u52a0\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网站上添加作品集（Portfolio），你需要遵循以下步骤：<\/p>\n

    \n
  1. \n

    创建作品集页面<\/strong>：<\/p>\n

      \n
    • 登录到你的WordPress后台。<\/li>\n
    • 在左侧菜单栏选择“Pages”（页面）。<\/li>\n
    • 点击“Add New”按钮来创建一个新的页面。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      编辑作品集页面<\/strong>：<\/p>\n

        \n
      • 在新页面的编辑模式下，点击右上角的“Edit”按钮。<\/li>\n
      • 添加标题和描述，例如：“我的作品集”。<\/li>\n<\/ul>\n<\/li>\n
      • \n

        插入作品集内容<\/strong>：<\/p>\n

          \n
        • 从“Content”标签页切换到“Visual Editor”或“HTML\/CSS”标签页。<\/li>\n
        • 插入适当的HTML代码来显示作品集的内容。这里以一个简单的示例代码为例：<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
          <div class=\"portfolio-items\">\n    <div>\n        <h2>项目名称<\/h2>\n        <p>描述<\/p>\n        <a href=\"链接\">了解更多<\/a>\n    <\/div>\n    <!-- 更多项目 -->\n<\/div><\/code><\/pre>\n
            \n
          1. 样式化作品集<\/strong>：\n
              \n
            • 使用CSS样式对作品集进行美化。你可以创建一个新的类或者修改现有类的样式。<\/li>\n
            • 示例CSS如下：<\/li>\n<\/ul><\/li>\n<\/ol>\n
              .portfolio-items {\n    display: flex;\n    justify-content: space-around;\n    padding: 20px;\n}\n\n.portfolio-item {\n    background-color: #f9f9f9;\n    border-radius: 8px;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}<\/code><\/pre>\n
                \n
              1. \n
                发布作品集页面<\/strong>：<\/p>\n
                  \n
                • 完成以上所有步骤后，点击底部的“Publish”按钮来发布新的作品集页面。<\/li>\n<\/ul>\n<\/li>\n
                • \n
                  设置导航<\/strong>：<\/p>\n
                    \n
                  • 如果你想让读者可以轻松地访问这些作品集页面，可以在“Appearance” -> “Menus”中为这些页面添加一个子菜单项。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
                    通过上述步骤，你就可以在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网站上创建和管理作品集是一种强大的方法来展示你的工作或项目。下面我们将一步一步地教你如何在WordPress网站上添加作品集。<\/p>\n
                    步骤 1: 安装 WordPress<\/h3>\n
                    首先，你需要安装并配置一个WordPress主题。你可以从WordPress官方站点下载免费的主题，或者使用付费主题。我将使用免费主题“Divi”作为示例。<\/p>\n
                    示例代码：<\/h4>\n
                    <div class=\"content\">\n    <h2>作品集<\/h2>\n    <div id=\"myWorks\">\n        <!-- 作品集内容将在这里显示 -->\n    <\/div>\n<\/div><\/code><\/pre>\n
                    步骤 2: 添加作品集页面<\/h3>\n
                    接下来，你需要为作品集创建一个新的页面。这可以通过拖放元素到页面中来完成。在Divi主题中，可以点击页面顶部的“新建”按钮，然后选择“页面”。<\/p>\n
                    示例代码：<\/h4>\n
                    <?php\nget_header(); \/\/ 获取页面头部\n?>\n<h2><?php the_title(); ?><\/h2>\n\n<div id=\"main-content\" class=\"page-content\">\n    <?php\n    $args = array(\n        'post_type' => 'work',\n        'posts_per_page' => -1,\n        'orderby' => 'date',\n        'order' => 'DESC'\n    );\n\n    $query = new WP_Query($args);\n\n    if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();\n        echo '<div class=\"work-item\">';\n        the_content();\n        echo '<\/div>';\n    endwhile;\n    endif;\n\n    wp_reset_query();\n\n    get_footer(); \/\/ 获取页面尾部\n?>\n<?php\nendif; \/\/ 如果有更多文章...\n?><\/code><\/pre>\n
                    步骤 3: 设置作品集分类<\/h3>\n
                    为了更好地组织和查找作品，你需要为每个作品设置一个分类。在上面的示例中，我们假设每个作品都有一个标题（<title><\/code>标签）和一个日期（<time><\/code>标签）。你可以通过编辑代码中的$args<\/code>数组来改变这些值。<\/p>\n
                    示例代码：<\/h4>\n
                    <?php\nget_header(); \/\/ 获取页面头部\n?>\n<h2><?php the_title(); ?><\/h2>\n\n<div id=\"main-content\" class=\"page-content\">\n    <?php\n    $args = array(\n        'post_type' => 'work',\n        'posts_per_page' => -1,\n        'orderby' => 'date',\n        'order' => 'DESC'\n    );\n\n    $query = new WP_Query($args);\n\n    if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();\n        echo '<div class=\"work-item\">';\n        the_content();\n        echo '<\/div>';\n    endwhile;\n    endif;\n\n    wp_reset_query();\n\n    get_footer(); \/\/ 获取页面尾部\n?>\n<?php\nif (is_category() || is_tag() || is_author()) {\n    echo '<a href=\"' . esc_url(get_category_link( get_the_ID() ) ) . '\">' . __('查看全部', 'your-theme') . '<\/a>';\n} else {\n    echo '<a href=\"' . esc_url(get_permalink() . '#works') . '\">' . __('查看全部', 'your-theme') . '<\/a>';\n}\n?>\n<?php\nendif; \/\/ 如果有更多文章...\n?><\/code><\/pre>\n
                    结语<\/h3>\n
                    通过以上步骤，你应该能够成功在WordPress网站上创建和管理作品集。记得定期更新作品集以保持其新鲜度。如果你遇到任何问题，请随时向我提问！<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                    Bug编译狮 要在WordPress网站上添加作品集（Portfolio），你&#..<\/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-3652","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\/3652","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=3652"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3652\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3652"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}