{"id":2356,"date":"2025-06-11T01:15:30","date_gmt":"2025-06-10T17:15:30","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2356.html"},"modified":"2025-06-11T01:15:30","modified_gmt":"2025-06-10T17:15:30","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%8a%e5%b5%8c%e5%85%a5medium%e5%8d%9a%e5%ae%a2%e6%96%87%e7%ab%a0%ef%bc%88%e7%ae%80%e5%8d%95%e6%96%b9%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2356.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e0a\u5d4c\u5165Medium\u535a\u5ba2\u6587\u7ae0\uff08\u7b80\u5355\u65b9\u6cd5\uff09"},"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网站上嵌入Medium博客文章，你可以使用多种方法来实现这个目标。以下是其中一种简单的方法，通过使用WordPress的插件和一些基本的HTML\/CSS技巧来完成。<\/p>\n

步骤 1: 安装和激活插件<\/h3>\n

首先，在你的WordPress后台菜单中找到“插件”部分，然后搜索并安装“Medium Embed”。这是一个专门用于嵌入Medium博客文章的插件。<\/p>\n

    \n
  1. 打开 WordPress 后台<\/strong>。<\/li>\n
  2. 导航到“插件” > “添加新插件”。<\/li>\n
  3. 在搜索框中输入“medium embed”，点击搜索按钮。<\/li>\n
  4. 找到“Medium Embed”插件后，点击“安装”。<\/li>\n
  5. 安装完成后，点击“激活”。<\/li>\n<\/ol>\n

    步骤 2: 配置 Medium Embed 插件<\/h3>\n

    一旦插件安装完毕，你需要配置它以正确地显示你的文章。这通常涉及一些简单的设置选项。<\/p>\n

      \n
    1. 登录到您的WordPress后台。<\/li>\n
    2. 点击左侧菜单栏中的“外观” > “编辑”。<\/li>\n
    3. 进入“主题”文件夹。<\/li>\n
    4. 找到style.css<\/code>或类似文件。<\/li>\n
    5. 添加以下CSS样式：<\/li>\n<\/ol>\n
      .medium-embed {\n    width: 100%;\n    height: auto;\n}<\/code><\/pre>\n
      确保这段CSS位于所有其他样式之前，这样它可以覆盖默认的嵌入样式。<\/p>\n
        \n
      1. 更新 CSS 文件后，保存更改。<\/li>\n<\/ol>\n
        步骤 3: 使用 HTML 标签嵌入 Medium 文章<\/h3>\n
        现在，你可以使用HTML标签来嵌入Medium的文章了。假设你要嵌入的文章标题为“我的第一篇 Medium 博客”，链接地址为 https:\/\/example.com\/my-first-post<\/code>，你可以使用下面的代码：<\/p>\n
        <div class=\"medium-embed\" data-medium-url=\"https:\/\/example.com\/my-first-post\"><\/div><\/code><\/pre>\n
        示例效果<\/h3>\n
        当你将上述代码插入到你的页面时，它会自动根据Medium的格式生成一个嵌入式Medium文章的区域，同时保持其原有的视觉风格和布局。<\/p>\n
        注意事项<\/h3>\n
          \n
        • 确保 Medium 的域名与你的WordPress站点相匹配，或者使用正确的URL参数来避免任何潜在的问题。<\/li>\n
        • 如果你遇到任何问题，请检查插件是否已正确激活以及CSS样式是否按预期工作。<\/li>\n<\/ul>\n
          通过以上步骤，你应该能够在WordPress网站上成功嵌入Medium博客文章。希望这些信息对你有所帮助！<\/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与Medium集成：嵌入博客文章<\/h3>\n
          目标：<\/h4>\n
            \n
          • 学习如何将Medium文章嵌入到WordPress网站中。<\/li>\n
          • 了解如何设置插件以实现此功能。<\/li>\n<\/ul>\n
            前提条件：<\/h4>\n
              \n
            1. 已安装并配置了WordPress。<\/li>\n
            2. 完成了一个基本的Medium账号注册和登录流程。<\/li>\n
            3. 已熟悉WordPress的基本操作，包括添加、编辑和删除主题和插件。<\/li>\n<\/ol>\n
              教学步骤：<\/h4>\n
              第一步：创建一个WordPress主题<\/h4>\n
              首先，我们需要创建一个包含Medium博客文章功能的WordPress主题。以下是在WordPress后台中创建主题的步骤：<\/p>\n
                \n
              1. 登录到您的WordPress管理界面。<\/li>\n
              2. 在左侧菜单栏中选择“主题”选项卡。<\/li>\n
              3. 点击“新主题”，开始设计新的主题。<\/li>\n<\/ol>\n
                第二步：添加模块化元素<\/h4>\n
                接下来，我们将使用模块化元素来实现插入Medium文章的功能。这需要我们对WordPress的主题结构有所了解。<\/p>\n
                  \n
                1. 将鼠标悬停在要插入模块的地方，然后点击“编辑”按钮。<\/li>\n
                2. 在打开的页面中，找到名为“content”的部分。这是WordPress用于放置文本、图片和其他内容的部分。<\/li>\n
                3. 拖动这个部分到合适的位置，使其成为主题的一部分。<\/li>\n<\/ol>\n
                  第三步：编写代码<\/h4>\n
                  现在，我们需要编写一些代码来插入Medium文章。这里有一个简单的示例，展示了如何从Medium API获取文章数据，并将其插入到我们的WordPress主题中：<\/p>\n
                  \/\/ 获取文章信息\n$url = 'https:\/\/medium.com\/api\/v1\/articles\/567890';\n$data = wp_remote_get($url);\n$response = json_decode(wp_remote_retrieve_body($data));\n\n\/\/ 插入文章到WordPress\n$article_id = $response->id;\n$author_name = $response->author->name;\n$title = $response->title;\n$content = $response->body;\n\nif (is_wp_error($response)) {\n    \/\/ 处理错误\n} else {\n    $post_data = array(\n        'post_title' => $title,\n        'post_content' => $content,\n        'post_status' => 'publish',\n        'post_author' => get_current_user_id(),\n        'post_type' => 'post'\n    );\n\n    $result = wp_insert_post( $post_data );\n    if ($result) {\n        echo \"Post created successfully!\";\n    } else {\n        echo \"Error creating post.\";\n    }\n}<\/code><\/pre>\n
                  第四步：测试<\/h4>\n
                  保存修改后，通过访问您刚刚创建的主题的URL来查看是否正确显示了Medium文章。<\/p>\n
                  结论<\/h4>\n
                  通过以上步骤，您已经成功地在WordPress网站中嵌入了一个Medium文章。这种方法适用于任何想要将外部内容轻松融入自己网站的设计的开发者。请注意，这种做法可能需要一些技术知识和耐心，特别是对于那些不习惯于深入研究WordPress核心代码的人。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                  Bug编译狮 要在WordPress网站上嵌入Medium博客文章，你可&#201..<\/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":[59],"tuisongtax":[],"class_list":["post-2356","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2356","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=2356"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2356\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2356"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}