6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

dots.女子部Advent Calendar 2016

Day 20

Wordpressで新規ニュースメディアをつくってみた

Posted at

この記事は dots.女子部 Advent Calendar 2016 20日目の記事です。
(すみません下書き登録していたらリンク間違ってました。。。)

ごきげんよう〜melocoです。
dots.女子部のACということでこれは投稿せねばと参加してみましたがQiita初投稿です。。。!どきどき
先日お仕事でニュースメディアの立ち上げに携わりまして、今回はそのときに初めて利用したWordpressについて概要をまとめてみました。
サイトを作る際の候補として、Wordpressってどんなかんじなのって参考になればと思います!

今回のおはなし

  • Wordpress について
  • どんなサービスか
  • よかった点・困った点
  • 所感

About me

  • 新卒2年目のWebエンジニアです
  • 普段触っている言語はJava、JavaScript、あとHTMLとかCSS
  • PHPについての知見はなし

今回利用した環境

  • Wordpress + WPEngine(後述するWordpress専用のサーバー)

Wordpressとは

知っている方は非常に多いと思いますが、実際どんな感じなのっていうのをさらっとまとめたいと思います。

Wordpress

WordPress (ワードプレス) は、オープンソースのブログ/CMS プラットフォームです。

WordpressといえばCMSの代表として有名。。!
ブログのデザインを決める「テーマ」を有料で購入することもできますが、基本すべて無料で利用できます。デフォルトのデザインを利用するだけでも、開発なしでサイトが完成します。
Wordpress(必要なファイルがセットになっている)をダウンロードして、サーバーに置くだけです。

開発環境

  • MAMP(XAMP)で開発します
  • 基本的にはMAMPのフォルダ内にWordpressを落とせば完了

言語

  • PHP
  • もともと用意されているデザイン、機能を利用するのみなら、PHPを触らなくてもできます
  • Wordpress用の関数が予め用意されていて呼び出すこともできるので、PHP初挑戦でもある程度さわれました

Wordpressについてあれこれ

情報収集

デザインてどう入れるの

  • 「テーマ」というデザインのセットがあるのでそれを利用します
  • 基本的にこのテーマを利用すれば自分で手を加えなくてもサイトは完成です

機能追加したいとき

  • 「プラグイン」が利用できます
  • たとえばView数の表示を追加したいとか、SNSリンク追加したいとか…そういったとき、Wordpress公式のものから一般の方が作成したものまでインストールしてサイトに利用できます
  • 人気記事の表示、アクセス解析、SEO対策、AMP対応、SSL対応などなど

基本のページ構成

  • トップページ + カテゴリごとの記事一覧ページ + 記事詳細ページ の3ページです

記事の投稿ってどうするの

  • Wordpressにはサイトごとに「管理画面」が用意されており、そこから書き込みができます。Qiitaの投稿みたいな感じですね。

WPEngine

今回サーバーはWPEngineを利用しました。
容量、PV、ドメイン数に応じてプランが選べますが、今回は$990/year のプランを利用しました。

Wordpressを利用してよかった点

なんといってもサイトの立ち上げ、設定に必要なことが簡単にできることです…!

  • 記事投稿の仕組みを自分で作らなくていい
  • サイトのSSL化が画面ぽちぽちするだけでも可能
  • WPEngineを利用していたおかげでもあります
  • AMP対応がプラグイン一つで可能
  • APIを利用した記事の取得も可能
    • 別サイトにリンクを載せることが簡単にできます
  • SEOに強い
  • 特段対策をしたわけではないですが、記事は検索上位に入ります

WPEngineのよかった点

  • サーバーの設定が簡単
  • サーバー自体の設定がいらなかったので自分のサイトの設定に集中できました
  • Liveチャットが利用できる
  • 英語ですが、困ったことがあったら、24時間いつでもサポートの方にチャットで聞けます。待っても5分くらい。サポートの方の顔写真がでるのですが、めっちゃセルフィー使っている方もいてさすがアメリカだなって思いました。それだけ気軽に聞けるので頻繁に利用させていただいてました。
  • テスト環境が利用できる
    • staging環境というテスト環境があり、そちらで変更を確認してから本番環境に反映できます。本番環境へのデプロイもボタンひとつで簡単

困ったこと

デザインや機能に独自で手を加えようとするとちょっと大変。

基本たいていのことがプラグインを利用してできてしまうので困ったことはなかったのですが、会社のサービスとして出すとなると、細かい点もデザインをきちんと決めて進めなければいけませんでした。
「何かが簡単にできるもの」ってちょっと変更しようとすると途端に難しくなってしまいがちですよね。
Wordpressのスタイルは1枚のCSSで設定されていて、ちょっとスタイルを変更しようとすると思わぬところに影響がでるなど、普段Webサイトを開発されている方でもこの構成に慣れるのが必要です

意外と覚えることが多い。

新しいものを始めるので当たり前なんですが、意外と覚えることが多いです。
Wordpessのファイル構成、管理画面、DB、サーバー、ユーザーの権限、、、

プラグインが消える。

これはサーバーとしてWPEngineを利用していたからなのですが、パフォーマンスが悪いプラグインが利用停止されることがあります。(プラグインのソースがフォルダごと消されます)
一週間後にこれ消しますってメールがくるのですが、ソースコード上で呼び出しを行っているとエラーになってしまうのですぐに対応が必要です。。

Wordpressだから簡単なんでしょって認識される。

これ個人的に悲しかったことです;;
たしかに…!簡単なことは簡単なんですが、カスタマイズすると意外とたいへんです。。。

所感

Worepress簡単、という感覚から入ると覚えることが結構あって最初は慣れないこともありますが、先述したようにカスタマイズしなくてもサイトができるので、サーバーがあれば、1日で公開できる状態にもできます。やっぱり簡単。。!
私は今回、スタートから2ヶ月くらいの期間で作成、サイト公開したのですが、知見、慣れがほとんどないうちからカスタマイズしようとしてしまったので苦労した感があります。。
てんやわんやでしたし、たくさんの先輩にお世話になりましたが、無事にサービス立ち上げができたのでよかった!一度慣れると、やりたいことがプラグインですぐできるのでこれやりたいけど自分じゃできそうにない。。ということが色々できてありがたかったです。

サイトを作成する際の候補になればと思います。

初投稿!最後まで読んでいただきありがとうございます!

次はりほさん(@rllllho)です!!

6
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?