TechAcademy（テックアカデミー） WordPressコース Webデザイン WordPress サイト移行の時に便利！WordPressの記事をエクスポートする方法【初心者向け】
オーダーメイドコース
icon
icon
WordPress

サイト移行の時に便利！WordPressの記事をエクスポートする方法【初心者向け】

WordPressで記事をエクスポートする方法を解説しています。WordPressではサイト内のデータをxml形式のファイルでエクスポートすることによって他サーバー等への移転を簡単に行うことができるようになっています。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

 

WordPressではサイト内のデータをxml形式のファイルでエクスポートすることによって他サーバー等への移転を簡単に行うことができるようになっています。
エクスポートで作成されたxmlファイルは移転先で「インポート」メニューで読み込むことによってデータの移行が可能です。

ここではエクスポートの手順をWordPressに最初から設置されているエクスポートツールを使用する方法と、プラグインを使用する方法の二つで紹介していきます。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。
 

大石ゆかり

田島メンター！！WordPressのサーバーを移行しないといけなくなったんですけど、どうしたらいいですか・・・？

田島悠介

大丈夫だよ。記事とかのデータをエクスポートして、移行先にインポートするだけで移行できるから。

大石ゆかり

本当ですか！？

田島悠介

うん、とりあえずデータをエクスポートする方法を教えてあげるね。

大石ゆかり

はい！お願いします！！！

 

WordPressのエクスポート機能を使用する

管理画面の左メニュー「ツール」から「エクスポート」を選択します。

export_p_1

「エクスポートを行う内容を選択」から移動させたいコンテンツを選択します。最初の状態では「すべてのコンテンツ」にチェックが入っていますが、投稿のみ・固定ページのみ・メディアファイルのみを選んでエクスポートすることが可能です。

export_p_2

例えば、こちらのサイトから「固定ページ」だけをエクスポートしたとします。

export_p_3

記事や固定ページがひとつも公開されていないWordPressサイトに、ファイルをインポートするとこのようになります。

export_p_4

移転先にすでに他の投稿記事がある場合は、以下のように新しい方の記事はそのままで固定ページだけが置き換えられます。

export_p_5

エクスポートを行うコンテンツを選択してから「エクスポートファイルをダウンロード」をクリックするとxmlファイルのダウンロードが開始します。これでデータのエクスポートは完了です。

export_p_6

 

プラグイン「Advanced Export for WP & WPMU」を使用する

移転の際に古いコンテンツを消してしまいたい場合など、サイト内の全てでなくより限定したエクスポートを行うときはAdvanced Export for WP & WPMUプラグインを使用すると便利です。

Advanced Export for WP & WPMUをインストール・有効化したあと「ツール」→「Advanced Export」を選択します。

export_p_7

Advanced Exportの管理画面が表示されます。

export_p_8

Restrict Date：期間を設定することができます。
Restrict Author：指定の著者の記事だけをエクスポートします。
Restrict Category：指定のカテゴリだけをエクスポートします。
Restrict Content：固定ページだけ・投稿だけを選択することができます。
Restrict Status：非公開・下書きなどのステータスを選択します。公開済みの記事だけをエクスポートしたい時などに使用します。
Include Blog Tag/Category Terms：カテゴリーやタグの情報をエクスポートするか選ぶことができます。

各設定を行った後「Download Export File」をクリックするとファイルのダウンロードが開始されます。このプラグインで作成されるファイルは「エクスポート」メニューを使った時と同じxml形式なので、読み込みは「インポート」メニューから同様に行うことができます。

export_p_9

WordPressでエクスポートをする方法は以上となります。

ぜひ、WordPressの使い方を覚えましょう！

 

大石ゆかり

本当に簡単でしたね♪　ありがとうございました！

田島悠介

うん。WordPressの標準搭載されている機能でもできるし、プラグインを使うともっと複雑なデータの移行も行えたりするから、また他の案件で経験するといいよ！

大石ゆかり

はい！任せて下さい！！！

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

記事を検索

関連するキーワード

関連する記事

Slideshowの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 今回は、スライドショーで画像を表示するのに便利なプラグイン、Slidershowの...
WordPress

WP SlimStatの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグインの使い方を紹介する記事です。 今回は、WordPressのアクセス解析に便利なプラグインの1つである、WP SlimStat...
WordPress

Crazy Boneの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 今回は、WordPressのセキュリティを強化できるプラグインの1つである、Cra...
WordPress

【現役エンジニアが書籍レビュー】WebデザイナーのためのWordPressテーマストアの作り方: なぜ海外のW

この記事では、「Webデザイナーのための WordPressテーマストアの作り方: なぜ海外のWebデザイナーはテーマを作り続けるのか？」の書籍を現役エンジニア...
WordPress

WordPressで記事を投稿する方法【超初心者向け】

WordPressをとりあえずインストールしたという初心者向けの記事です。 まずは基礎中の基礎である、記事を投稿する方法を覚えましょう。  ...
WordPress

プラグインで簡単導入！WordPressでメルマガを発行できるプラグイン5選

メールマガジンを使ったマーケティング手法は今も有効な手段です。そんなメルマガをWordPress上から発行できるプラグインがあります。 ゼロからメルマガ配...
WordPress

あわせてよく読まれている記事

今さら聞けない！WordPressとは【初心者向け】｜現役エンジニアが解説

WordPressをご存知でしょうか？最近ではホームページの制作をするときにも、よくWordPressを使う場面が多くなってきています。 しかし、そもそもWordPressとは何か？と質問されたら説明するのは難しいものです。 この記事では、WordPress初心者の方でも、そもそもWordPressとはどんなものであって、どんなメリットやデメリットがあるのかが分かるように解説したいと思います。 ぜひ、WordPressの使い方を覚えましょう！   なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   大石ゆかり 田島メンター！！あのちょっと聞きたいことがあるんですけど〜 田島悠介 ん？何がわからないの？ 大石ゆかり あの、WordPressってなんですか？ 田島悠介 あぁ、WordPressかー。WordPressはCMSと呼ばれるものの一つで、プログラミングなんかをしなくても簡単にサイトを作ることができるものだよ。 大石ゆかり CMS、ですか。具体的にどういうことができるんですか？ 田島悠介 それじゃあ１つずつ説明していくね。 大石ゆかり はい♪お願いします！！！   目次 WordPressとは WordPressが人気な理由 WordPressでできること WordPressでサイト運営する上で必要なもの WordPressで作られた実際のサイト WordPressの学習方法 WordPressと一緒に使うと便利なツール WordPress利用時の注意点   そもそもWordPressとは何か WordPressとは、いわゆるコンテンツマネジメントシステム（CMS）というものです。 簡単にいうと、「ホームページの制作ができない人でも、簡単にコンテンツを管理できる仕組み」ということです。 通常、ホームページに新たに記事を追加しようとすると、HTMLという言語を勉強して、自分でコードと記事の文章を書いていかなくてはなりません。 それがWordPressの場合は、HTMLのコードがわからなくても、マイクロソフトのワードに文章を書いたり写真を挿入したりする感覚で、記事やニュースを更新していくことができます。   [PR] Webサイト制作で副業する方法とはWordPressが人気な理由 プログラミングができなくてもWebサイトが作れる 上記したように専門知識なくしてWebサイトの管理等ができますが、ここでの専門知識とは主にプログラミングに関することです。 特別な機能を持たせる開発をするような場合を除き、情報発信ができるようなメディア立ち上げをする場合にはWordPressそのものの操作に慣れるだけで作ることができるのです。 通常自分でゼロから作成しようとすると「HTML」や「CSS」、そしてもう少し華やかさや簡単な機能を加えるには、「JavaScript」や「PHP」等も知っておくと有利になりますが、WordPressを使えば全くこれらの知識がなくとも作れてしまいます。   無料である なにより、無料でこれらのシステムを使えることによって未経験者にも敷居が下がり使用者の増加に繋がっています。 しかしながら、インターネット上に公開するにはWordPressの利用とは別に、ドメインの取得やレンタルサーバーなどが必要となりこれらには当然費用が必要となります。 WordPressでできること 画像引用元：https://unsplash.com/photos/tZc3vjPCk-Q それでは、具体的にWordPressのメリットとデメリットをご紹介します。 WordPressのメリット HTMLがわからなくても自分でニュースを追加、更新できる WordPressは記事更新の管理画面が、わかりやすいインターフェースで設計されています。 そのため、直感的に記事の追加や編集、画像や動画の挿入が可能です。HTMLの知識は不要です。 Webサイトの構築が簡単 もし自分でWordPressのサイトを立ち上げたいと思った時でも、各サーバー会社が予め”かんたんインストール”という設定をしてくれている場合がほとんどです。 WordPressはデータベースという、記事のデータが入った箱から、ページの読み込みごとにそのデータを取ってくるという動きをするのですが、これらデータベースの設定も自動でサーバー会社が行ってくれます。 拡張性が高くてお手軽 たとえば、お問い合わせフォームを設置したいというときにHTMLであればCGIやPHPというものを勉強する必要がありますが、WordPressの場合はそれが不要です。 プラグインという便利な拡張機能が無料で、豊富に用意されているので、そのプラグインを”インストールする”ボタンを押すだけで実装できてしまいます。   WordPressのデメリット HTMLのサイトより表示スピードが遅い HTMLは、ページごとにコードを書いたファイルをサーバーに置いてあるだけなので、ページの表示スピードが早いです。 それに比べてWordPressは、ページの表示ごとにデータベースから、ページを構成するパーツをその都度呼び出してページを構築するため、HTMLに比べると表示スピードがどうしても遅くなってしまいます。 セキュリティの心配 WordPressはPHPというプログラミング言語でできている関係上、不正な操作や攻撃を受けやすいというデメリットがあります。 例えばログイン画面に、IDとパスワードをランダムに超高速に試されることで、不正ログインされてしまう可能性もあります。 そのため、WordPressのバージョンは常に最新にしておく必要があります。 この点は、Windows(ウィンドウズ)などのパソコンと同じです。 常にバージョンは最新のものを利用しましょう。 実際に自分でWordPressを運営したいという方は、WordPressをインストールする方法をご覧ください。 WordPressでサイト運営する上で必要なもの 画像引用元：https://unsplash.com/photos/gcsNOsPEXfs 独自ドメイン 自分のサイトを公開するには、ドメインというものを取得する必要があります。 有名なところで言うと「お名前.com」「ムームードメイン」などがあります。 初心者でもすぐ使える！ドメインが取得できるサイト10選   レンタルサーバー 誰がアクセスしてもサイトを公開させるためにはサーバーが必要です。 サーバーを自作する人もいますが、基本的にはレンタルサーバーを月額1000円程度で利用します。 レンタルサーバー比較・10選【Webサイト制作の初心者におすすめ】を参考に選んでみてください。 「ロリポップ」や「さくらのレンタルサーバー」は初心者の方にも人気です。   Webサイトのデザインテンプレート サイトの見た目を整形するデザインを用意する必要があります。 WordPressの管理画面上に用意されているものもありますが、無料で利用できるおしゃれなテーマも多いので、そちらがおすすめです。 初心者におすすめ！無料で使えるWordPressのテーマ20選【日本語対応のみ】   WordPressで作られた実際のWebサイト 画像引用元：https://unsplash.com/photos/OGOWDVLbMSc それでは、実際にWordPressで動いているサイトを6つほど紹介していきます。 AdverTimes(アドタイ) 宣伝会議の運営している広告や宣伝に関するメディアです。 記事だけでなく、FacebookやInstagramの写真を載せることもできます。   田中直染料店 オンラインショップ機能を追加しているWordPressサイトです。商品登録を、お店のスタッフの方が追加更新できるようにしているものと思われます。   浦和レッドダイヤモンズ公式サイト スポーツチームの公式ホームページでもWordPressが使われている例はいくつかあります。 過去の試合結果などを溜めておくことも、WordPressであれば簡単に行えます。   イルカ交通 名古屋の交通会社のホームページ。ニュースの定期発信にWordPressを役立てています。   渋谷教育学園渋谷中学高等学校 学校の発信するニュースを、複数のカテゴリに分割して管理しています。   TechAcademy magazine 実は、このサイトもWordPressで作られています。 こういった記事を発信していくようなサイトとの相性は非常にいいでしょう。   WordPressの学習方法 画像引用元：https://unsplash.com/photos/QklJV_Q0Pig 人気が高く利用者も多いWordPressなので、その分学習環境も整えられています。 本も多く出版されていて、また学習サイトに関しても無料で多くのサイトが公開されています。 学習サイト ドットインストール ドットインストールではWordPressの基本的な操作方法から細かい構築手順まで幅広く学ぶことができます。 ドットインストール   バズ部   こちらの特徴はWordPressの使い方全般に加えて、サイト構築後の集客等についてもまとめられているというところです。 バズ部   Webクリエイターボックス     WordPressにおけるポイントやコツなどが多く紹介されており、オリジナルテーマの作り方といった中級者以上に向けられた内容も学ぶことができます。 Webクリエイターボックス   書籍 いちばんやさしいWordPressの教本 プログラミングスキルがなくてもパソコンやスマートフォンに対応したWebサイトの完成ができるように丁寧に解説されています。   本格ビジネスサイトを作りながら学ぶ　WordPressの教科書 こちらは初級的な内容から発展的なことまで含まれており、本格的に使おうとする人に向いています。   WordPressと一緒に使うと便利なツール 画像引用元：https://unsplash.com/photos/hpjSkU2UYSU WordPressにはプラグインというツールを導入して機能を拡張することができます。 よく使われているプラグインを紹介します。   WP Social Bookmarking Light SNSへのリンクボタンを追加できるプラグインです。 現在ではWebサイトの投稿をSNSでシェアしたり、逆にSNSの投稿をWebサイトで引用したりということが当たり前に行われています。Webサイトを構築した際、早い段階で必要になるのがSNSへのリンク機能でしょう。 このプラグインは各SNSの公式のボタンを使った表示ができるのが特徴です。 WP Social Bookmarking Light   Table of Contents Plus 投稿ページが増えてくると、目次ページ（サイトマップ）が欲しくなります。 このプラグインは、長い固定ページ内の目次のほか、サイト全体の目次ページ（サイトマップ）の作成も可能です。 手作業で目次ページを作成するのと比較して圧倒的に容易ですので試してみるといいでしょう。 Table of Contents Plus   Contact Form 7 Webサイトにお問い合わせフォームを追加するプラグインです。 鉄板中の鉄板プラグインであり、とても多く利用されています。 導入が容易であり、広く利用されていることから設定方法などの情報も多く得られることができます。 Contact Form 7   WP-PageNavi ページナビゲーションを行うプラグインです。 このプラグインを導入することで、分かりやすいページ送り機能を実装することができます。 とても多く利用されているプラグインの１つです。 WP-PageNavi   All-in-One WP Migration WordPressで構築したWebサイトの移設を行うためのプラグインです。 Webサイトの設定や投稿などを全て１まとまりのファイルにエクスポートすることができます。 Webサイトをリニューアルする際に別環境にサイトのコピーを立ち上げたり、自分のパソコンでWordPressを動作させる場合など、幅広く活用できます。 またサイトのバックアップを取得するツールとしても有用です。 All-in-One WP Migration   なお、プラグインを導入すると、その分WordPressの動作も少しずつ遅くなります。 プラグインの導入は必要なものに限定し、多用しないようにしましょう。   WordPressの利用時の注意点 WordPressは便利な反面、利用する際にいくつか注意点があります。 画像引用元：https://unsplash.com/photos/iEiUITs149M ページ構成を考えておく WordPressは自由度が高いため、かなり複雑なWebサイトも構築可能です。 そのためページ構成を考えずに適当にWebサイトを構築してしまうと、収集がつかなくなってしまいます。 通常の記事で投稿するのか、固定ページと呼ばれるページで作成するのか、ページ間のナビゲーションはどうするか等、ページ構成を考えながらサイトを構築するといいでしょう。   動画や画像を多用しない 前述のとおり、WordPressには表示がやや遅いという弱点があります。 また一般的にユーザーがWebサイトのページ読み込みを待てる時間は約3秒程度と言われています。 特にWebサイトのトップページで容量の大きい画像や動画を貼り付けることは表示を遅くする原因となるため、控えるようにしましょう。 また素材自体を軽くするテクニックも様々ありますので活用するといいでしょう。 具体的には写真であれば、カメラで撮った写真のファイルはそのままでは画像サイズとファイルの容量が大きいため、画像編集ソフトでサイズを縮小する、または減色処理を行うなどの方法があります。 Webサイトがレスポンスよく表示されるよう、心がけましょう。   自動アップデートを有効にする WordPressは既定値で自動アップデートが有効になっています。 以前はアップデートによりシステムの動作が不安定になるなどの事象が発生することがありましたが、最近では安定してきていますので、自動アップデートは有効にしていて問題ないでしょう。 むしろアップデートによりセキュリティやバグ（不具合）への対応が行われますので常に最新版にしておくことが重要といえます。   必要最低限のSEO対策を行う Googleなどの検索結果でWebサイトが上位に表示されるよう対策を行うことをSEO対策と呼びます。 SEO対策は専門の会社もあるぐらいで非常に奥が深い領域です。 とはいえWebサイトの構成を整えるという意味でも、必要最低限の対策は行っておいたほうがいいでしょう。 「WordPress SEO by Yoast」というプラグインを使うと、ガイダンスに従いながらSEO対策を行うことができます。 試してみるといいでしょう。 WordPress SEO by Yoast   広告（アフェリエイト）の導入は慎重に Webサイトを構築するモチベーションの１つに広告収入（アフェリエイト）もあると思います。 しかし最初は広告を入れず、投稿を増やすことに専念したほうがいいでしょう。 広告の導入を考えているのであれば投稿のテーマや方向性を決めておくことが重要です。 投稿数が増えてユーザーの流入数が増加傾向にあることを確認できるようになったら、AdSenseなどに接続して広告導入の手続きを行いましょう。 AdSenseヘルプ – コード導入ガイド A8.net – アフェリエイトの始め方！   いかがだったでしょうか。 普段皆さんがご覧になっているウェブサイトも、WordPressで作られているかもしれませんね。 最後に、もし「WordPressって何？」と誰かに聞かれたら、「ホームページに自分で記事の追加や更新ができるツールだよ」と教えてあげましょう。 実際、どんなWebサイトが作れるのかイメージするために無料で使えるWordPressのテーマ30選も合わせてご覧ください。   執筆してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり なるほど！！結構色々なサイトがWordPressを使って作られているんですね！！！ 田島悠介 そうだね。1からコーディングしなくても簡単にデザインを作ったり記事を更新したりできるから、様々な場面で活用されているよ! 大石ゆかり 私も今度使ってみます！！ 田島悠介 うん、何かサイトを作ったら見せてね♪ 大石ゆかり はい！！頑張ります！！！   TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressコースを開催しています。 期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 オンラインの説明動画や無料体験も実施中です！まずはこちらからお気軽に試してみてくださいね。 人事・研修担当の方は、WordPress研修も提供しているので、合わせてご覧ください。
WordPress

WordPressの使い方！初心者でもサイト作成が簡単に｜現役エンジニアが解説

WordPressを使用するとデザインの変更や機能のカスタマイズ、データの管理を手軽に行える多機能なブログサービスを作成することができます。実際、このTechAcademyマガジンもWordPressを使って作られたサイトです。 他にも企業のコーポレートサイトやブログサイトなどの多くはWordPressを使われているのです。サイト作成に便利なプラットフォームなので、ぜひ使えるように理解していきましょう。 そもそもWordPressとは何なのかよく分からない方は、今さら聞けない！WordPressとは【初心者向け】をご覧ください。   なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressのことはなんとかわかったんですけど、どうやって使うんですか〜？ 田島悠介 WordPressを使うにはインストールや初期設定が必要なんだ。 大石ゆかり なんだか難しそうですね・・・。 田島悠介 きちんと手順に従えば簡単にできるよ。インストールさえしてしまえば、簡単に記事の作成とかサイトデザインとかもできるから。それじゃあ教えてあげるね。 大石ゆかり よろしくお願いします！！！   目次 WordPressのインストール手順 初期設定とインストール WordPress管理画面の基本設定 記事の投稿方法 カテゴリーとタグの管理 ユーザー管理 パーマリンクの設定 テーマの使い方 プラグインの使い方 WordPressで知っておきたいその他の設定   WordPressのインストール手順 用意するもの PHP・MySQLが使用できるサーバー(レンタルサーバーなど) 以下の条件があります。 PHP バージョン 7.4 以上 MySQL バージョン 5.6 以上 または MariaDB バージョン 10.1 以上 HTTPS対応 (2020年6月時点) FTPクライアント(今回はFileZillaを使用します) 独自ドメイン(yahoo.co.jpのように自分のサイトを公開する場合に必要です) 独自ドメイン、レンタルサーバーについては別途記事内で比較しています。合わせてご覧ください。   本体の入手とサーバーへのアップロード まずはWordPressの公式サイトのダウンロードページにアクセスしましょう。 WordPress – ダウンロード 以下のボタンをクリックしてWordPress本体をダウンロードします。 ダウンロードし、解凍した「wordpress」という名前のフォルダを任意の半角英数字の名前に変更します。ここではwpとしています。(変更せず、「wordpress」のままでもOKです) FTPクライアントを使用してサーバーに本体をアップロードします。今回はFileZillaを使用します。サーバーに接続し、WordPressを設置したい場所にフォルダごとアップロードします。 アップロードしたフォルダのある場所にアクセスします。※ ※例えばhttp://xxxx.ne.jp/に「wp」と名前変更したWordPressフォルダをアップロードした場合、アクセスする場所はhttp://xxxx.ne.jp/wpとなります。また、これがそのサイトのアドレスになります。   [PR] Webサイト制作で副業する方法とは初期設定とインストール データベースの設定を行います。「さあ、始めましょう！」のボタンをクリックします。 データベース名・ユーザー名・パスワード・データベースのホスト名を入力し、「送信」ボタンをクリックします。これらは使用しているレンタルサーバーにより設定が異なります。 以下は、レンタルサーバーのスターサーバーでの例です。(管理画面の「データベース設定」から見ることができます) パスワードはこのデータベースで設定したものを入力します。 また、データベースの文字コードは「UTF-8」にしておきます。 「インストールを実行」をクリックします。 ここではWordPressサイトの基本的な設定を行います。 また、これらの項目は全て後でいつでも変更できます。「検索エンジンがサイトをインデックスしないようにする」にチェックを入れるとサイトが検索エンジンに表示されない状態にしておくことができます。 テスト導入時などにチェックします。入力後「WordPressをインストール」をクリックします。 インストール完了のメッセージと、ログイン用のユーザー名とパスワードに関する情報が表示されます。 続いてログイン画面が表示されます。設定したユーザー名とパスワードを入力し「ログイン」をクリックします。   管理画面の基本設定 ログインするとWordPressの管理画面が表示されます。記事の投稿やサイトデザインの変更、プラグインの追加や各種設定はこの画面から行います。   サイトの基本情報変更 左メニューの「外観」から「カスタマイズ」を選択します。 「サイト基本情報」を選択します。 サイトのタイトルとキャッチフレーズはここからいつでも変更できます。   ログイン・ログアウト方法 管理画面からログアウトする場合は上メニューのユーザー名から「ログアウト」を選択します。 再び管理画面にログインするときはサイト上の「ログイン」(テーマにより表示されないものもあります)か、WordPressフォルダ内にあるwp-login.phpにアクセスすることでログイン画面に移行することができます。※ ※例えばhttp://xxxx.ne.jp/wpというサイトの場合はhttp://xxxx.ne.jp/wp/wp-login.phpがログイン画面へのアクセスになります。   記事の投稿 左メニューの「投稿」から「新規追加」を選択します。 「タイトルを追加」の部分にタイトル、「文章を入力、または…」の欄に本文を入力します。 なお、WordPressではバージョン5.0からエディタが「ブロックエディター」に変更になっています。 この記事でもブロックエディターの説明を行っています。 また、/ を入力するか、+ボタンを押すことで画像などのコンテンツを挿入することができます。 入力が完了したら「公開」ボタンをクリックすると記事がサイトに反映されます。     予約投稿の方法 「公開」ボタンを押せば、その瞬間記事として公開されますが、中には決まった時間に公開したいと思う人も多くいるでしょう。 公開ボタンを押した画面の下に表示されている「公開：今すぐ」をクリックします。 カレンダーが表示され、日時を自由に決めることができます。 トップページには出したくないから過去の記事として公開したい、明日の9時に公開したいので、予約投稿にする際に便利です。 今より先の時間に設定すると、「公開」から「予約投稿」というボタン名に変わります。 設定した時間になったら自動的に公開されるので、時間に合わせて手動で公開する必要がなく便利な機能でしょう。   カテゴリとタグの管理 WordPressでは投稿した記事を分類するために、カテゴリーやタグを利用することが出来ます。一般的に、カテゴリーは、記事を大まかにグループ分けする場合に使われ、タグはさらに細かく分ける場合に用いられています。 WordPressで投稿する記事は、必ずカテゴリーを選択しなければなりませんが、タグは必ずしも設定しなくてもよいことになっています。 新規カテゴリーの作成方法 ログインした後、「投稿」から「カテゴリー」を選択すると、カテゴリー新規追加、既存のカテゴリー編集の画面が開きます。 名前にカテゴリー名を書いて、下のほうにある新規カテゴリーを追加ボタンを押すと、新規カテゴリーが追加されます。 スラッグというのは、カテゴリーのアドレスにつける別名みたいなものです。スラッグを設定しない状態で、未分類のカテゴリー一覧の記事を表示した場合、アドレスが以下のようになります。 http://あなたのHPのURL/category/%E6%9C%AA%E5%88%86%E9%A1%9E/ ブラウザのURLを見てみると、 http://あなたのHPのURL/category/未分類/ と表示されていますがそれはブラウザが気を利かせて、日本語に変換してくれただけで、本当はURLエンコードされた日本語文字列になっています。コピーしてテキストエディタや掲示板などの入力欄に貼り付けるとわかります。 未分類のカテゴリーに対して、not-categoryなどのスラッグをつけると「http://あなたのHPのURL/category/not-category/」でアクセスできるようになります。 また、カテゴリーに親カテゴリーを指定することで、カテゴリーに階層構造を持たせることも出来ます。   新規タグの作成方法 ログインした後、「投稿」から「タグ」を選択すると、タグの新規追加、既存のカテゴリー編集の画面が開きます。 タグもカテゴリーと同じで、スラッグを利用することが出来ます。タグは、記事投稿時に複数設定することが出来るので、該当するものを設定しましょう。   ユーザー管理 WordPressでは、複数人で管理することも出来て、それぞれ権限を設定することでセキュリティを向上させることが出来ます。 管理画面のユーザーをクリックすると、新規登録・編集画面になります。 権限グループごとに何ができるのか 新規追加の前に、権限について見ていきます。権限には以下の5種類のグループがあります。 購読者 WordPressにログインすることが可能。プロフィールの変更が出来る 寄稿者 記事を投稿できる。ただし、編集者や管理者が許可しない限り公開状態には出来ません 投稿者 記事を投稿できるが、他のユーザーが作成した記事は扱えないことと、固定ページ作成は出来ない 編集者 他のユーザーが作成した記事や固定ページなども扱えるが、デザインやプラグインなどWordPressの設定に関わるものは扱えない 管理者  全ての権限がある となっています。寄稿者は記事を投稿できるものの、公開状態にするには編集者以上の権限を持つユーザーの許可が必要。 投稿者は、記事を投稿できるものの、カテゴリーなどの作成や管理権限が必要なもの、他のユーザーが作成した記事の編集は行えません。 編集者は、ほとんど全ての作業が可能ですが、設定にかかわるものは変更できないです。管理ユーザーに権限を設定することで、複数人の管理人がいてもセキュリティが守られるようになっています。   新規ユーザーの登録方法 管理画面の「ユーザー」をクリックすると、登録されているユーザー一覧が表示されます。ページトップに「新規追加」ボタンがあるので、こちらをクリックしましょう。   必要な情報を設定した後、権限を決めて追加ボタンを押すと追加できます。 権限を間違えると、全ての記事が削除されてしまう恐れもあるので注意が必要です。   ユーザーの削除方法 管理者の権限を持つユーザーでログインすると、削除することが出来ます。   パーマリンクの設定 パーマリンクでは、記事ページなどのURLをカスタマイズすることができます。「設定」から「パーマリンク設定」でパーマリンクの編集を行うことができるので、確認してみましょう。 URLとは、通常であれば、ファイルの場所を示しています。例えば、URLが http://ほにゃらら.com/aisatsu/ohayou.html だった場合「aisatsu」というフォルダの中の「ohayou.html」というファイルの情報が返されます。 ところがWebサーバーの設定でこれを変更することが出来ます。WordPressのインストール先のフォルダに.htaccessファイルがあります。 中身について詳細は解説しませんが、要求したファイルやフォルダがない場合、全てのアクセスを「index.php」というファイルに集める、という設定になっています。index.phpにアクセスを集めて、ブラウザのアドレスから判断して、プログラムでデータベースから検索して結果を表示しています。 WordPressのデフォルトの設定では、2020年6月24日に投稿した場合のURLは、 http://あなたのURL/2020/06/24/hello-world/ などのようになっています。この/2020/06/24/hello-world/の部分が、パーマリンクになります。デフォルトでは、日付と投稿名でデータベースから記事を取得しているようです。 この部分をある程度自由に変更することが出来ます。   パーマリンクの変更 パーマリンクを変更した場合、どのようにURLが変わるのかを見てみます。パーマリンクの設定の変更画面は、管理画面から設定、パーマリンク設定をクリックします。 デフォルトの状態は、日付と投稿名です。2020年の6月に投稿した記事であれば、 /2020/06/投稿した記事のタイトル/ というURLになります。 基本に設定すると「/?p=123」という、記事に設定されている番号が付けられます。これはデータベース上で管理されている、その記事唯一の番号です。 月と投稿名だと「/2020/06/投稿した記事のタイトル/」になります。数字ベースだと「/archives/123」といった形になります。 投稿した記事のタイトルだけという設定もあり「/投稿した記事のタイトル/」というURLにすることも可能です。   パーマリンクのカスタム構造 パーマリンク設定では、自分でカスタマイズすることもできます。構造タグというものを使用します。詳しくは使い方を参照してください。 カテゴリーベースを変更することも出来ます。カテゴリーベースのところを.(ドット)にすると「/category/カテゴリー名/」になるURLが「/カテゴリー名/」に短縮することも出来ます。 ただし、その場合投稿記事のパーマリンクが「/記事のタイトル/」になっていた場合、重なる可能性があります。記事の投稿名がhello-worldで、カテゴリーにhello-worldがあった場合どうなるでしょうか？ どちらも http://あなたのURL/hello-world/ でアクセスできてしまいます。この場合、投稿した記事が優先して表示されてしまい、カテゴリー一覧が表示されなくなるので注意が必要です。   テーマ WordPressは「テーマ」という機能によりサイトのデザインを簡単に変更することができます。各種テーマは公式が作成したものやユーザーが公開しているものが使用できます。 個人や企業でWordPressのテーマを作っているところも多いので、費用をかけなくても十分整ったサイトを作ることができるはずです。   テーマの変更方法 左メニューの「外観」から「テーマ」を選択します。   インストール済みのテーマの一覧が表示されます。上の「新規追加」かテーマ一覧内の「新しいテーマを追加」をクリックします。   テーマは新着や人気順から探せる他、右上の「テーマを検索」からキーワードを指定して見つけることができます。   テーマをインストールし、一覧画面から「有効化」をクリックするとサイトに反映されます。   テーマの例 「WP Portfolio」テーマは、ポートフォリオ作成に適したテーマです。記事作成時にアイキャッチに指定した写真やイラストなどを一覧できるため作品を見せやすくなっています。   おすすめのテーマ 各シチュエーションで使えるWordPressのテーマを紹介します。 国内ではブログサイトやコーポレートサイトをWordPressで利用している企業が多いですが、海外ではECサイトなどもテンプレートが用意されているので、ぜひ使ってみてください。 以下では、ブログサイト、ECサイト、コーポレートサイトに分けてそれぞれ人気のテーマを紹介しています。 ブログサイト アルバトロス かなり多くのブロガーが利用しているオープンケージのWordPressのテーマ。その中でも王道のアルバトロスをおすすめしたいと思います。 有料ではありますが、技術的なスキルが全くない人でも簡単におしゃれなWebサイトを作れるのが大きな特徴です。 カスタマイズもかなり自由に行えますし、一度買ってしまえばずっとサイトを運営できるので、多くのブロガーから人気なのでしょう。 アルバトロス   賢威 SEOに強いブログ・サイトを作りたい方におすすめのテーマです。ウェブライダーという様々な企業のSEOコンサルを担ってきた会社が開発を行っています。 サイトのテーマだけでなく、SEOに関するマニュアルも載せているので、集客にも力を入れたい人にとっては一石二鳥なテーマになるはずです。 賢威   Riba Lite 画像のサムネイルが大きくバックに表示されているタイプのサイトです。カメラでよく写真を撮ったり、トップページで写真を強調させたいときにおすすめのテーマです。 ダウンロード / DEMO   Hueman よく見るニュースサイトのような作りになっているテンプレートです。サイドメニューも充実しており、どこに何を置くか難しい技術を使わなくても選択するだけで設定することができます。 個人のブログサイトとしても活用できるので、ぜひ活用してみてください。 ダウンロード / DEMO   ECサイト Shop Isle wordPressでECサイトを構築する際は、WooCommerceプラグインを使うのが定番です。WooCommereに特化したテーマの1つがShop Isleです。 様々な効果を適用でき、ECサイトだけでなくビジネスサイトとしても活用できます。より高機能のPRO版も存在します。 ダウンロード / DEMO   YITH Proteo ファッションやアパレル系のECサイトにおすすめです。 カテゴリも細かく設定できますし、洋服などを販売する際に写真にマウスオーバーすると他の写真も出てくるといった仕掛けもあります。 スマホで見るとカートに入っているアイテム数、購入金額がトップで確認できるのでユーザーとしても使いやすいでしょう。 ダウンロード / DEMO   Fukasawa 白を基調としたデザインでより一層アイテムを引き立てるテンプレートでしょう。商品自体も白をバックに写真を撮っているので、シックな印象を与えますね。 ブランディングとしての見せ方としても使えるのでおすすめです！ ダウンロード / DEMO   コーポレートサイト Zelle PRO WordPressのテンプレートの中でも非常に多機能で、出来ないことは無いんじゃないかというくらい多くのことを実現できるはずです。 また、デザイン面でもスクロールすると横からフォームが出てくるパララックス仕様になっており、おしゃれにも見えるでしょう。 ダウンロード / DEMO   Sydney 画像がディスプレイいっぱいに表示されたインパクトの大きいテンプレートです。 トップページに会社情報、事業内容、メンバー、SNSアカウント、ニュースなど多くの情報も載せられるのでスクロールしていて飽きが来ないでしょう。 ダウンロード / DEMO   他にも初心者におすすめの無料で使えるWordPressのテーマを紹介しているので、合わせてご覧ください。   プラグイン WordPressではプラグインという拡張機能を使うことによってサイトにさまざまなシステムを追加することができます。 アクセス解析を行うものや問い合わせフォームを追加するもの、スライドショーを表示させるものなどさまざまなプラグインがあります。   プラグインの検索とインストール 左メニューの「プラグイン」から「新規追加」を選択します。   テーマのときと同様に、新着順や人気順・キーワードでの検索でプラグインを探すことができます。「今すぐインストール」ボタンをクリックするとプラグインがWordPressにインストールされます。 インストールされたらすぐに利用できるわけではなく、まず有効化をしなければなりません。   プラグインの有効化 左メニューの「プラグイン」から「インストール済みプラグイン」を選択します。   インストールされているプラグインの一覧が表示されます。使用したいプラグインの「有効化」をクリックします。   プラグインの例 SNSボタンのプラグイン 「Social Media Feather | social media sharing」プラグインを使用すると、サイトの記事にFacebookやTwitterなどの共有用アイコンを追加することができます。 利用するサービスやアイコンの大きさなども自由にカスタマイズが可能です。記事をシェアしてもらうためにもSNSボタンはぜひとも設置しておきましょう。   記事編集で役立つプラグイン TinyMCE Advanced 記事作成をする前に必ず入れておきたいプラグインです。ビジュアルエディタに追加できる各機能を手軽に設定できます。 TinyMCE Advancedの使い方   WP Videos YouTubeやVimeoといった外部の動画を記事内に埋め込むことができるプラグインです。URLを入力するだけで追加できるので、簡単に設定できるはずです。 WP Videos   SEO対策に役立つプラグイン All in One SEO Pack SEO対策全般の設定をまとめて行えるプラグインです。 FacebookやTwitterといったSNSとの連携、SEOにおいて欠かせないタイトルタグ・ディスクリプションタグの設定も行えるので、まず最初に入れておきましょう。 All in One SEO Packの使い方   Google XML Sitemaps XMLサイトマップを作成してGoogleに更新を通知させることができます。サイトマップがあることでサイトにどんなページが存在するのかGoogleに認識させることができるので、SEOの効果も見込めます。 Google
WordPress

ITパスポート試験とは？取得するメリットや勉強のためのオススメの参考書も紹介

ITパスポート試験について解説します。WEBやIT業界に所属している人は聞いたことはあるはずです。しかしその中身まで詳しく知っているという人は少ないのではないでしょうか？ 今回はITパスポートを取得するメリットや勉強方法などを詳しく解説していきます。   なお本記事は、ITパスポート研修の実績をもとに紹介しています。   田島悠介 今回は、資格に関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 ITパスポート試験について詳しく説明していくね！ 大石ゆかり お願いします！ 目次 ITパスポートとは ITパスポートの試験概要 ITパスポートを取得するメリット 必要となる知識 おすすめの勉強法 役に立つ参考書まとめ   ITパスポートとは ITパスポートとはIPA(独立行政法人情報処理推進機構)が実施している国家試験です。通称「iパス」とも呼ばれています。ITパスポート試験はIPAが主催するIT系の国家試験で最も初学者向けとして設定されています。ITパスポートの公式サイトには以下のように記載されています。 ｉパスは、ITを利活用するすべての社会人・これから社会人となる学生が備えておくべき、ITに関する基礎的な知識が証明できる国家試験です。 つまり、システムエンジニアなどのITの専門家だけではなく、ITを利用する全ての方を受験対象としているのがITパスポートです。現在はスマートフォンやネットショッピングなど、ITが生活の隅々に広く浸透しています。ITはとても便利な反面、使い方を誤ると様々な問題を引き起こしかねません。ITパスポート試験の合格に向けて学習することでITに関する基礎知識を得ることができ、より安全にITを活用できるようになります。ITパスポートについて詳しくは公式サイトも参考にしてください。 ITパスポート公式サイト   [PR] Webサイト制作で副業する方法とはITパスポートの試験概要 ITパスポートの試験概要は以下の通りです。 項目 内容 試験時間 120分 出題数 100問 出題形式 4つの選択肢から1つを選択 試験方式 CBT(Computer Based Testing) パソコンを使っての受験 出題範囲 ストラテジ系（経営全般）：35問程度 マネジメント系（IT管理）：20問程度 テクノロジ系（IT技術）：45問程度 合格基準 総合評価点 600点以上／1,000点（総合評価の満点）分野別評価点 ストラテジ系　　300点以上／1,000点（分野別評価の満点） マネジメント系　300点以上／1,000点（分野別評価の満点） テクノロジ系　　300点以上／1,000点（分野別評価の満点）  試験会場 全都道府県から選択  受験手数料 5,700円(税込) 試験概要や詳しい出題範囲は以下で確認できます。 試験概要・出題範囲 受験の申込手順や受験手数料、支払い方法などは以下で確認できます。 受験申込手順（後半に受験手数料や支払い方法が記載） ITパスポートは情報処理技術者試験で唯一のCBT（コンピュータを利用して実施する試験方式）を採用しています。ITパスポートの公式サイトにCBTについて情報が掲載されているので確認しておくと良いでしょう。 CBT方式の受験の説明   ITパスポートを取得するメリット 前出したように、ITパスポートはITを利活用する全ての社会人・これから社会人となる学生に向けられた試験です。ITパスポートに合格することはITを利活用する基礎知識が身についていることの証明となります。 具体的にはITパスポートを取得することで以下のようなメリットが期待できます。   就職活動で有利になる 現在はほとんど全ての業種でITが利用されています。ITパスポートを持っていることで企業に対して「ITの話が通じるレベル」であることを伝えることができるため、評価点を付けやすくなります。 特にITを多く活用しているシステム開発会社などを希望する際は、ITの話が通じないと本題に入る前に面接が終了してしまう場合もありますので履歴書等を通じて必ずアピールするようにしましょう。   会社員としてITの利活用を推進できる ITパスポートでは、ITに関する技術的な知見だけではなくITの管理や経営全般についてなど、ITに関する幅広い知識を得ることができます。ITパスポートを通じて得たITの基礎知識を活かすことで、より適切な内容とコストで会社の業務にITを導入することが可能となります。 また、顧客へITの導入を提案したり、会社の中でITに関する人材育成を行うなど、その活用シーンは広がります。   社会人としての幅広い知識が身につく ITパスポートの試験範囲は、ITを軸として企業経営やセキュリティに関する事項など幅広い分野を対象としています。ITパスポートの合格を目指すことで、試験勉強を通じてそれらの幅広い知識が身につきます。 その結果は日常のコミュニケーションにおけるITリテラシーの向上やSNSの適切な活用など、多くの場面で役に立つことでしょう。   必要となる知識 ITパスポート試験は以下の分野から出題されます。 ストラテジ系（経営全般） マネジメント系（IT管理） テクノロジ系（IT技術） テクノロジ系の設問が約半数を占めますが、ストラテジ系やマネジメント系もかなりの割合を占めています。ただ、テクノロジ系やストラテジ系、マネジメント系と言っても具体的なイメージが付きづらいことでしょう。 まずは、ITパスポート試験の出題範囲はシラバスに詳しく掲載されています。 シラバス また、ITパスポート試験の過去問題は全て公開されています。 過去問題（問題冊子・解答例） ITパスポートの学習を始めるにあたり、前提となる知識は特にありません。シラバスや過去問題、後述する書籍などを参考に必要な知識を得ていくと良いでしょう。   おすすめの勉強法 ITパスポートは出題範囲も広く、闇雲に知識を得ようとするとかなり大変です。ITパスポートの勉強法としては、書籍と過去問題の組み合わせがおすすめです。   書籍の選択 自分のレベルよりもやや高い書籍を1～2冊選びましょう。その際、必ず内容を見て、レベルや記載内容が自分に合っているか確認するようにします。書店で確認したり、Amazonでサンプルを閲覧すると良いでしょう。書籍は問題と解答だけではなく、解説が掲載されているものがおすすめです。 冊数は1～2冊で十分です。冊数を増やすより、お気に入りの1冊を最後までじっくり完走したほうが効果的です。   書籍を一周する まずは書籍を最初から最後まで通して学習しましょう。どうしても分からないところは飛ばしても大丈夫です。この段階では広く全体的な知識を得るイメージで、まずは最後までやりきることを目標とします。   ひたすら過去問題を解く 上記で掲載したリンク先から過去問題をダウンロードして、ひたすら解いていきましょう。可能であれば過去5年分ぐらいの過去問題を解くことを目標とします。問題を解いたら答え合わせを行い、間違っていた部分は正解を理由を確認します。理由の確認には書籍を使い、掲載されていないものはネット検索などを活用するようにしましょう。 ひととおり過去問題を解いたら、間違った問題だけを再度解いていきます。全て正解できるようになったら完璧ですが、60%正解すれば合格なので、どうしても合わない分野や問題は「捨てる」のも戦略の1つです。   役に立つ参考書まとめ 最後にITパスポート試験の学習に役立つ参考書をご紹介します。いづれも最新の試験要項であるシラバス4.0に対応しています。   ITパスポート試験 対策テキスト&過去問題集 (よくわかるマスター) 2019年度版 ITパスポート試験 対策テキスト&過去問題集 (よくわかるマスター) 一番おすすめしたい一冊です。簡潔な文章で説明が網羅的に記載されており、かなりのページ数ながらテンポよく学習を進めることができます。また本書には、過去問題でCBT試験を体験できるDVDが添付されています。 単に過去問題を収録しているだけではなく、解答結果をビジュアルに評価する機能がついており、公式サイトから過去問題をダウンロードするよりも学習を進めやすいでしょう。   いちばんやさしいITパスポート 絶対合格の教科書+出る順問題集 （平成30年度）いちばんやさしい ITパスポート 絶対合格の教科書+出る順問題集 (絶対合格の教科書シリーズ) 初学者向けの1冊です。かなり分かりやすく説明がされています。よく出題される分野の説明と確認問題が掲載されているので、理屈を覚えながら学習できておすすめです。 説明が丁寧な分、やや網羅性が足りない感がありますので、過去問題を並行して学習を行うようにすると良いでしょう。   キタミ式イラストIT塾 ITパスポート 平成31/01年 (情報処理技術者試験) キタミ式イラストIT塾 ITパスポート 平成31/01年 (情報処理技術者試験) こちらは初学者にも馴染みやすいようにすべての解説にイラストを使用しています。これにより視覚的なイメージで情報をインプットできるので、勉強効率と理解度が上がります。 初学者向けなので基本的な部分をしっかり抑えることができますが、試験対策として問題集も合わせて取り組むと良いでしょう。   監修してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは、従来の講義型研修とは違い、実務を想定したカリキュラムで実践的スキルを短期間で確実に身につけられるITパスポート研修を展開しています。 1名〜数百名規模・業界を問わず、500社以上の企業様の研修を実施しています。 受講生一人ひとりに現役エンジニアのメンターが付き、皆様のニーズにあったサポートを行います。学習時の「わからない」を確実に解消いたします。 また、オンライン研修やリモート研修に関する記事もあります。興味のある方は合わせてご覧ください。
資格系

「Sketch vs. Figma」デザインツールとして優れているのはどちらか

本稿は、Smashing Magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、WebデザイナーであるChristian Krammer氏によって投稿されました。   UIデザインツールはこれまでにおいてかなりの人気を集めてきました。Affinity Designerや、Gravit、Sketch等の素晴らしいアプリケーションが大きく進化した一方でAdobe XD （Adobe Experience Designの略）やFigma のようなプレイヤーもこのフィールドに参入してきました。 個人的には後者に最も魅力を感じます。Sketchとの類似性から、Figmaも最初の段階から簡単に正しく理解できました。更にFigmaは簡単なファイルの共有やvector networks、「constraints」(レスポンシブデザイン向け）、リアルタイムコラボレーションのような他の使い易い競合相手とは明確に違う独自の個性があります。 この記事ではSketchとFigma 両方のアプリケーションを細部に渡り比較し、それぞれの長所がどのような点かに焦点を当てていきます。   Sketchの最大の弱点は常にAppleのエコシステムにロックインされている事です。設計するだけではなく、ファイルを開きチェックするのにもMacが必要です。WindowsやLinux上では全く機能しません。 その為しばらく経つとSketchファイルのスペックを持つ有料のサービスが現れた訳ですが、それにしても厄介で余分な手順です。 上：Sketch  下：Figma   これが恐らくFigmaが最初の段階から一線を画す理由の1つです。 すなわち、世界中基本的にどのデバイスでもFigmaはWebブラウザで使うことができます。どのインストールも一切不要です。ただChrome（又はFirefox）を開いてアカウントを作成して設計を開始するだけでいいのです。 私は以前からずっとブラウザベースのツールを躊躇していましたが、Figmaは一瞬で私の懸念を仏拭しました。Figmaは多数の要素を含みながらもSketchと同様高性能です（もし同様でなければFigmaの方がより高性能です）。 WindowsやMac用のFigmaのスタンドアローンデスクトップアプリも入手可能ですが、基本的にそれらはただのブラウザバージョンのラッパーにすぎません。それらはキーボードショートカットにより優れた一方で、常にオンライン上にいなければなりません。 勝者：Figma 理由：プラットフォームに依存しないため   ユーザビリティ（特徴的機能とユーザーインターフェース） 基本的に、FigmaはSketchのインブラウザ版と呼ぶのが最も相応しいでしょう。機能はほぼ同じ、インターフェースも似ている、キーボードショートカットでさえもほぼSketchから受け継いでいる。 もし既にSketchを知っていれば、Figmaが2016年の始めにリリースされた時にすぐに簡単に使いこなせるようになったでしょう。   Figmaはリリース当初から様々な点において改善され、いくつかの部分ではSketchを上回ってきました。 しかし、プラグインやサードパーティ・ツールとの統合、リアルデータを利用できる機能（Craft Pluginも使用して）など、欠けている機能が未だにいくつかあります。それにも関わらず、この調子で改善が進むとFigmaがSketchに肩を並べるのはもはや時間の問題でしょう。 勝者：引き分け 理由：現時点では大差はありません。しかしSketchの方があなたの仕事を効率化させる要素を持ち合わせています。   価格 Sketchは元々新しいバージョーンごとに約99USドルの初回手数料のみで発売されました。しかしやがてこのビジネスモデルは維持不可能だと判明されます。Bohemian Coding社は最近価格を定期購入が必要なモデルに変更しました。99USドルで1年間の無料アップデートが入手できます。 その後はそのまま使い続けることができるか、更に同額を支払うことでまた別の1年アップデートが行えます。 この値上がりは当初不適切なように見受けられましたが、デザイナーとしてあなたのメインツールへの99ドルの価値とは何でしょうか？そうです、大した額ではありません。 Adobe’s Creative Cloud の定期購入よりはまだ安いのです。（又、Sketchは何の問題もなく使い続けることができる一方、Creative Cloud の定期購入を辞めたらどのAdobe CC アプリも使い続けることができなくなります。）   当分の間は、Figmaは全ての人が無料で使えるようになっていますが、今年後半には変わってくるでしょう。 きっと定期購入制になり、月額10~15USドルになるでしょう（あくまで私個人の見解ですが）。確かな事は1つあります。それは、Figmaは学生に対して常に無料でしょう。（Sketchが教師と学生に対しリーズナブルなディスカウントを提供しているのと似ています。） 勝者：引き分け 理由：Figmaの価格に関する発表はまだない為   [PR] Webサイト制作で副業する方法とはコラボレーション機能 Figmaの主な差別化要因は恐らく「マルチプレイヤー」と呼ばれるリアルタイムコラボレーション機能でしょう。その機能を使って他のユーザーと同時に1つのファイルを編集することができるだけでなく、他のユーザーがデザインをいじっているのを見たり、内蔵型のコメント機能を使って変更を知らせることができます。 1つの例として、この同時編集はプレゼンテーションやリモートチームにとって素晴らしく、また関わっている全てユーザーが同じ状態を確認し、意図していなかった上書きを防ぐことができます。   Sketchには（プラグインを使用してですら）そのようなコラボレーション機能はありませんし、多分そのような機能がない方がSketchにとってはよいのかもしれません。 なぜなら「このボタンをもっと大きくしよう。ちょっと待てよ、勝手にやっちゃえ！」というような結末をもたらすかもしれないからです。もちろんこれは少し大げさな例です。この機能は多少価値はありますが、事前に特定のルールを決めておかないとリスクがあります。 勝者：Figma 理由：同時に同じファイルを複数の人で共同編集できる為   ファイル共有とスペック リアルタイムコラボレーション機能に幾らか関連しているのは設計ファイルの共有です。なぜならFigmaではすべての事がブラウザで行われるため、全てのファイルが必然的にURLを持っていて、それを同僚や上司に送ることができます（閲覧専用モードでも可能です）。 このブラウザベースのアプローチの別の大きな利点は、開発者をはじめ全ての人がサードパーティツールの必要性なしにすぐにデザインを開き検証できることです。 Figmaでは簡単に他のユーザーとデザインを共有できます。   これはまさに、1つのファイルにおいて必要不可欠な全ての情報（例えばフォントサイズや色、寸法、アセットなど）を他の共同制作者に提供するためにSketchに求められているものです。 しかしながら、前にも述べたように、ここであなたを手助けするZeplinやSimpli、InVisionの Inspect、Avocode、Marklyなどの有料のツールが必要です。公平な立場からみて、最初の3つは1つのプロジェクトでは無料ですが、より複雑なものに取り組む際にはそれだけでは十分ではないでしょう。   更に何らかのツールを必要としている場合や、そのような（正直なところ基本的な）機能にお金をかけたくないというのであれば、MarketchやSketch Measureという無料のプラグインもあります。多くの有料のアプリではコメントを追加したり自動的にスタイルガイドを作成することができます。 あるいは、FigmaはSketchのファイルフォーマットをサポートしているので、SketchのファイルをFigmaにインポートしてチェックすることさえできます。 左上から右下順に:Avocode、Zeplin、Simpli、Markly。これら全てにおいて様々な方法でSketchのデザインの閲覧、共有可能。   もし共同編集者とデザインをちょっと見たいだけであれば、内蔵されているSketch Cloudが正にその役割を果たしてくれます。iOSデバイスでデザインを見るには、Sketch MirrorやFigma Mirrorを使って、Androidのデバイスであれば、MiraやCrystalを使用することができます。 FigmaはAndroidベースのアプリを提供しないのですが、（デスクトップコンピューター上で）フレームかコンポーネントを選択後、デバイス上で「www.figma.com/mobile-app」を開くと、1種のプレビューが見れるでしょう。 勝者：Figma 理由：サードパーティツールの必要性なしにブラウザ上で簡単にファイルの共有が可能な為   ファイルの整理 Sketchには、ページを提供するという組織能力があるため1つのファイルでアプリやWebサイト全体を作ることができ、ページ同士のスイッチも即座に可能です。Figmaはこの点において後れをとっています。 Figmaはページを提供しませんが少なくとも複数のファイルを1つのプロジェクトに結合することは可能です。 左：Sketchでは1つのファイルを複数のページに整理でき簡単にスイッチ可能 右：Figmaのプロジェクトは未発達   アートボードというSketchのもう1つ重要なコンセプトも適応され強化されました。Figmaでは塗りつぶしやボーダー、エフェクトを簡単にアートボードに適用でき、またそれらをネストしたりグループから簡単に作成することもできます。1つの例として、これにより組み合わされた範囲より大きな要素のコンテナも許容され、「constraints」機能の手助けになりうるでしょう。 更には、各アートボードには独自のネストされたレイアウトグリッドがあり、それによりレスポンシブデザインに役立つのです。 Sketchでもアートボードをネストすることが可能ですがそのインプリメンテーションはFigmaと比べると全く有効的ではありません。 勝者：引き分け 理由：Sketchにはページがあるが、Figmaのアートボード（フレーム）はより有効的な為   レスポンシブデザイン Figmaが導入した（Sketchにも何ヶ月か経ってから導入された）機能はレスポンシブデザイン、すなわち、どのように要素が異なるアートボードやデバイスのサイズに対応するかを設定した機能です。 Sketchでそのような機能を提供するプラグインが以前からありますが、ちょっと使いにくい感じがありました。「group resizing」という特有の機能だけはFigmaの「Constrains」機能に匹敵して簡単に使用できます。 左：Sketchの「group resizing」機能は1つのドロップダウンメニューで設定され慣れるまで少し時間がかかります。 右：Figmaの「constraints」機能はより目で見てわかるようになっています。   両者とも基本的に同じような動作ですがその見栄えは一目瞭然。Sketchでは4つのオプション付きのドロップダウンメニューしかなく、操作中に一体どんなふうになるなるのかがイメージしずらいです。Figmaはよりビジュアル化した方法でこれらのプロパティを明確にします。 例えば、ある要素をアートボードの端に固定するか、それと均一にリサイズする事などができます。 Figmaの大きな利点はこれらの制約がレイアウトグリッドと一緒に組み合わせることで機能することです。要素は、例えばある列（又は行）に固定されるか、それらの幅に一致します。更には、各軸にこれらの設定を個別に変更することができ、グループだけではなくアートボードにも機能します。Sketchではあり得ない機能です。 勝者：Figma 理由：その制約機能は遥かに進化していてより多くのオプションがある為   ベクトル　マニピュレーション Figmaが発売された時の1つの大きな特徴は「vector networks」でした。もはやベクトルはただ一連の繋がった点（ノード）ではありません。今や、新しい線でどのノードからも分岐する事ができます。例えば、矢印を作るのなんて朝飯前です。 Figmaのvector networksはベクトルのどの点にもセグメントを追加することができます。 しかしそれよりも遥かに勝っているものがあります。ベクトルのパーツはPaint Bucketツールで簡単に塗りつぶされる（又は削除される）事ができます。ベンドツールを使ってセグメント全体を動かす（又は曲げる）事も可能です。そして1つのベクトルから別のベクトルへ線点も同様に）をコピーするのは一瞬でできます。 Figmaのvector networksでセグメントを簡単に動かしたり曲げたりする事ができます。   この特殊な機能1つでFigmaはSketchと一線を画しており、アイコンデザインに適したものになっています。 それに比べ、Sketchで利用可能なツールはほぼ時代遅れな感じを受けます。Sketchではベクトルオブジェクトを作成し操作するために必要なすべてのものが揃っているかもしれませんが、より複雑なベクトル操作が必要になってくるとすぐに扱いにくくなるでしょう。 はじめの図：Figmaでは、ペイント塗りつぶしツールを使って2つの重複した円の塗りつぶされた部分を削除し1つの輪をつくる。 2番目の図：Sketchではブール演算を用い従来の手法を使っている。(ちなみにこの方法はFigmaでも可能)   ほとんどの場合、Sketchではある特定のタイプの形を作るのにブール演算を使用しなければいけませんが、その多くはFigmaのvector networksではより簡単に作成可能です。Sketchでは2つのベクトルオブジェクトを繋げたり、またはブール演算が適用された後に形を平らにすることさえしばしば難しいという事実がさらに物事を悪化させます。このアプリはこの点において問題が山積みなのは確かです。 勝者：Figma 理由：vector networksは全く新しい次元をベクトルマニピュレーションにもたらします。Sketchにおいてはまだそれと匹敵するものはありません。   サポートされているファイルの種類 新しいアプリケーションが出るたびに、もしプロジェクトを移行したければ全てをやり直さなければいけないという問題によく直面するでしょう。Figmaではそうではないのです。見事なほどに正確な方法でSketchのファイルを開くことができ、この時点で既にFigmaが優位です。 残念なことに逆パターンでは機能しません。1度Figmaでデザインをスタートしたらもうそれを使い続けるしかないのです。SketchにエクスポートすることもPDFファイルを作成すること（またはインポートすること）もできません。SVGにエクスポートするオプションもありますが、デザインアプリケーション間で複雑なファイルをエクスチェンジするのに理想的なフォーマットではありません。 エクスポートオプションは一見似ていますがSketchにはより多くのオプションがあります。 左：Sketch 右：Fiigma   もう1つの制限要因はJPG画像をFigmaでエクスポートしたときにその品質水準を設定できないことです。なので画像を最適化する他のアプリケーションが必要になるかもしれません。Sketchの最新版ではさらにもっとエクスポートのオプションが改善しています。 現在ではファイル名に接頭辞と接尾辞の両方を設定できると同様、Androidへのエクスポートをはるかに簡単にさせるエクスポートプリセット機能があります。 各アプリケーションがサポートするエクスポートファイル形式を見てみましょう。 Sketch PNG JPG TIFF WebP PDF EPS SVG   Figma PNG JPG SVG 勝者：Sketch 理由：より多くのファイル形式とより良い保存、エクスポートのオプションがある為   アクセシビリティ FigmaにはSketchで使用できる多くのショートカットキーがありますが、そのアクセシビリティのレベルは同じではありません。Sketchではほぼ全ての事がキープレスで行うことができます。 もし気に入らないショートカットキーの組み合わせがあればあなた独自のやり方をシステム環境設定で登録することが可能です（デフォルトによって割り当てられないショートカットコマンドが主になる傾向があります）。 macOSのシステム環境設定でSketchのあなた独自のショートカットキー設定が可能   Figmaはブラウザ上に存在しているためそのようなことは一切不可能です。デスクトップアプリでその点を補うことができますが、特定のメニューバーコマンドが無いせいである特定の機能を単純にキーボードに割り当てることは不可能です。 勝者：Sketch 理由：そのアプリケーションのほぼ全ての機能がショートカットキーでアクセスすることができ、更にはカスタマイズできる為   シンボル（コンポーネント） 1つの重要な機能がちょうどFigmaに導入されました。それはシンボル、又はここではコンポーネントと呼びます。コンポーネントを使用すると、「instances」の形式で簡単に再利用できる1つの複合オブジェクトにいくつかの要素をを組み合わせることができます。主要なコンポーネントが変更されるとすぐに、全てのインスタンスがその変更点を受け継ぎます。（しかしながら、その同じコンポーネントのバリエーションを考慮して特定のプロパティは個別に修正されます。） 最近では、Figmaではファイル間や複数のユーザーと一緒に共有できるコンポーネントのライブラリを作成することさえ可能です。これは確固たるデザインシステムへの大きなステップです。 Sketchでは、個々のインスタンスの修正がインスペクタパネル上でオーバーライドの形で処理されるので、各インスタンスごとにテキスト値や画像の塗りつぶし、ネストされたシンボルの変更が可能です。 Figmaでは、塗りつぶし、ボーダー、効果（影やぼかし）を含め、キャンバスで直に1つの要素のプロパティをアップデートすることができます。 上：Sketchではインスペクタパネル上でオーバーライドを使用してシンボルインスタンスの内容を変更します。 下：Figmaではテキストの色を含め直接キャンバスキャンバスでコンポーネントのインスタンスをカスタマイズできます。   シンボル（コンポーネント）の真の強みはレスポンシブデザインで発揮されます。どちらのアプリでも、親のサイズが変更された時にどの様に要素がシンボル内で反応するか定義することができ、異なる場所や画面のサイズでシンボルを使うこともできます。 Figmaが未だに後れを取っている領域はレイヤーやテキストスタイルです。形やテキストレイヤーのスタイリングを保存することができなく、他の要素と同期することも不可能です。しかしながら、1つの要素から別の要素にスタイリングをコピーして貼り付けることはできます。 勝者：引き分け 理由：インプリメンテーションは極めて同じレベルですが、Figmaはその共有可能なコンポーネントでわずかに有利です。   プラグイン Sketchは並外れて素晴らしい機能を兼ね備えていますが、それを決定打にしているのはSketchを強化させたり足りない機能を補うサードパーティプラグインの存在でしょう。 1度に複数のレイヤーの名前を変更したり、ダイナミックボタンを作成したり、カラーパレットを保存し読み込んだり、Unsplashから簡単に画像を挿入したり、Git機能を有効化したり、Sketchの中でアニメーションを創り出すことができたりなど、使用目的は様々です。プラグインの全リストは公式ディレクトリやGitHub上で見ることができます。 公式WebサイトとGitHubの両方で、Sketchの膨大なプラグインのセレクションを閲覧可能です。 では、Figmaですが、現段階では全くそのような機能はありません。公平に言うと、Sketchは恐らく開発の初期段階ではこれらの多くの機能はありませんでした。そして将来的にはFigmaにもプラグインエコシステムが導入されるのは確実でしょう。 注意したいこと：プラグインがSketchに大きな利点を与えた一方で、それらが何かしらの落とし穴にもなりえます。それらは新しいリリースの度に正常に機能しない傾向があり、Sketchチームは将来の開発者たちを遠ざけないためにも細心の注意を払う必要があります。 勝者：Sketch 理由：単純に、Figmaにはプラグインが全くない為   プロトタイピング AdobeXDと違ってSketchもFigmaもプロトタイピング機能が備わっていません。今のところFigmaには導入される予定はありませんが、Sketchには少なくとも基本的なプロトタイピング機能をもたらすCraft Pluginがあります。更にその人気でSketchは他のプロトタイピングツールとの幅広く統合することが可能です。 例をいくつか挙げると、InVision、 Marvel、Proto.io、Flinto、Framerなどがあります。これらを一緒に使うことによって簡単にデザインをインポートしてアプリを同期することができます。   現時点でFigmaと動作する唯一のアプリケーションはFramerです。似たようなツールのサポートが将来どのようになっているか述べるのは難しいですが、そのようなインターフェースが既に製作段階かもしれません。 勝者：Sketch 理由：Craft Pluginには説得力のあるプロトタイピング機能がありませんが、Sketchは多くのプロトタイピングサービスと統合している為   実データでの作成 Sketchが提供する数あるプラグインの中でいわゆる「content generators」というものを見つけるでしょう。その一例として、ダミーコンテンツでデザインを埋めることができます。 しかし、より興味深いことはこれらのちょっとした機能が様々な情報源から実データを引き出すことを可能にし、またJSONファイルの形で内容を挿入することさえ可能です。 これにより設計の初期段階でより情報に基づいた判断ができ、エッジケースも明らかにできます。   このカテゴリーで最も優れているのはInVisionのCraft Pluginです。 それを使ってある要素に内容を追加するとすぐに、1つのステップで簡単にその内容を複製・変更する事ができます。Craftではデザインのアセットを保存し、チーム内で共有したり又は自動的にスタイルガイドの作成も可能です。 他の機能やオプションの中でも、SketchのCraft Pluginでは要素を複製し、同時に他の内容を追加することができます。   Craftよりは優れてはいませんが、似たような機能を持つプラグインがもう数個あります。Sketch Data Populator、Content Generator 、 Day Playerがそうです。 Figmaにはまだそのような機能はありませんが、時間の問題だと思います。Adobe XDが少し前に適応したようにアプリにその機能を統合するのか、もしくはプラグインシステムに依存するのか、どちらの手段をとるか興味深いところです。 勝者：Sketch 理由：Sketchでは様々なプラグインで備え付きの機能の不足を補い、簡単に実データを使用できる為   バージョニング 私がいつも行っていることの1つは、始めの頃のデザインがどのような感じだったか見るためにCommand+Zを使って変更点を1つ1つ元に戻すことです。評価の基準を持つか、新しいイテレーションをベースとして複製するかのどちらかです。Figmaはブラウザ上の限られたリソースのためここで行止まりと思うかもしれませんが、実際はSketchに劣ってはなんかいません。 どちらのアプリでも古いバージョンをブラウズして復元する事ができ、自動的に保存されます。しかしながら、Sketchのインプリメンテーションは理想とはかけ離れていて、どこから始めるかもわかりません。何といっても時間がかかるのです。   実際に閲覧できる前にバージョンを復元しなければいけなかったり、ハードドライブ上でスペースを無駄にする結果になるかもしれません。さらに言えば、クラウド上で(Dropboxを介してなど)複数の人が同じファイルで作業している時に簡単にダメになってしまう可能性があります。 Figmaでは瞬時に前のバージョンを復元する事ができ、複数の人が同じファイルを編集している時はそれぞれの人の変更を分離できるので役に立ちます。それから前の状態に戻ったり、新しいアイデアの出発点としてバージョンを復元することができます。 勝者：Figma 理由：Sketchのバージョニングは不完全過ぎて勝敗は明らかです。   テキスト機能 他の点と同様に、どちらのアプリケーションでもテキスト操作はかなり似ていますが、いくつかの違いは言及する価値があります。デフォルトによってFigmaではGoogle Fontsからでしか選択できないのですが、単純にインストーラーでシステムォントにもアクセスできます。 私が常にSketchに物足りなさを感じる部分はテキストレイヤーのボーダーの位置の変更機能です。ここでは「中心」だけが唯一の選択しです。Figmaにはその他にもシェイプレイヤー用であるかのごとく「内側」と「外側」が選択できます。 左：Figmaでは、テキスト枠内の垂直の位置（上）が設定でき、さらにボーダーの位置のオプションがある（下） 右：SketchではOpenType機能が適用される   さらにFigmaではテキストを垂直に配列する設定ができる為、枠内で垂直に中央揃えすることが容易です。対照的にSketchではより多くのタイポグラフィのオプションがあり、スモールキャップス、古い形式の図形、スタイルの選択肢や合字（フォントでサポートされていれば）等のOpenType機能が適用できます。 勝者：引き分け 理由：どちらのアプリケーションもそれぞれ違った利点があります。Sketchの方がその進化したタイポグラフィオプションで少しリードしていますが、完全な勝利にはまだ不十分です。   結論 簡単に各アプリの長所をおさらいしましょう。 Sketchの良い点 キーボードのアクセシビリティがより良くサポートされている プラグインとプラグインエコシステムがある サードパーティツールとサービスを統合可能 ファイルタイプとエクスポートオプションが豊富 複雑なプロジェクトを1つのファイル（ページ付き）にまとめることが可能 Sketchでは簡単に実データを使える より洗練されている   Figmaの良い点 ブラウザベースなので、世界中どの場所からどのプラットフォームでも使用可能 リアルタイムで共同作業できる ファイルの共有が簡単 ベクトルマニピュレーションが優秀（vector networksを介して） レスポンシブデザインオプションがより優れている（constraint機能により） コンポーネントのライブラリを作成しチームのメンバーと共有可能 アートボードがより強力   今後の展望 2013年のAdobe Fireworksの廃止はUIデザインツール界に大きな空白を残しましたが、Sketchがすぐにその空白を埋めてくれました。 Sketchが大成功を収め、その人気は主なライバルであるPhotoshopに徐々に迫り、ついには昨年インターフェースデザイナーのユーザー間における調査「the tool of choice」でトップの座に輝きました。 Sketchは恐らくWindows版があればより成功したでしょうが、他のツールにも問題はあります。Affinity
アプリデザイン

WordPressのサイトを別のサーバーに移行する方法【初心者向け】

WordPressでは、別サーバ間でも記事内容やアップロードしたメディアファイルなどのデータを、まるごと移行させることが可能です。 ここでは、他のサーバにインストールされたWordPressにサイトを移動させる方法を、WordPressの「エクスポート」「インポート」を使用するやり方と、プラグイン「All-in-One WP Migration」を使用する方法の2つで解説していきます。 目次WordPressのエクスポート機能を使用するプラグイン「Advanced Export for WP & WPMU」を使用する   大石ゆかり 田島メンター！！WordPressのサーバの移行ってどうするんですか！？とても大変そうなんです！！！ 田島悠介 大丈夫、落ち着いて。WordPressに標準で移行できる方法があるし、プラグインを使うと手軽にもっと細かくデータの移行ができるから。 大石ゆかり 教えてください！！お願いします！！！   WordPressのエクスポート・インポートを使用する方法 WordPress管理画面左メニューの「ツール」から「エクスポート」を選択します。   「すべてのコンテンツ」にチェックが入っているのを確認し、「エクスポートファイルをダウンロード」をクリックします。 XMLファイルがダウンロードされます。   次に、移転先のWordPressで「ツール」から「インポート」を選択します。   「WordPress」を選択します。   「WordPress インポートツール」がインストールされていない場合、ここでプラグインのインストール画面が表示されます。 「今すぐインストール」を選択します。   インストールが完了したら、「インポーターの実行」をクリックします。   「ファイルを選択」をクリックし、先ほどエクスポートでダウンロードしたXMLファイルを読み込みます。   「ファイルをアップロードしてインポート」をクリックします。   記事やメディアの読み込みと同時に、移行前のユーザーのインポートもここで行うことができます。 (移行後サイトのユーザーに置き換えることも可能です) 「添付ファイルをダウンロードしてインポートする」にチェックを入れ、「実行」をクリックします。   この画面が表示されれば完了です。   プラグイン「All-in-One WP Migration」を使用する方法 WordPressのエクスポート・インポートを使用した場合、記事やメディアファイルは移行されますが、テーマやプラグインの情報はインポートされません。 例えばこちらのサイトはテーマ「Trident Lite」を使用していますが、これをテーマ「Twenty Sixteen」が有効化されているサイトにインポートしたとします。   記事の内容は同じですが、デザインは「Twenty Sixteen」のままです。 また、プラグインも移行前のものはインストールされていません。   これらもすべて移動させる方法として、プラグインAll-in-One WP Migrationを使うやり方があります。 プラグインをインストール・有効化したあと、管理画面の左メニューから「All-in-One WP Migration」→「エクスポート」を選択します。   下の青枠の中からファイルの保存先を選びます。 今回は「ファイル」を選択しています。   エクスポートが開始します。   完了後「”ファイル名”をダウンロード」が表示されます。 (保存先に「ファイル」を選択した場合) クリックするとエクスポートファイルのダウンロードが開始します。   次に、移行後のWordPressでも同様にAll-in-One WP Migrationをインストールし有効化します。 管理画面左メニューから「All-in-One WP Migration」→「インポート」を選択します。   先ほどエクスポートでダウンロードしたファイルを、図の場所にドラッグしてアップロードします。 (無料版ではファイルの容量上限300MBと制限されています)   インポートが開始します。 確認画面が表示されるので、「開始>」をクリックします。   この画面が表示されれば完了です。   この方法を使用した場合は、インストールされていたテーマやプラグインなどもすべて新しいサイトに移行されます。   以上、別のサーバに移行する方法を紹介してきました。 サーバを移行すること自体は多くないと思いますが、ほとんどの人がつまずくところなので、覚えておくと人に教えてあげられるでしょう。 ぜひ、WordPressの使い方を覚えましょう！   大石ゆかり ありがとうございました！思ったより全然難しくありませんでした！ 田島悠介 よかったね。データの移行って失敗すると大変なことにもなりかねないから、自分で環境を用意して練習してみると良いね。 大石ゆかり はい♪   [PR] Webサイト制作で副業する方法とはWordPressを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい WordPressでのサイト制作を学習していて、このように思ったことはありませんか？ テックアカデミーのWordPressコースでは、第一線で活躍する「プロのエンジニア/Webデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、WordPressを使ったオリジナルサイト構築を学べます。 まずは一度、一週間の無料体験で学習の悩みや今後のキャリアについて話してみて、「現役のプロから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします。
WordPress

ゼロからの始め方！WordPressでブログサイトを作る手順とは【入門向け】

Webサイトを作成する上で人気が伸びているWordPress(ワードプレス)。今回は、WordPressを使ってブログサイトを作る手順についてTechAcademyの現役エンジニアが解説しています。 WordPressについてそもそもよく分からないという方は、WordPressとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。   目次 WordPressとは サイト作成に準備するもの ブログサイト公開まで ブログサイト公開後 今回の登場人物   田島悠介（29） あらゆる言語をマスターしている万能型エンジニアでTechAcademyのメンター。人の成長を見るのが一番のやりがい。 好きな映画は『トスカーナの休日』   大石ゆかり（24） TechAcademyの受講生。 Instagramには3つの写真加工アプリで編集してからアップするという。     大石ゆかり 田島メンター、私今アメブロでブログ書いてるんですけど、もっとおしゃれな感じにしたいんですっ！なんか良いサービス知らないですか？ 田島悠介 ってか、ゆかりちゃんアメブロやってたんだ！教えてよ！笑 大石ゆかり それは秘密です♪（スッピン写真とか載せてるし、絶対見せられない） 田島悠介 ええー。。ブログやるなら「WordPress(ワードプレス)」っていうのがおすすめだけど知ってる？ 大石ゆかり Word(ワード)なら知ってますけどそれとは違うんですか？ 田島悠介 Wordでは無いんだけど、同じような使い方で自分のサイトを作れるんだよ！ 大石ゆかり へえ〜そんな便利なものがあるんですね！具体的に教えてくださいっ！ 田島悠介 おっけ〜！教えたら今やってるブログも教えてね！ 大石ゆかり それはダメです！！   WordPressとは WordPressとは、CMS(コンテンツマネジメントシステム)と呼ばれるサービスの一つで、無料で使えることで有名です。ちなみにCMSとは簡単にサイト上のコンテンツを管理することができる仕組みです。 普通、サイトを作ろうと思ったらHTML/CSSといった言語を使いながらプログラミングの作業が必要になります。しかし、WordPressの場合は、プログラミングを一切することなく自分のサイトを作ることができるのです。   下の画像は、当サイトのTechAcademy magazineですが、このサイトもWordPressを使って動いています。ブログのように記事配信を行っていくようなサイトにはWordPressが適していると言えるでしょう。 最近では企業のコーポレートサイトもWordPressで作成されているサイトがどんどん増えてきています。     大石ゆかり なんでWordPressってすごい人気なんですか？ 田島悠介 やっぱり無料で手軽なのに機能が多く何でもできるところじゃないかな！ 大石ゆかり 私アメブロしかやったことないんですが、大丈夫ですかね？笑 田島悠介 もちろん！特に専門スキルは必要ないよ！   [PR] Webサイト制作で副業する方法とは準備するもの WordPressを使い、実際にWebサイトとして動かしていく上で必要なものを紹介しています。とは言ってもWordPressを使えるレンタルサーバーを利用すれば、とても簡単に済みます。 現在、ほとんどのレンタルサーバーでWordPressを利用できます。初心者にも人気なレンタルサーバーには以下のようなものがあります。 さくらインターネット エックスサーバー ロリポップ ConoHa WING レンタルサーバーを利用すれば月額500~1,000円程度でWebサイトを運営することができます。 またレンタルサーバーではアドレスが「https://◯◯.sakura.ne.jp/」のようになりますが、「◯◯.com」や「◯◯.jp」のように自由にアドレスを決めたい場合、独自ドメインサービスも利用する必要があります。 独自ドメインサービスには以下のようなものがあります。 お名前.com ムームードメイン それでは、さくらインターネットを例に、WordPressを利用する手順を確認していきましょう。 さくらインターネットでWordPressを利用する場合、スタンダードプラン以上で契約する必要があります。 以下で紹介している手順は、さくらインターネットで公開されている手順「【新コントロールパネル：クイックインストール】WordPress(ブログ)のインストール」をもとにしています。 【新コントロールパネル：クイックインストール】WordPress(ブログ)のインストール WordPressを利用する手順は以下のとおりです。 WordPressをクイックインストールする Webサイトのタイトルなどを決める では、一つずつ解説していきます。   1. WordPressをクイックインストールする さくらのレンタルサーバ「サーバコントロールパネル」にアクセスしてログインします。 サーバコントロールパネル サーバコントロールパネルホームの左側のメニューから「Webサイト/データ>クイックインストール」を選択します。 WordPressの「新規追加」ボタンをクリックします。 はじめてWordPressを導入する場合は、WordPressの設定や記事を格納するデータベースと呼ばれるものを作成する必要があります。 「データベース作成」をクリックします。 データベースや接続用パスワードを決めて入力します。データベース文字コードは「UTF-8」のままとします。 入力が終わったら「同意する」にチェックを付けて「作成する」をクリックするとデータベースが作成されます。 インストールURLには「blog」などとすると良いでしょう。 その他は既定値のままでかまいません。「ライセンス・利用規約に同意する」にチェックを付けて「作成する」をクリックします。 インストールが完了すると以下のように表示されます。簡単ですね！ 次に管理画面URLにアクセスしてWebサイトのタイトルなどを決めましょう。   2. Webサイトのタイトルなどを決める ブログサイトの「サイトのタイトル」、WordPressの管理画面にログインする際の「ユーザー名」「パスワード」「メールアドレス」を入力しましょう。あとで変更することも可能です。 「検索エンジンがサイトをインデックスしないようにする」にチェックすると、ブログサイトが検索結果に出てこなくなります。通常はチェックしなくて大丈夫です。 WordPressをインストールし、「成功しました！」と表示されれば無事完了です。 実際にログインしてみましょう。設定したユーザー名、パスワードでログインするとWordPressの管理画面に入ることができます。 無事ログインできればWordPressの管理画面に入ることができるはずです。 上記の画像がWordPressの管理画面になります。 ブログを投稿したり、サイトの設計を編集したり、アカウントを追加するなどは基本的にこの管理画面上で行うことが可能です。サイドメニューに情報が多く、慣れるまで少し大変かもしれませんが毎日ログインして利用していればすぐ使えるようになるはずです。     大石ゆかり わぁ、WordPressっていろんな機能があるんですね。 田島悠介 管理画面の使い方についてはこの後詳しく見ていくから付いてきてね！ 大石ゆかり は、はいっ（汗）   ブログサイト公開まで 実際にWordPressが利用できたらWebサイトのデザインや構成を編集していきます。これから作っていこうと思っているブログ記事やカテゴリなどデザインを整える必要があるでしょう。 Webサイトの構成(サイトマップ) テーマの選択 公開するブログサイトの構成、つまりサイトマップを考える必要があります。 作る前から細かく設定する必要はありませんが、サイト内にどんなページが必要なのか書き出しておくとテーマも選びやすくなります。 簡単にブログサイトのサイトマップを作ってみました。 テーマとは、簡単に言えばサイトのデザインです。 WordPressが人気な理由の一つとして最初にも紹介しましたが、HTMLやCSSなどデザインやプログラミングの作業をしなくてもテーマを選択するだけで一つのサイトにすることができます。 何もしなければサイトデザインはデフォルトテーマ「Twenty Twenty」が適用されています。 このテーマでも十分魅力的なWebサイトを作成することができますが、「もっとおしゃれなテーマにしたい」、「ヘッダーやフッターをつけたい」などサイトに合わせてテーマを選んでいきましょう。 テーマを変更する際は、「外観」>「テーマ」で変更することが可能です。 テーマ自体は、WordPressだけでなくいろんな企業や個人で提供しているので、調べてみることをおすすめします。 無料で使えるWordPressのテーマ30選も合わせて紹介しておきます。     大石ゆかり サイト上に大きく動画が流れるようなデザインとかもできますか？ 田島悠介 もちろん動画が流れるテーマはたくさんあるよ！ 大石ゆかり おお、そうなんですね♪ 下から浮き上がったり横からスライドしたり動きのあるサイトとかも作れます？ 田島悠介 パララックスっていうサイトかな。もちろんあるよ！WordPress自体世界中で使われてるからテーマを作る人も世界中にいて、種類に困ることは無いと思うよ！   固定ページについて 固定ページは更新することが少ないページで利用します。企業ページの場合、会社概要やお問い合わせページなどが該当します。 また、デザインテーマによっては、固定ページで設定した内容を上部のナビゲーションメニューで自動的に表示してくれます。 例えば、次のように、ニュース・インタビュー・テクノロジー・キャリア・お問い合わせという5つの固定ページを作成した場合、ページ上部にこの様に表示されるイメージになります。   投稿ページについて WordPressは元々ブログを作成するために開発されたアプリケーションです。投稿ページでは日々のブログを投稿するイメージで、ページが作成されます。 固定ページと異なり、デザインテーマの標準状態で、ページ上部のナビゲーションメニューに投稿ページの内容が表示されることは、ほぼありません。 通常は、トップページに投稿日の新しい順に表示されます。   ブログサイト公開後 WordPressが選ばれている理由の一つにカスタマイズの柔軟性がよく挙げられます。記事を追加、更新できるだけでなくWebサイトのSEO対策や会員機能の追加など簡単に行えるのです。 せっかくブログサイトを作ったらより多くの人に見てもらいたいはずです。 プラグインの導入 ブログ記事の投稿 プラグインの導入は「プラグイン>新規追加」から行います。キーワードなどで検索を行い、導入したいプラグインの「今すぐインストール」をクリックします。 プラグインをインストールしたら「有効化」を行います。 ちなみに以下のプラグイン「WooCommerce」はWordPressでECサイトを構築する定番中の定番のプラグインです。 プラグインはいつでも設定できるので、必要に応じてインストールしましょう。 WordPressでまず最初に入れるべきプラグインを参考にしながらより本格的なサイトにしていきましょう。   続いてブログ記事を実際に投稿してみましょう。新規でブログ記事を作成する場合は「投稿>新規追加」で新しく公開することができます。 WordPressはバージョン5.0からエディタがブロックエディタに変更されています。/か+ボタンで要素を選択しながら、ブロックを組み立てるように記事を作成していくのが特徴です。 文章だけでなく画像や動画を記事内に挿入し、素敵な記事を作成すると良いでしょう。 サイドメニューの「投稿」>「投稿一覧」で現在公開している、下書きの記事を一覧で見ることができます。 サイトデザインはデフォルトテーマ「Twenty Twenty」が適用されていますが、以下のように「Hello world!」というタイトルのブログ記事を読むことができました。     大石ゆかり ついにブログ更新が始まるって感じですね♪ 田島悠介 そうだね！ちなみにゆかりちゃんはどんな事書いていくの？ 大石ゆかり んー特に決めてないんですけど海外の映画とか見た感想をつらつらと書いていこうかなって思ってます♪ 田島悠介 おお、いいね！ じゃあ、僕の好きな「トスカーナの休日」もぜひ紹介してね！   おさらい WordPressとは誰でも簡単にサイトを作れる便利なサービス！ WordPressはレンタルサーバーで簡単に始められる！ サイトを作る上でサイトマップを作成しよう！ WordPressはテーマとプラグインが充実している！   初めてWordPressでサイトを作る際、サーバーやドメインの契約、新しいツールの導入など慣れない作業が多いかもしれませんが、サイトを公開してしまえば後はどんどんブログ記事の作成に集中できます。 WordPressの使い方を覚えて、ぜひ自分だけのブログサイトを作ってみましょう。 この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。 その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。   TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressコースを開催しています。 期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 オンラインの説明動画や無料体験も実施中です！まずはこちらからお気軽に試してみてくださいね。
WordPress

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） WordPressコース Webデザイン WordPress サイト移行の時に便利！WordPressの記事をエクスポートする方法【初心者向け】