この記事では、アメブロの記事複製・コピーの方法について紹介します。

記事複製はその名の通り、過去の記事をまるごと複製する機能です。

過去記事の内容をワンクリックで複製して、新記事で使うことができます。

もちろん、PCスマホどちらでもOK。

あめっくま

便利な機能なので、どんどん使いましょう！

過去記事を複製すると新記事の作成が簡単

複製機能で過去記事を全部コピーして、新記事でも使う部分を残す利用方法が一般的です。

例えば記事下定型文など毎回繰り返し使う部分をすぐに利用できます。

そして新記事の本文だけを書き換えるということですね。

イメージは下記の通り。

定型文など繰り返し使う部分は、毎回作る必要がなくなります。

あめっくま

囲み枠・ボタン・見出しなども複製されるので、過去に使ったデザインをそのまま使えるのが強みです。

当ブログのアメブロ版で、実際に記事複製を使って作成した見本記事を下記に紹介します。

複製元の記事（過去記事）：

複製された記事（新記事）：ただ今作成中

あめっくま

それでは記事複製の方法をPC・スマホそれぞれで紹介しますね。

【パソコン版】記事複製・コピー方法

PCでアメブロを作成する場合の、記事複製の仕方を解説します。

「ブログ管理画面」⇒「記事の編集・削除」を選んで、記事の一覧を表示して下さい。

下記のように複製したい記事で、「複製」ボタンをクリックしましょう。

すると下記のように、複製された記事が作成されます。

これで複製完了！

タイトルの一番最初に【複製】と書いてあるのが目印ですね。（複製の文字は消してOK）

なお、この段階では下書きです。

あとは複製された記事を開き、新記事用に中身を書き換えて・公開すればOK。

くますけ

複製は簡単だね！

あめっくま

記事複製の注意点は、後半で解説するね。

【スマホ・アプリ版】記事複製・コピーのやり方

スマホアプリの場合も簡単に複製できます。

【補足】
2021年2月よりスマホアプリでも記事複製の機能が追加されました。

アメーバスタッフ『【新機能】iOSアプリで記事の複製ができるようになりました』

いつもAmebaをご利用いただき誠にありがとうございます。Amebaの大西です。 これまで、PCのみで提供していた「記事...

ameblo.jp

スマホでは定型文を作るなどの複雑な作業が面倒ですよね。

過去記事を複製して必要な部分だけ使いまわせば、普段の記事作成がサクサク進みます。

ブログ管理画面から、「記事の編集・削除」を選んで下さい。

続いて、複製したい記事の右側にある「・・・」をタップします。

下記のように、「複製」をタップしましょう。

すると複製された記事が作成されます。

これで複製完了！

こちらもタイトルの一番最初に【複製】と書いてあるのが目印ですね。（複製の文字は消してOK）

なお、この段階では下書きです。

複製された記事を開き、新記事用に中身を書き換えて・公開しましょう。

くますけ

スマホでも簡単だね！

あめっくま

事前にPCで複雑な定型文を作っておくのも便利だよ。普段のスマホでの記事作成は、複製機能を使ってサクッと書けるからね。

記事複製の注意点

便利な記事複製機能ですが、下記の注意点もあるので確認しておきましょう。

複製するとテーマ（カテゴリー）やハッシュタグも全て同じになりますが、もちろん変更は可能です。

記事ごとに変わる可能性が高い部分なので、確認・変更を忘れずに！

くますけ

記事ごとにしっかりと考えたい部分だよね。

またカバー画像は複製しても引き継がれません。

記事一覧・リンクカード・リブログ・ランキングなど、多くの場所で表示されますよね。

そのため、カバー画像は「アメブロのアクセス数がUPするテクニック」の1つ。

各記事でクリック率が上がる画像を用意して、アクセスUPにつなげることが大事ですね。

 工夫でアクセスが増える！

効果絶大！アメブロのカバー画像・アイキャッチの設定と推奨サイズ

この記事ではアメブロにアイキャッチ画像・カバー画像を設定する方法と効果を解説します。カバー画像を設定すれば様々な場所で表示されるので、読者のクリック率が上がります。ブログ集客のポイントになるので、記事に入れておきましょう。

nk-media.org

 アクセスUP手法を全部公開！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

あめっくま

複製を利用する場合でも、記事ごとに最適なカバー画像を用意しましょう。

この記事ではアメブロで記事内で「画像」または「ボックス」を、真ん中に配置する方法を解説します。

「画像・写真」と「囲み枠などのボックス」では、センタリングの方法が違うので確認しておきましょう。

くますけ

中央に配置したい時ってあるよね。どうするんだろ・・・

あめっくま

とても簡単にできるよ。サクッと配置しよう。

写真や画像を中央寄せ

写真や画像を真ん中に寄せるのは簡単です。

センターに配置したい画像をクリックします。

サイズ・貼り付け位置・代替テキストを設定できるボックスが出るので、「中央寄せ」のアイコンをクリックして下さい。

すると下記のように、写真が真ん中に配置されます。

「左寄せ」のアイコンをクリックすれば、元通り左側に配置されます。

くますけ

画像の中央寄せは簡単だね。

なお写真やイラストなどの画像を使う時は、「画像の軽量化」と「代替テキスト」の入力を必ず行いましょう。

検索エンジンからのアクセス数に影響が出るので、画像を使用する時は必須の設定ですね。

あめっくま

画像を使う時は軽量化と、代替テキストを忘れずに！

ボックスを中央寄せ

ブログ記事でボックス枠を使うのは、「読者の途中離脱を防ぐ」・「申込者数を増やす」ために大事の手法ですよね。

ボックスの幅を100%から狭くした場合に、中央寄せしたいというケースもあります。

あめっくま

ボックスの場合は、画像と方法が異なります。

実例で紹介

例えば下記のような、幅を狭くしたボックスを真ん中に配置します。

ちなみにこのボックスを使う時のコードは以下のとおりです。（コードの意味は分からなくても大丈夫）

<div style="max-width: 250px; border: 2px solid #eb6ea5; background: #fbe4ee; box-shadow: 3px 3px 6px -2px #555; padding: 15px;">
<p style="margin: 0;">ここに文章</p></div>

中央寄せする時は、「margin: 0 auto;」というコードをコピペするだけ。

<div style="max-width: 250px; border: 2px solid #eb6ea5; background: #fbe4ee; box-shadow: 3px 3px 6px -2px #555; padding: 15px; margin: 0 auto;">
<p style="margin: 0;">ここに文章</p></div>

赤線が追加したコードです。加えると、下記のように中央に移動します。

くますけ

コードを加えるだけでいいんだね。

例えば下のような「黒板風のボックス」も中央寄せが可能です。

ちなみにこのボックスのコードは以下のとおりです。（コードの意味は分からなくても大丈夫）

<div style="max-width: 280px; border: 8px solid #aa6600; background: #104300; color: #ffffff; box-shadow: 2px 2px 4px #999999, 2px 2px 2px #002200 inset; padding: 15px;">
<div style="text-align: center; margin-bottom: 0.5em;"><span style="border-bottom: 1px solid white;">タイトル部分</span></div>
<ul style="margin-left: 20px; padding-left: 0px;">
    <li style="margin-bottom: 1em;">箇条書き1</li>
    <li style="margin-bottom: 1em;">箇条書き2</li>
    <li style="margin-bottom: 1em;">箇条書き3</li>
</ul>
</div>

「margin: 0 auto;」のコードを追加すると、下記のように中央に寄りますね。

真ん中に配置した時のコードは下記のとおりです。

<div style="max-width: 280px; border: 8px solid #aa6600; background: #104300; color: #ffffff; box-shadow: 2px 2px 4px #999999, 2px 2px 2px #002200 inset; padding: 15px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 0.5em;"><span style="border-bottom: 1px solid white;">タイトル部分</span></div>
<ul style="margin-left: 20px; padding-left: 0px;">
    <li style="margin-bottom: 1em;">箇条書き1</li>
    <li style="margin-bottom: 1em;">箇条書き2</li>
    <li style="margin-bottom: 1em;">箇条書き3</li>
</ul>
</div>

赤線が追加したコードで、方法は同じです。

幅を調整したボックスは、中央寄せする方が見やすい場合があります。ちょっとした工夫が大事ですね。

あめっくま

コードが複雑なボックスは「うまくいかない」場合もあるかもしれません。困ったら記事下コメント欄から質問して下さいね。

当サイトではアメブロ向けのボックスを、数多く用意しています。

全てコピペでだけで簡単に使えるので、「読みやすい記事」・「印象に残る記事」にするために使いましょう。

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org