{"id":3176,"date":"2025-06-11T18:54:33","date_gmt":"2025-06-11T10:54:33","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3176.html"},"modified":"2025-06-11T18:54:33","modified_gmt":"2025-06-11T10:54:33","slug":"%e5%a6%82%e4%bd%95%e5%b0%86google%e7%bd%91%e9%a1%b5%e6%95%85%e4%ba%8b%e6%b7%bb%e5%8a%a0%e5%88%b0%e4%bd%a0%e7%9a%84wordpress%e7%bd%91%e7%ab%99%e4%b8%8a","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3176.html","title":{"rendered":"\u5982\u4f55\u5c06Google\u7f51\u9875\u6545\u4e8b\u6dfb\u52a0\u5230\u4f60\u7684WordPress\u7f51\u7ad9\u4e0a"},"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

要将Google网页故事（Gutenberg插件中的新功能）添加到您的WordPress网站上，您可以按照以下步骤操作：<\/p>\n

步骤1：安装和激活Google网页故事插件<\/h3>\n

首先，在您的WordPress后台，导航至“插件”部分。点击“添加新插件”，搜索并找到“Google网页故事”。选择它并点击“安装”按钮。完成后，点击“激活”来启用这个新的插件。<\/p>\n

步骤2：创建一个新的网页故事<\/h3>\n
    \n
  1. 登录到您的WordPress博客。<\/li>\n
  2. 进入编辑模式，然后单击页面顶部的“+”号或通过菜单栏选择“页面” -> “新建页面”。<\/li>\n
  3. 在编辑器中，您可以看到一个新的文本区域，这就是用于编写网页故事的地方。您可以通过拖放元素、插入图片、视频等工具来构建您的故事。<\/li>\n
  4. 完成编辑后，保存页面。您可以在底部查看页面源码，以便进一步调整布局和样式。<\/li>\n<\/ol>\n

    示例代码<\/h3>\n

    这里提供一个简单的HTML代码片段，展示如何在一个网页故事中插入一段文本和一张图片：<\/p>\n

    <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Google Web Story<\/title>\n    <!-- 引入Google Web Stories插件CSS -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/google-web-stories@latest\/dist\/gws.css\">\n<\/head>\n<body>\n    <div id=\"gws-container\"><\/div>\n\n    <!-- 引入Google Web Stories插件JS -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/google-web-stories@latest\/dist\/gws.js\"><\/script>\n    <script>\n        \/\/ 初始化Google Web Stories插件\n        GWS.init({\n            apiKey: 'YOUR_API_KEY',  \/\/ 替换为您的API密钥\n            containerId: 'gws-container'  \/\/ 替换为您实际设置的容器ID\n        });\n\n        \/\/ 创建一个新的网页故事\n        new GWS.Story('Hello World!', {\n            title: 'Welcome to My Blog!',\n            description: 'This is my first Google Web Story.',\n            authorName: 'John Doe',\n            authorUrl: 'http:\/\/www.johndoe.com'\n        });\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
    使用步骤及效果<\/h3>\n
      \n
    1. 打开Google Web Stories插件<\/strong>：登录您的WordPress博客，进入“插件”->“添加新插件”。<\/li>\n
    2. 安装并激活插件<\/strong>：搜索“Google Web Stories”，选择它并点击“安装”和“激活”。<\/li>\n
    3. 创建网页故事<\/strong>：\n
        \n
      • 在页面编辑器中，点击“+”号或选择“页面” -> “新建页面”。<\/li>\n
      • 插入文本和图片，根据上述示例代码填写相应的标签和数据。<\/li>\n<\/ul><\/li>\n
      • 保存并预览<\/strong>：完成编辑后，点击“发布”或“保存”，然后刷新浏览器以查看您的网页故事是否正确显示。<\/li>\n<\/ol>\n
        通过以上步骤，您现在应该能够成功地将Google网页故事添加到您的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中添加Google网页故事是一种有趣的方式来增强您的网站内容和用户体验。以下是如何在WordPress中创建并管理Google网页故事的方法：<\/p>\n
        1. 创建一个Google Web Stories项目<\/h3>\n
          \n
        • 登录到您的WordPress网站。<\/li>\n
        • 点击“编辑”按钮，然后选择“插件”标签页。<\/li>\n
        • 在搜索框中输入“Google Web Stories”，点击“安装插件”。<\/li>\n
        • 安装完成后，登录您的账户以激活插件。<\/li>\n<\/ul>\n
          2. 创建一个新的Web Story<\/h3>\n
            \n
          • 打开WordPress后台，转到“插件”-> “Google Web Stories”。<\/li>\n
          • 选择您要创建的新Web Story模板。<\/li>\n
          • 您可以自定义标题、描述、封面图片等选项，也可以选择是否允许用户分享此故事。<\/li>\n
          • 点击“创建新故事”。<\/li>\n<\/ul>\n
            3. 编辑已有的Web Story<\/h3>\n
              \n
            • 如果您已经有一个Google Web Stories项目，可以在WordPress后台找到它。<\/li>\n
            • 转到“插件”-> “Google Web Stories”-> “Google Web Stories” -> 该故事的ID。<\/li>\n
            • 您可以在此处修改标题、描述、封面图片等信息。<\/li>\n
            • 按照上述步骤操作即可。<\/li>\n<\/ul>\n
              4. 分享Web Story<\/h3>\n
                \n
              • 使用Google Web Stories提供的链接分享功能。<\/li>\n
              • 用户可以通过点击分享链接并在社交媒体或其他平台分享您的故事。<\/li>\n<\/ul>\n
                5. 管理Web Story<\/h3>\n
                  \n
                • 在WordPress后台，找到“插件”-> “Google Web Stories”。<\/li>\n
                • 可以在这里查看故事的统计数据，例如阅读次数、分享次数等。<\/li>\n
                • 对于未完成的故事，您可以将其从Google Web Stories移除。<\/li>\n<\/ul>\n
                  示例代码<\/h3>\n
                  创建新的Web Story<\/h4>\n
                  <?php\n\/\/ 这里是你Google Web Stories项目的ID\n$webStoryId = 'YOUR_WEB_STORY_ID';\n\n\/\/ 设置标题\n$title = 'Your Story Title';\n?><\/code><\/pre>\n
                  分享Web Story<\/h4>\n
                  function share_web_story() {\n    \/\/ 获取当前Web Story的URL\n    $url = get_post_meta($post_id, '_gws_url', true);\n\n    \/\/ 创建分享链接\n    $share_link = 'https:\/\/www.google.com\/webstories\/' . $webStoryId;\n\n    \/\/ 发送分享请求\n    wp_remote_get(\n        $share_link,\n        array(\n            'method' => 'POST',\n            'headers' => array(\n                'Content-Type' => 'application\/json'\n            ),\n            'body' => json_encode(array('url' => $url))\n        )\n    );\n}\nadd_action( 'wp_before_admin_bar_rendered', 'share_web_story' );<\/code><\/pre>\n
                  通过以上步骤，您可以轻松地在WordPress中创建和管理Google Web Stories，从而提升您的网站吸引力和用户体验。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                  Bug编译狮 要将Google网页故事（Gutenberg插件中的新功能&#652..<\/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-3176","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\/3176","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=3176"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3176\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3176"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}