Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでコピー&ペーストする方法。

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

最近、読者からWordPressに項目をコピー&ペーストする際に、書式の問題を起こさない方法を尋ねられました。

デスクトップアプリやウェブページからコンテンツをコピー&ペーストしていると、不要なフォーマットもペーストしてしまうことがよくあります。これはWordPressテーマのフォントや色と一致せず、単に奇妙に見えます。

この投稿では、不要な書式やスタイルを使わずにWordPressにコピー&ペーストする方法をご紹介します。

Copying and pasting text into WordPress

WordPressでコピー&ペーストを理解する

コピー&ペーストとは、テキストをある場所から別の場所にコピーすることで、すべて入力し直す必要はない。

文書やウェブページからテキストをコピーするには、マウスを使ってそのテキストをハイライトする必要がある。次に、右クリックしてメニューから「コピー」を選択します。

または、キーボードショートカットのCtrl+C(MacではCommand+C)を使って、ハイライトされたテキストをコピーすることもできます。

Copying text from your Word document by highlighting it and right-clicking

WordPressにテキストを貼り付けるには、右クリックしてメニューから「貼り付け」を選択するだけです。

キーボードショートカットのCtrl+V(MacではCommand+V)でコピーしたテキストをペーストすることもできます:

Pasting your copied text into WordPress

テキストをコピーすると、テキストの書式も一緒にコピーされます。問題なのは、望まない書式がコピーされてしまうことです。

この不要な書式設定は、他の端末でのテキストの表示に影響を与える可能性があります。

WordPressユーザーの中には、コピー&ペーストを完全に避ける人もいる。その代わりに、WordPressサイトに直接投稿の下書きをするのだ。

しかし、Microsoft WordやGoogle Docsなど、区切りの良いツールを使って下書きをすることを好むかもしれません。これならオフラインで作業できますし、出版前にコメントやリビジョンのために作品を共有するのも簡単です。

また、不必要なフォーマットを追加することは、ページサイズに影響し、サイトスピードの低下を意味するため、避けることが不可欠です。

そこで、WordPressでテキストをコピー&ペーストする方法について、究極のガイドを作成しました。リンクから必要なセクションに直接ジャンプできます:

WordPressからWordPressへコピー&ペーストする方法(ブロックエディター)

Microsoft Wordからテキストをコピーするのはとても簡単だ。

何年もの間、WordPressではWordドキュメントのリッチ(フォーマットされた)テキストをそのままエディターにコピーすることができた。これは、Microsoft Wordで投稿を書いたりフォーマットしたりするのが好きな人には大きな利点です。

WordPressにWordから投稿をコピーすると、見出し、太字や斜体のテキスト、リンク、リストなどの要素を保持することができます。色やスペーシングなどの設定オプションは破棄されます。

WordPressにコピーする文書です:

The Word document that we will be copying into WordPress

この文書は、投稿のサブセクションのために2つの見出し2の小見出しでフォーマットされています。太字と斜体のテキスト、箇条書きリスト、リンクがあります。

Word文書からすべてのコンテンツをコピー&ペーストし、WordPressのブロックエディターに貼り付けるだけです。

The text from Word has now been copied into our WordPress post

一部のフォーマットがコピーされていないことに注意してください。画像は省略されていますが、WordPressは正しい位置に画像ブロックを作成しています。

ヒント小見出しの作成には、必ずWordの「見出しスタイル」を使いましょう。テキストをハイライトしたり、フォントサイズを手動で大きくしたりしないでください。

テキストが正しくコピーされているか確認したいですか?この投稿の後半にある、書式エラーのチェックと修正の手順に従ってください。

GoogleドキュメントからWordPressへのコピー&ペースト方法(ブロックエディター)

Googleドキュメントは非常に人気のあるワープロツールです。Wordと同じように、GoogleドキュメントからWordPressのブロックエディターにコピー&ペーストするのは簡単です。

これがGoogleドキュメントで作成したテキストです。上でマイクロソフト・ワードで使った文書と同じです。

The Google Doc with the text we're going to copy

Googleドキュメントのテキストをコピーするには、キーボードのCTRL+Cキーを使用するか、右クリックメニューから「コピー」オプションを選択します。

その後、ブロックエディター内にテキストを貼り付けるだけです。WordPressは自動的に正しい見出しサイズとコンテンツ用のブロックを使用します。

The Google Docs text in the WordPress block editor

この時、画像はWordPressにも表示されます。

ただし、WordPressのメディアライブラリにはアップロードされず、Googleドライブアカウントから直接表示されます。

WordPressサイトに画像をダウンロードし、手動でアップロードする必要があります。

クラシックエディターを使ったコピー&ペースト

WordPressにテキストをコピー&ペーストした後、書式エラーに悩まされていませんか?それなら、古いクラシックエディターを使っている可能性が高い。

クラシックエディターはWordドキュメントをうまく扱い、不必要なコードを追加することはないはずだ。しかし、Googleドキュメントからコピーしたテキストはうまく扱えない。

Googleドキュメントのテキストをクラシックエディターに貼り付けるとこうなる:

The Google Docs text copied into the classic editor

見出し、リンク、太字、斜体のテキストはすべて正しく見える

しかし、目に見えないところで余計な書式が追加されている。

コピー&ペーストの書式エラーの確認と修正方法

書式エラーをチェックし、修正する方法を見ていきましょう。

WordPress投稿のテキストはすべて、HTML(ハイパーテキスト・マークアップ言語)を使ってフォーマットされています。HTMLタグは、特定の方法でフォーマットされた単語を囲みます。

例えば、WordPress投稿の太字テキストは、HTMLコードでは次のようになります:

There is <strong>bold text</strong> in this sentence.

太字」の文字は太字で表示される。

コピー&ペースト後のフォーマットエラーをチェックして修正するには、投稿フォーマットのHTMLコードをチェックする必要があります。

ブロックエディターでHTMLコードをチェックする

ブロックエディターでは、どのブロックのHTMLコードも簡単に表示できます。まず、ブロックをクリックします。次に、ブロックのメニューの右側にある3つの縦の点をクリックします。

ドロップダウンメニューが表示されます。ここで「HTMLとして編集」オプションをクリックします:

Switching to the HTML view of a block in WordPress

ブロックのHTMLコードが表示されます。ブロックエディターでは、通常、不要な書式は追加されていないはずです。

ここでは、段落は正しく開始<p>タグで始まり、終了</p>タグで終わる。

太字の文章も正しい。<strong>タグで始まり、</strong>タグで終わる。

Viewing the HTML code for your block in the block editor

ブロックの通常表示に戻るには、縦に並んだ3つの点をもう一度クリックするだけです。

次に、『視覚的に編集する』オプションを選択する。

Switching back to the visual view of your block

クラシックエディターでHTMLコードをチェックする

クラシックエディターでは、投稿のテキストを含むボックスの上部にある「テキスト」タブをクリックすると、投稿のHTMLコードを簡単に表示できます。これはGoogleドキュメントからコピーした投稿のHTMLコードです:

Viewing the HTML code of your post in the classic editor

ここでのspanタグは余分で不必要なコードだ。

また、太字テキストと斜体テキストは、<strong>の代わりに<b>タグを、<em>の代わりに<i>タグを使用してフォーマットされます。一般的には、<strong>タグと<em>タグを使うのが最善とされています。これらは、視覚的なスタイルだけでなく、言葉に意味的な意味を与えるからです。

比較として、GoogleドキュメントではなくWordからクラシックエディターでコピーした場合のコードを示します。不要な書式タグはなく、太字と斜体も正しくレンダリングされている。

The HTML code produced when copying a document from Word into the classic editor

Googleドキュメントから投稿をコピーした場合は、HTMLコードを調べて手作業でフォーマットを修正する必要があります。この場合、つまり

  • <span style="font-weight: 400;">と </span>タグをすべて削除。
  • すべての<li style="font-weight: 400;">を <li>だけに変更する
  • <b>と </b>を <strong>と </strong>に変更する
  • <i>と </i>を <em>と </em>に変更する

プロセスをスピードアップするには、まずHTMLコードをコピー&ペーストしてテキストエディターに貼り付ける必要がある。

そして、「検索と置換」を使って不正な書式を変更するだけです。メモ帳を使った例を挙げよう。<li style="font-weight: 400;">をすべて見つけ、<li>に置き換えています:

Using Notepad to quickly and easily correct the unwanted HTML code

間違った書式をすべて置き換えたら、テキストをコピー&ペーストしてクラシックエディターのテキスト表示に戻すだけです。

このように見えるはずだ。

The corrected formatting code in the classic editor

プレーンテキストのコピー&ペースト

プレーンテキストとは、書式のないテキストのことです。誤った書式設定の可能性を避けるため、プレーンテキストをコピー&ペーストすることをお勧めします。

これは、他のサイトからテキストの一部をコピーする場合にも非常に便利な設定です。例えば、あなたのコンテンツに誰かの言葉を引用する場合などです。

ブロックエディターでのプレーンテキストのコピー&ペースト

WordPressのブロックエディターには、プレーンテキストを貼り付けるボタンやオプションがありません。しかし、自分で簡単にできます。

最も手っ取り早い方法は、キーボードショートカットのCtrl+Shift+V(PC)またはCommand+Shift+V(Mac)を使ってテキストを貼り付けることです。これで自動的にプレーンテキスト形式で貼り付けられます。

Plain text pasted into the block editor using the Ctrl+Shift+V command

オプションとして、プレーンテキストとして貼り付ける設定を提供しているブラウザーもあります。

Google Chromeをお使いの場合は、右クリックして「プレーンテキストとして貼り付け」オプションを選択するだけです:

Right click and use the "Paste as plain text" optin in your browser

どちらの方法でも、プレーン・テキストを個別段落ブロックに貼り付けることができる。

クラシックエディターでのプレーンテキストのコピー&ペースト

クラシックエディターにプレーンテキストを貼り付けるには、まずツールバーのトグルボタンをクリックする必要があります:

The toolbar toggle button in the WordPress classic editor

あとは「テキストとして貼り付け」アイコンをクリックするだけだ。

クリップボードにTの文字が書いてあるように見える:

Use the 'Paste as text' WordPress button to toggle plain text mode on

ペーストされたテキストは、書式が削除されたプレーンテキストモードでペーストされます。

Googleドキュメントからテキストを貼り付けるとこうなる。見出し、太字、斜体、箇条書き、リンクがすべて削除されています:

The Google docs text pasted as plain text in the WordPress classic editor

プロのヒントWordPressサイト全体をコピー&ペーストしてクローンする

上記の初心者向けガイドではコピー&ペーストの基本的な使い方を紹介したが、WordPressには高度なコピー&ペーストやクローン作成機能も多数用意されている。

例えば、7つの簡単なステップでWordPressサイト全体を簡単にクローンすることができます。

WordPressのページや投稿の複製を個別クリックで作成する方法もある。

ブロックエディターを使用している場合、複数の投稿で使用できる再利用ブロックを作成することもできます。

この投稿が、WordPressでコピー&ペーストする方法を学ぶのにお役に立てば幸いです。WordPressのコンテンツエディターを使いこなすためのヒントや、エキスパートが選ぶすべてのサイトに必須のWordPressプラグインもお勧めです。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

20件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    If I have problems with text formatting, I use CTR+C and then CTR+SHIFT+V under Windows. When text is pasted into WordPress with the help of the SHIFT key, it is pasted without formatting and I can then edit it myself as I wish.

  3. Teresa Cuervo says

    This is a great post! I usually do the cutting and pasting from Word for one reason, before I ever hit the Publish button in WordPress, I make quite a lot of revisions and every update that I make, even if it is a comma, it gets stored on the database occupying unnecessary space. But the format was an issue so this post cleared it out for me.

  4. Rosemary says

    Could you tell me why when I paste from a word document onto block editor on my mac that the image block doesn’t appear as suggested in your article? I’ve been copying and pasting block by block which is very time consuming. It would be great to solve the problem of not having to this when copying from Word.
    Thanks a lot

  5. Muhammad Ishfaq says

    Pretty informative article, like always learned a few important things. But my problems is that I blog in Urdu which is a right to left language. When I right an article in MS Word, I simply choose RTL and it works great, but when I paste it into WP Editor it automatically turns it left to right. So I have to set the formatting all over again. What should I do? Change the Word Press language ?

    • WPBeginner Support says

      That is a personal preference question, as the block editor is the current default it would be better to learn that one normally

      管理者

  6. Trinidad Pascual says

    Now, I understand how to use and apply the copy and paste in the article. Thank you for this information..

  7. Paul says

    I always write pages and posts in a plain text editor (such as Notepad) and then paste that into the WordPress editor before styling it.

  8. The 'Staunch says

    Thanks for this guide on how to paste plain texts in WordPress editors.

    I never noticed the feature on classic editor though, now i can easily write and edit texts very well on WordPress.

  9. Malati Shankar says

    Thank you for the post. It’s very useful and informative.
    Could you please help in coping and pasting the ad code in my WordPress site?

  10. Kurt says

    I usually copy and paste to a text editor first when I want to avoid formatting issues when copying and pasting into any application.

    • WPBeginner Support says

      Thanks for sharing that, the issue is some text editors add their own formatting depending on the editor.

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。