コメントはまだありません猫も杓子もメディアを持つ時代になった。ブログ、SNS、ニコニコ動画、YouTube......。分けても、ブログは個人・組織を問わず広く使われている。はてなブログなどのブログサービスを使ってブログを作るのもいいけれど、ブログっぽくないコンテンツサイトなど、完全に好みのWebサイトにしようと思うと不自由を感じることがある。そんな時にオススメなのがWordPressだ。W3Techsが調査したところによると、CMSでは全世界のWebサイトの約半数がWordPressで使われているという。W3Techs今回から、法律に引っかかりそうなほど広く使われているWordPressサイトの外観を決めるテーマの作り方を紹介していく。第一回のWordPressテーマ講座はテーマ作りのプロセスとWebサイトのデザインから。WordPressテーマの動作確認で使うソフトWordPressテーマ作りの概要これからステップに分けてWordPressテーマの作り方を紹介していくわけだけれど、まずは各ステップの概要を説明しておこう。全体を忘れてしまうほど細かく、深く分け入らないといけない箇所もあるから、そんな時はいつでもここに戻って来てほしい。WordPressテーマ開発環境の構築テーマ作りの流れを確認したところで、まずは開発環境の構築から。Webサイトのデザイン、WordPressテーマの作成、WordPressテーマの動作確認それぞれで違うソフトを使う。Webサイトのデザインで使うソフトWordPressテーマの完成予想図もといゴールをはっきりさせるため、テーマを作る前にWebサイトをデザインすることからはじめる。この段階ではWordPressは関係ないため、何らかのグラフィックデザインソフトを用意しよう。Illustrator、近年人気なのがSketchだ。最終的にHTML+CSSでデザインを形に出来ればいいため、好みのソフトをインストールしよう。WordPressテーマの作成で使うソフトWordPressテーマの制作では、先に作成したHTML+CSSのページを分解し、PHPをわずかばかり書くことになる。そのため、HTMLとCSS、PHPの記述を楽にしてくれるエディターあるいはIDEを用意しよう。エディターならAtom、IDEはPhpStormがオススメだ。このシリーズではAtomを使ってWordPressテーマを作成する。Atomでテーマを作成しやすくするため、次のパッケージを入れておこう。editorHTMLとCSSを爆速で記述できるようになるパッケージ。Atomの設定画面から、あるいはapmコマンドでインストールしよう。packageドキュメントの縮小マップを表示してくれる。minimapLinter後に紹介するHTMLやCSS、PHPソースのチェックを行うために必要な『lint』を入れる。autocomplete-wordpress-hooksWordPressテーマの動作確認で使うソフトMacならMAMP、WindowsならXAMPPを使ってローカルでWordPressを動かせる環境を作る。これは、Webでサイトを公開する前にWordPressテーマの見た目や動きが期待したとおりになっているかを確認するためだ。今回はMacで開発することを想定してMAMPのセットアップ方法を紹介する。MAMPのダウンロードページへアクセスしよう。『DOWNLOAD』をクリックし......次のページでMAMPをダウンロードしよう。MAMPのインストールが終わったら、ApplicationsディレクトリのMAMPを開き、MAMP.appなるプログラムを実行しよう。PROのどちらを実行するかを聞かれるからMAMPを選ぶ。無事にMAMPが立ち上がったら、サーバーを起動しよう。サーバーが起動したら、WordPressサイトで使うデータベースを作るため、phpMyAdminを開く。開かれたphpMyAdminの画面にあるタブから『データベース』を選び、データベース名に『wordpress』と入力して『Create』をクリックする。次に、WordPressをダウンロードしよう。WordPress.org落としてきた圧縮ファイルを解凍し、htdocsディレクトリにwordpressフォルダごと置く。http://localhost:8888/wordpressにアクセスし、WordPressのインストール作業を進める。作成したデータベースの情報を聞かれるから、次のように入力しよう。※wordpressという名前以外でデータベースを作っていたり、MAMP以外でローカルにサーバーを立てている場合、別の適当な設定をする。この後、ローカルで動かすWordPressサイトの名前などを入力してWordPressのインストールは完了。次回はいよいよWordPressテーマを作っていく。Postsブログの内側もデザインしたい!WordPressのエディターで游ゴシックを使う方法。Horsesというサイトも運営しています。EC2へWordPressを移行する方法。人気を伸ばしてくれたおかげで、herokuの無料枠を使いきってしまった。コメントはまだありませんステップ別にちょっとづつWordPressテーマの作り方を学ぶ本シリーズ。第一回の開発環境の構築を終え、今回はテーマの雛形を作る。コメントはまだありませんステップ別にちょっとづつWordPressテーマの作り方を学ぶ本シリーズ。第五回はサイトのトップページを作る。Bootstrapを下敷きにしたWordPressテーマがいよいよ完成する。Moreサイト多言語化にはhreflangを忘れずに。コメントはまだありません最近、街で外国人を目にすることが多い。日本じゃないんじゃないかってぐらい外国人とすれ違う。日本政府観光局(JNTO)が掲載している訪日外国人数のデータによると、毎月150万人前後の訪日外国人客がいる。コメントはまだありません飲食店などのお店がブログ付きのホームページを持っているケースが増えてきた。言うまでもなく、Web集客の一番の施策はブログを書くことだ。アプリ/ソフト開発、AWS設計・構築、Webメディア運営を京都を拠点に行っています。これまでのプロジェクト履歴myd京都のレストランやホテル、スポットを紹介する観光情報サイトを運営しています。2016年に開催されるマイクロソフトのイベント禅で始まり銭湯に終わる。話題のInstagramで効果的に集客するための4つのポイント。3.0の文字列型の変更。