ブログの記事を書いているときに、多くの人とDOCXファイルを共有したいと思ったことがありますか？嬉しいことに、Word文書を含むオフィスファイルをウェブサイトに埋め込むことができます。この記事でその方法をご紹介します。

<p>ブログの記事を書いているときに、多くの人とDOCXファイルを共有したいと思ったことがありますか？嬉しいことに、Word文書を含むオフィスファイルをウェブサイトに埋め込むことができます。この記事でその方法をご紹介します。<br />
<img decoding="async" loading="lazy" class="wp-image-34324 aligncenter" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/Blog_Word_document_in_HTML.jpg" alt="How to embed Word document in HTML?" width="736" height="371" /> DOCXをHTMLに埋め込むことは、ユーザーにウェブページ上でファイルを操作する動機付けを与える完璧な方法です。これは、エンゲージメントを向上させ、Word文書を読むためにダウンロードする必要がありません。すべてのウェブサイト作成プラットフォームは、HTMLをサポートしています。この記事では、WordPress上でDOCXファイルを埋め込むことを学びましょう。</p>
<h2>WordPressとONLYOFFICE Docsを連携させる</h2>
<p>先日追加された<a href="https://wordpress.org/plugins/onlyoffice/">ONLYOFFICEのWP用アドオン</a>を使えば、アップロードしたDOCXファイルを他のコンテンツと同じように簡単に埋め込むことができます。インストールには、WordPress 5.7 以降のバージョンが必要です。以下はその手順です。</p>
<ol>
<li>管理者プロファイルにログインしてから、プラグインにカーソルを合わせ、「新規追加」をクリックします。</li>
<li>検索バーを使用して、ONLYOFFICEを検索します。</li>
<li>プラグインをインストールし、有効化してください。</li>
</ol>
<p>完了すると、テキスト文書を挿入したい記事に進みます。<em>注：統合を有効にするには、<a href="https://www.onlyoffice.com/download-docs.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html">ONLYOFFICE Docsをインストール</a>し、プラグインを設定する必要があります。</em></p>
<h2>Word文書をブロックとして埋め込む</h2>
<p>2019年、WordPressは「Gutenberg」というブロックエディタを導入し、従来のビジュアルエディタに代わって、記事の下書きをより速く、初心者でも簡単にできるようになりました。記事を開き、新しいブロックを追加してください。</p>
<p><img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-33159" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/add-block.png" alt="How to embed Word document in HTML?" width="736" height="371" />ONLYOFFICEを選択し、DOCXファイルをアップロードしてください。<br />
<img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-33159" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/upload-docx.png" alt="How to embed Word document in HTML?" width="736" height="371" />最後に、ページをプレビューして結果を確認し、記事を公開します。簡単でしょう！</p>
<h2>DOCXのHTMLへの埋め込みについて、他に知っておくと良いことはある？</h2>
<p>DOCXの埋め込みについて、他に知っておくと便利な質問をいくつかご紹介します。</p>
<h3>訪問者は埋め込んだWordファイルを編集できる？</h3>
<p>いいえ。ドキュメントは閲覧のために記事で開かれます。コンテンツを読むことができますが、管理者以外の人は編集できないままです。</p>
<h3>WordPress用ONLYOFFICEの他の利点はある？</h3>
<p>ONLYOFFICEがWordPress上で行うことができるのは、埋め込みだけではありません。さらに、オフィスファイル（Word文書、Excelスプレッドシート、PowerPointスライド）を管理者ダッシュボードから直接編集することができます。さらに、<a href="https://www.onlyoffice.com/app-directory/wordpress?utm_source=blog&amp;amp;utm_medium=article&amp;amp;utm_campaign=word_in_html">ONLYOFFICE編集者用のプラグイン</a>があり、サイトに直接記事を公開することも可能です。</p>
<h3>HTMLコーディングでWordファイルを埋め込むには？</h3>
<p><a href="https://www.onlyoffice.com/workspace.aspx?utm_source=blog&amp;amp;utm_medium=article&amp;amp;utm_campaign=word_in_html">ONLYOFFICE Workspace</a>を使っている場合、特定のファイルに対する埋め込みコードを簡単に生成することができます。</p>
<ol>
<li>「文書」モジュールを開き、必要なファイルを見つけます。</li>
<li>「共有」→「リンクを追加する」をクリックします。</li>
<li>「外部リンク」を押し、ドロップダウンリストから「埋め込み設定」を選択します。<img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-33159" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/embedding-settings.jpg" alt="How to embed Word document in HTML?" width="736" height="371" /></li>
<li>必要であれば、設定を調整します。その後、コードをWPエディタにコピーペーストしてください。</li>
</ol>
<p><img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-33159" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/07/html-embed.jpg" alt="How to embed Word document in HTML?" width="736" height="371" />この方法は、初心者には少し複雑ですが、埋め込みウィンドウのカスタマイズが可能です。</p>
<h3>なぜ、DOCXファイルへのハイパーリンクを作成しない？</h3>
<p>ハイパーリンクは、サイト内で訪問者を移動させるのに適していますが、あまり多くなければよいでしょう。しかし、DOCXファイルを配布する際にハイパーリンクを避けた方がよい理由は他にもあります。</p>
<ul>
<li>テキスト文書を新しいタブで開くには、それをどこかに保存してからリンクを作成する必要があります。このdocを削除したり、パスを変更したりすると、ブログ記事のリンクも無効になってしまいます。そして、それぞれのリンクを監視するのも、これまたかなり手間のかかる作業です。</li>
<li>2つ目のシナリオは、Word文書を直接ダウンロードするためのハイパーリンクです。新しい訪問者や、自分のマシンにダウンロードされるものすべてに常に注意を払っているデジタルセキュリティオタクは、あなたが悪意のあるコンテンツを配布していると考えるかもしれません。</li>
</ul>
<p>これに対して、埋め込み型のWord文書はWordPress（または他のCMS）に保存され、訪問者はファイルをダウンロードすることなく、コンテンツにすぐにアクセスすることができます。</p>
<div class="useful-links">
<h3><strong>お役立ちリンク</strong></h3>
<p><a style="font-size: 16px;" href="https://www.onlyoffice.com/office-for-wordpress.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener"><u>ONLYOFFICE &amp; WordPressの連携</u></a></p>
<p><a href="https://www.onlyoffice.com/app-directory/wordpress?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener"><u>エディタ用のWordPressプラグイン</u></a></p>
<p><a href="https://www.onlyoffice.com/app-directory/html?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener"><u>HTMLプラグイン</u></a></p>
<p><a href="https://www.onlyoffice.com/all-connectors.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=word_in_html" target="_blank" rel="noopener"><u>連携一覧</u></a></p>
</div>

HTMLにWord文書を埋め込む方法は？

最新情報

ONLYOFFICEのリセラーであるDhordeが、お客様により良いドキュメントコラボレーションソリューションを提供するために、どのような工夫をしているか

【2023年】あらゆるテイストに対応するデジタルプランナー10選

Confluence Cloud用ONLYOFFICE公式コネクタがリリース！