Category Archives: このブログについて

wordpressで、2時間でHP/ブログを作ろう!

社内向けに、wordpressで、2時間でHP/ブログを作ろう! という勉強会を開催しました。

 

必要な手順を箇条書きで書きつつ、社内のメンバーの連絡用にこの記事を使います。

今回は、ロリポップレンタルサーバー でwordpressを使ってホームページ、ブログを作る方法を紹介します。

wordpress でホームページを作ろう レベル1

1.ロリポップで、ロリポプランまたはチカッパプランを申し込む。
wordpressはDBを利用します。

2.ドメインを利用したい人は、ロリポップにドメインを割り当てる。
ムームードメインのサイトを見る。

3.WordPress簡単インストール機能 を使って、サーバーにwordpressをインストールする。

HPのタイトル、説明などを記入。
wordpress設定のマニュアル

4.記事を適当に投稿してみよう。
試しに画像ファイルをアップして投稿してみてください。
記事書く際にビジュアルモード

上の右から2つ目のアイコンクリックすると、ウィジュウィグエディターで利用できるタグが増えます。


上記の見出しとか便利です。

右メニューから記事投稿してください。

5.表示を確認しよう。


記事更新後上記のリンクが表示されるので、 ctrlボタン+クリックして、別タブ・ウインドウで表示確認してみてください。

ここまでで1時間くらい・・? 慣れれば10分でいけるかも。 
ドメイン浸透待ちの場合、時間かかることもあるかも。

ペパボ京都スタジオから ちんさつも参加

wordpressでホームページを作ろう レベル2

wordpressはサイトをカスタマイズするための、
テーマと呼ばれるデザインテンプレートやプラグインが豊富にあります。
テーマ配布
http://www.designwalker.com/2009/12/wordpress-theme2009.html
http://wordpress.org/extend/themes/

その他、「wordpress テーマ」「wordpress theme」とかでググってみてください。

おすすめプラグイン
WP Tweet Button
Twitter Mentions as Comments
Most Shared Posts
Facebook Like

テーマ、プラグインのインストール方法

A 管理画面から簡単インストール

  • WP 管理画面 > テーマ
  • テーマのインストールから、好みのテーマを検索、インストールして、テーマを有効化
  • WP 管理画面 > プラグイン >新規追加
  • WP管理画面 > プラグイン >インストール済み プラグイン

B 管理画面からファイルをアップロード

  • WP 管理画面 > テーマ
  • テーマのインストール > アップロード からファイルをアップロード
  • インストールして、テーマを有効化
  • WP 管理画面 > プラグイン >新規追加
  • アップロードから ファイルを選択してアップ > インストール
  • インストールプラグインから プラグインを有効化
  • 設定 >追加したプラグインの設定 (プラグインによって設定方法が異なります)
プラグインの設定方法は検索して調べてください。

C FTPソフトからインストール

1.FTPソフトをインストール
マニュアル http://lolipop.jp/manual/hp/ftp-set/FTPSを推奨します。

2.FTPの情報を、ロリポップ管理画面で確認し、設定。

3.プラグインのインストールは
FTPで /wp-content/plugins/ 以下の場所に、ダウンロードしたプラグインのフォルダごとアップロードする。
その後、Wordpress管理画面、プラグインメニューより有効にする。

4.テーマのインストール 

FTPで /wp-content/theme/ 以下の場所に、ダウンロードしたプラグインのフォルダごとアップロードする。
wordpress管理画面テーマのメニューで有効にする。

開始から90分で、とりあえず作るとこまで、みんなできました!

社内勉強会のログ
第1回勉強会 2/8
20:36:10  ataka: 1:36で作ったHP
20:36:10  roiokea: http://roiokea.lolipop.jp/
20:36:12  hana: はなこHP http://inuboe2.com/
20:36:40  chinsatz: http://chnstz.chu.jp/lovekyoto/
20:37:33  pepe-ron: http://www.pepe-ron.com/wp/
20:37:35  hiruta: すてきやん
20:37:45  hiruta: 参加したかった
20:38:32  rin: http://pepalunch.com/  (ソース修正中)

第2回勉強会 2/14

20:08:53  ataka: ※60分で作ったHP/ブログ
20:08:27  kakuta: http://lablife.lolipop.jp/blog/?p=4
20:12:47  ram: http://my6heroes.lolipop.jp/wp/
20:22:53  umazura: http://omonaga.fool.jp/wp/

デザインあてこめば、ブログじゃなく下記のようなHPも作ることができます。
http://ouenouen.jp/
トップページ 1ページで完結、サイト紹介の部分は、1記事にエントリーして更新。

http://uguisudani-sakura.jp/
お知らせを1記事で更新

以前、アタカがWPで制作お手伝いしたサイトです。
デザインは @maruyanma が作りました。

オススメのテーマ、テーマ配布サイト、プラグインをこのブログの記事のコメント欄に書いてね!

---
2/24追記
wordpressのテーマを1からデザインしたい人にオススメの記事
おそらく最もわかりやすいWordPressテーマ制作チュートリアル 

http://stocker.jp

プロフィール

記事を更新しているアタカのプロフィール

会社:インターネットのサービスを提供している paperboy&co. (ペパボ)という会社です、渋谷にオフィスがあります。

運営しているサービス:ショッピングモール カラメル

事業部長、たまにディレクターをしています。

出身:東京都 東久留米市

好きなもの:インターネット、読書、ビール、焼肉、フェス(TAICOCLUBというフェスが特に好き)

 

学生時代

大学でプログラミングを4年間勉強するも、若気のいたりからまともに音楽を売る関係の企業しか就職活動をせず、どこからも内定が出ず卒業。

卒業後貯金が底をつき、このままだと生きて行けないと思い学校の先生に「申し訳ございません、今まで社会をなめていました。」と謝り就職先を紹介してもらう。

 

 社会人

2005年6月 社員数20名程度(うちプログラマー僕含め2名)のベンチャー企業にプログラマーとして入社。音楽メディアの簡易日記更新システム、オープンソースのショッピングカートASPのカスタマイズなどをしつつ、仕事の時間の半分をネットサーフィンをして過ごす。当時からプログラムを書くよりもコンテンツの企画やアクセス解析をすることの方が好きだったので、ディレクターになりたいと思い 2007年冬から転職活動の準備をはじめる。

 

ペパボ入社後

2007年4月 ユーザーとしてファンだったpaperboy&co./ペパボに、カラメル のディレクターとして入社。

2007年の4月~2009年末までディレクターとしてコンテンツの企画や進行管理を行う。

2009年12月 当時の上司が独立し、プロデューサーに立候補し、サービス責任者になる。

2011年4月カラメルが事業部化する。

 

 印象に残ってる仕事

・2008年 カラメルのコンセプト/デザイン リニューアル
・2009年 カラメル 世界1周雑貨バイヤー企画
・2010年 カラーミーショップのYahoo!ショッピング商品掲載対応
上記の話など(ザ・インタビューズ)

ソーシャルメディアのアカウント

twitter : http://twitter.com/atakaP お気軽にフォローしてください。

facebook : http://www.facebook.com/atakah お気軽にチャットしてください。

もう一個のブログ : http://atk1983.jugem.jp/

ザ・インタビューズ(http://theinterviews.jp/ataka)でも質問募集しています。

 

 

 

 

 

 

 

このブログについて

こんにちは

paperboy&co. (ペパボ)というインターネットのサービスを提供している会社で、ショッピングモールのカラメルの事業部長、たまにディレクターをしているアタカです。 詳しいプロフィールはコチラ

2011年秋、社内にウェブディレクターを増やしたいと思い、いろいろ考えていたのですが、「そもそもウェブディレクターってどんな仕事してるの?」と疑問に思っている人が社内にちらほらいて、それって社内だけじゃなくて、インターネットに関わる仕事をしていたり、これからインターネットの仕事したいという人でも疑問に思っている人が多いのではないのかなと思いました。 (自分もいまの会社に中途で入社する以前はそんな感じでした)

 

自分がこれまでにウェブディレクターとして経験したことなどをブログに書いていくことで、これからディレクションやってみたい人のお役に立てることもあったりするのかなーと思いブログをはじめてみることにしました。

 

このブログでは、ウェブディレクターとしてこんなことを考えながらこんな仕事をしていますということや、知っておくといつか役に立つかもしれないノウハウ、便利ツール、ディレクター用語などを更新していこうと思います。

もともと弊社ペパボの電子書籍サービス パブーで、アタカのアタマ 〜ウェブディレクターの仕事術〜 というコンテンツを更新していましたが、同時進行でブログも更新してみます。

 

何か読者の方からリアクションがあれば喜んで質問に答えたりしようと思ってます!

具体的な質問があれば、このブログのコメント欄、twitter等でお気軽にリアクションください!

ザ・インタビューズ(http://theinterviews.jp/ataka)でも質問募集しています。

 

twitter : http://twitter.com/atakaP

facebook : http://www.facebook.com/atakah

もう一個のブログ : http://atk1983.jugem.jp/

 

 

 

 

 

 

 

 

 

 


 

ブログ書いてるアタカの詳しいプロフィールはコチラ