{"id":3391,"date":"2025-06-11T22:14:13","date_gmt":"2025-06-11T14:14:13","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3391.html"},"modified":"2025-06-11T22:14:13","modified_gmt":"2025-06-11T14:14:13","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e5%8d%9a%e5%ae%a2%e6%96%87%e7%ab%a0%e4%b8%ad%e5%b5%8c%e5%85%a5pdf%e3%80%81%e7%94%b5%e5%ad%90%e8%a1%a8%e6%a0%bc%e5%92%8c%e5%85%b6%e4%bb%96%e6%96%87%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3391.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u535a\u5ba2\u6587\u7ae0\u4e2d\u5d4c\u5165PDF\u3001\u7535\u5b50\u8868\u683c\u548c\u5176\u4ed6\u6587\u4ef6"},"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博客文章中嵌入PDF、电子表格等文件是一种增强用户体验和分享信息的有效方式。这不仅可以帮助读者轻松访问和下载所需资源，还可以提高网站的互动性和吸引力。下面我将指导您如何在WordPress中实现这一功能。<\/p>\n

步骤 1: 安装必要的插件<\/h3>\n

首先，确保您的WordPress安装了以下两个插件：<\/p>\n

    \n
  • Media Library<\/strong>：用于管理媒体库中的所有文件。<\/li>\n
  • File Embed<\/strong>：允许您从WordPress中嵌入各种格式的文件（包括PDF）。<\/li>\n<\/ul>\n

    您可以通过WordPress插件市场搜索这两个插件并安装它们。<\/p>\n

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

    安装完成后，打开File Embed插件的设置页面。在这里，您需要配置几个选项来确保能够正确地嵌入文件：<\/p>\n

      \n
    1. 选择要显示的文件类型<\/strong>：通常选择“全部”或“仅 PDF”，具体取决于您的需求。<\/li>\n
    2. 上传文件到<\/strong>：选择您希望这些文件存储的位置。对于大多数用户来说，推荐的是“本地媒体库”。<\/li>\n
    3. 预览模式<\/strong>：选择您想要的预览模式，比如“缩略图”或“详细视图”。<\/li>\n<\/ol>\n

      完成以上配置后，点击保存更改。<\/p>\n

      步骤 3: 在文章中插入文件<\/h3>\n

      回到您的WordPress文章编辑界面，找到您想添加文件的地方，例如在文章正文内或者在特定区域（如标题页或侧边栏）。<\/p>\n

        \n
      1. 插入新行，然后输入<\/code>标签。这个标签会触发File Embed插件的加载。<\/li>\n
      2. 然后，使用file=\"...\"<\/code>参数来指定您要在文章中嵌入的文件。例如，如果您有一个名为“example.pdf”的PDF文件，您可以这样输入：\n
        <\/code><\/pre><\/li>\n<\/ol>\n
        示例代码<\/h3>\n
        假设您有一篇文章，其中包含了以下部分：<\/p>\n
        这篇文章包含一些关于技术的文章。如果你想获取更多信息，请查看我们的PDF教程。\n\n<\/code><\/pre>\n
        当用户点击该链接时，他们会被带到一个新的窗口，显示PDF文档的内容。<\/p>\n
        效果说明<\/h3>\n
        当用户点击上述链接时，他们会在浏览器中看到PDF文档的一个简单版式，同时保留原始文件的完整细节。这种设计不仅提高了用户体验，还鼓励用户进一步探索相关资源。<\/p>\n
        注意事项<\/h3>\n
          \n
        • 确保您的博客服务器支持跨域资源共享(CORS)，否则某些文件可能无法被正确嵌入。<\/li>\n
        • 根据所使用的文件大小和格式，确保有足够的空间存放文件，以及适当的网络速度。<\/li>\n<\/ul>\n
          通过以上步骤，您现在可以成功地在WordPress博客文章中嵌入PDF或其他文件。这种方法不仅能提升用户体验，还能为您的博客增添更多价值。<\/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上嵌入PDF、电子表格或其他文件是一种非常实用的功能，它可以帮助用户快速分享和访问这些类型的文件，而无需下载或打开它们。<\/p>\n
          步骤 1: 创建包含文件的页面<\/h3>\n
          首先，在WordPress中创建一个包含文件的新页面。这通常需要通过“添加新页面”按钮完成。<\/p>\n
          <div class=\"wrap\">\n    <h2>Create a new page with file attachment<\/h2>\n    <form method=\"post\" action=\"<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>\">\n        <input type=\"hidden\" name=\"page_id\" value=\"<?php the_ID(); ?>\" \/>\n        <input type=\"hidden\" name=\"action\" value=\"add_attachment\" \/>\n        <div class=\"postbox\">\n            <h3><?php _e('Add Attachment', 'your-plugin-name'); ?><\/h3>\n            <p><label for=\"file\"><?php _e('Select File:', 'your-plugin-name'); ?><\/label><br \/><\/p>\n            <input id=\"file\" name=\"file\" type=\"file\" size=\"40\" \/>\n            <p><input type=\"submit\" value=\"<?php _e('Upload', 'your-plugin-name'); ?>\" class=\"button submit\" \/><\/p>\n        <\/div>\n    <\/form>\n<\/div><\/code><\/pre>\n
          步骤 2: 添加文件上传功能<\/h3>\n
          接下来，在functions.php<\/code>文件中添加以下代码以实现文件上传功能：<\/p>\n
          function add_file_attachment_to_page() {\n    global $wp_filesets;\n    if ( ! isset( $_POST['page_id'] ) || ! isset( $_POST['action'] ) ) {\n        return;\n    }\n    $page_id = absint( $_POST['page_id'] );\n    $attachment = wp_insert_attachment(\n        array(\n            'guid' => wp_get_attachment_url(),\n            'filename' => $_FILES['file']['name'],\n            'post_mime_type' => $_FILES['file']['type'],\n            'post_title' => sanitize_file_name($_FILES['file']['name']),\n            'post_content' => '',\n            'post_status' => 'inherit',\n            'post_parent' => $page_id,\n        ),\n        $page_id\n    );\n    if ( is_wp_error( $attachment ) ) {\n        wp_die( $attachment->get_error_message() );\n    }\n    update_post_meta( $page_id, '_wp_attached_file', $_FILES['file']['name'] );\n    wp_set_object_terms( $attachment, get_option('default_term'), 'post_tag' );\n}<\/code><\/pre>\n
          步骤 3: 配置插件<\/h3>\n
          最后，为您的插件配置适当的选项以启用此功能。例如，您可以将add_file_attachment_to_page()<\/code>函数添加到init.php<\/code>文件中的register_activation_hook()<\/code>部分：<\/p>\n
          add_action( 'init', 'add_file_attachment_to_page' );<\/code><\/pre>\n
          现在，当您点击“上传文件”按钮时，WordPress会自动将文件插入当前页面并显示在相应的位置。请确保正确地设置_wp_attached_file<\/code>属性来存储上传的文件路径。<\/p>\n
          示例代码<\/h3>\n
          HTML代码：<\/h4>\n
          <div class=\"attachment-content\">\n    <a href=\"<?php echo esc_url( wp_get_attachment_url( $attachment->ID ) ); ?>\" target=\"_blank\"><img src=\"<?php echo esc_url( wp_get_attachment_image_src( $attachment->ID, 'full' )[0] ); ?>\" alt=\"\" width=\"500\" height=\"auto\"\/><\/a>\n<\/div><\/code><\/pre>\n
          在这个例子中，我们使用了esc_url<\/code>和esc_attr<\/code>函数来处理URL和标签，确保HTML输出安全。<\/p>\n
          PHP代码：<\/h4>\n
          if ( ! empty( $_GET['post'] ) && is_numeric( $_GET['post'] ) ) {\n    $post_id = absint( $_GET['post'] );\n    if ( is_object( $post_id ) && ! empty( $post_id->ID ) ) {\n        $post = get_post( $post_id->ID );\n        if ( $post instanceof WP_Post && $post->post_type === 'attachment' ) {\n            $attachment = $post;\n            break;\n        }\n    }\n}\n\nif ( $attachment instanceof WP_Post && $attachment->post_status !== 'inherit' ) {\n    $content = '<div class=\"attachment-content\">';\n    $content .= '<a href=\"' . esc_url( wp_get_attachment_url( $attachment->ID ) ) . '\" target=\"_blank\">' . esc_html( $attachment->post_title ) . '<\/a>';\n    $content .= '<div style=\"display: block; margin-top: 2em;\">';\n    $content .= '<img src=\"' . esc_url( wp_get_attachment_image_src( $attachment->ID, 'full' )[0] ) . '\" alt=\"' . esc_attr( $attachment->post_title ) . '\" style=\"width: 500px; max-width: 500px; display: block;\" \/>';\n    $content .= '<\/div>';\n    $content .= '<\/div>';\n\n    \/\/ Add this code to show or hide the content based on post status\n    if ($attachment->post_status == 'inherit') {\n        $content .= '<div class=\"post-status-inherit\">This attachment has been inherited from its parent.<\/div>';\n    } else {\n        $content .= '<div class=\"post-status-attached\">This attachment is attached to this post.<\/div>';\n    }\n\n    echo $content;\n}<\/code><\/pre>\n
          这个示例代码展示了如何在WordPress文章中显示嵌入的文件。注意，要使这段代码正常工作，请确保已经启用了相应的插件（如WP Media Library<\/code>）以及设置了正确的主题样式。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
          Bug编译狮 在WordPress博客文章中嵌入PDF、电子表格等文..<\/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-3391","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\/3391","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=3391"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3391\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3391"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}