« 大阪城公園 花見 | メイン | WS011SH - Advanced/W-ZERO3 [es] »

WordBench神戸 22

WordBenchは、WordPressを利用する人たちのノウハウ共有のイベント。主にウェブデザイナーやクリエーターの方が参加されていて、大阪などでも開催されています。今回は神戸元町で開催され、40人くらい見えられてました。


WordPress3.5.1は、PHPベースのブログツール。でも実際は、ウェブサイト全体をWordPressで構築したりされています。
PHP + MySQLで動きますが、PHP + SQLiteで動かすこともできます。
いろいろなサイトで、SQLiteで動かす方法が説明されていますが、環境によっては試行錯誤が必要です。アップロードとweb上での作業だけでSQLite版が使えるようにアーカイブにしましたのでおいておきます。
http://www.mediafire.com/?k8hsjl1u552rw

【設置方法】
1.上記zipファイルをダウンロードして解凍。
2.PHPをサポートするwebサーバ上へアップロード。
3. wp-admin内のindex.phpへブラウザでアクセス


MovableTypeからデータベースの引継ぎができそうなので、そのうち古いMT3から移行しようかとも思います。


天気予報では嵐でした。朝は雨でしたが、午後はいい天気で、昼間は暖かく感じました。


講義内容のメモ

【概要】
4/7 13:30- WordBench 神戸22
主催: @bren_boss 氏

--------------------------------

【サイトを構成する技術説明】
中古車販売店のウェブサイト(WordPressベース)を例に。

構成
・固定
・投稿
・メニュー
・プラグイン


カスタムメニュー"header"を使い、会社案内やアクセスなどのメニューを作成している。

get_posts()で、stockカテゴリの最新5件の記事を取得
サムネイルまたは投稿1枚目の写真を取得


プラグイン "Easing Slider"を使うと、写真が切り替わるアニメーションを使える。
プラグインの機能でUI(次の写真、前の写真)を消去できる。

グローバルナビゲーションはカスタムメニュー"primary"を使用。

お知らせ欄
 informationというカテゴリを作成し、get_posts()で最新5件取得し表示することで実現。

カスタムメニュー footer1,footer2部分
 WordPressのメニュー機能を使えば、ダッシュボードから変更できるので、便利。(お客様に直接編集してもらえる)

ダッシュボード>外観
 表示オプションに注意。チェック外れてると項目が表示されない。


カテゴリで商品の状態を管理
 記事を複数のカテゴリに所属させられる。販売実績にチェックすると、販売済みとして管理しやすい。かつお知らせにも掲載できる。


ImageGalleryプラグイン
 画像のサムネイル一覧を表示する機能?


車両スペックの表 標準テンプレートを作成して使用
 ビジュアルエディタにて、テンプレートの挿入 から選択できる。
 プラグイン「TinyMCEテンプレート」
 
 
カスタムフィード
 めんどくさい。融通が利かない。(表の1行だけ削るとかできない)ため、個人的に使わない。
 
 
使っているプラグイン紹介
 all in one favicon
  Faviconを表示する
  
 GoogleMap plugin
  住所とか入力したら、地図と地図上のピンで表示できる。
  ページスクロールの際に地図ズームしないように改良されている。
  
 Contact Form7
  お問い合わせページ
  
 Easing slider
  写真を切り替えるアニメーション。トランジションとかも設定できる。
  
 Google xml sitemaps
 
 Ultimate Tiny MCE
  ビジュアルエディタの項目の表示設定
  
 W3 Total Cache
  毎回PHPを走らせずに済む。
  
 WP-PageNavi
  長いページを複数に分け、ページ番号メニューをページ最下部に。
  
  
【質疑】
作成期間は?
 ゆっくりと作って3日間かな。12人時くらい。

 
何もテーマを使っていない?
 テーマを使わずに1から作ったのは、既存テーマの機能が多いと、お客様が逆に混乱する。(シンプルでない)
 たとえば写真が縦長なら、上と下を削ってcropしサムネイルを作成する処理を書いた。この機能は既存テーマになかった。
 画像自体を処理しているわけでなく、cssで処理している。
 
 
IE6サポート?
 一応サポートしている。IE6サポートは癖になっている。でももう必要ないかも。
 
 
 
マルチサイトの機能
 複数の子サイトを管理できる。便利。
 
-----------------------------------------------------------
「レンタル・VPS・AWS 黒い画面が嫌いなデザイナーがどう使う?なぜ使う?」

Relations Post Typesプラグイン
 ふりがながうまく使えない。→ Posts 2 postsを使えばよい。
 
infinity ? scroll
 永久スクロールを実現する。(最下部に行ったら続きが読み込まれる)3.5でバグる!
 
仕事をプライマリに受注すると...
 お客様から見ると、コーダーやデザイナ、サーバ管理者。
 
サーバの種類
 ①共用サーバ
 ②VPS
 ③クラウド
 ④専用サーバ
 
 
ローエンド共用サーバ
 さくらスタンダード、サーバーカウボーイ、
 
 
①共用サーバ
 ファーストサーバ
 CPIシェアードプラン
   →SSL対応 IPを振ってくれる。
   →気を付けるべきは、sshやcronも使えるので、高負荷のサイトと同じサーバに収容されるリスクも説明が必要。
   →WordPressの動作は少し重い。
   →お隣さんのサイトがメールブロックの対象となると、自サイトからもメールの送信ができなくなるケースがあった。
   →突発的アクセスには対応できない。(有名人のブログとかで紹介されると、突発的なアクセスがある)
   
WebARENA
  使い勝手が悪い。
  
  
CPIのシェアードプラン
 マルチドメイン可能。サイト1つ1つにIPを振ってもらえるので、SSLを適用可能。
 www.tokyobabycafe.com がTVに紹介されたとき、20分間くらいFWでアクセスを止められた。
 
②VPS
 初期セットアップ(黒い画面)が必要
 WordPressのnginxが使える。
 再起動はしてくれない。監視ツールが必要。
 
VPSのおすすめ運用モデル
 ウェブサーバのみをVPSにし、メールサーバは別に契約。webサイトの引っ越しのとき気楽だし、メールの設定は楽しくない。
 作業を外注するときは、お客様には2倍の費用で見積もる。万一の場合2回くらいの作業が必要だから。
 AレコードにVPSのwebサーバ、mxレコードにメール専用サーバを設定している。
 
Amaxon
 電話とクレジットカードだけでアカウント作れる。
 
Amazon S3
 動的なコンテンツは置けない。静的にファイルを置くだけ。
 MacのTransimitというソフトで簡単にアップロードできる。
 
 たとえば、現状のサーバは3支店全員のメールとか扱っており、すぐには動かせない。
 また、デザイナーはhtmlくらいしかいじれない。
 そこで、amebloで芸能人が直リンクで紹介されると、amebloは更新時に購読者に通知が行くので、急激にアクセスが増加する。
 →画像だけS3に移行させた。(css sprite)
 月数百円で大丈夫。広報予算で処理できる。
 シスアドやSEに話さなくてよい。
 CMによるアクセスの場合は、トップページへのアクセスが多いので、トップだけでも効果あり。
 
同志社公理高校の合格発表のページ作成
 合格発表の日だけアクセスが殺到。
 しかし、データは直前でないと完成しない。
 ■PHPからS3にアクセスし、csvを書き換えることが可能。(APIを使用?)
 
S3でDLの効果測定
 S3で「待ち受け画像のDL数」とかを調べることができる。フォルダの「Logging」機能がある。
 
EC2
 http://www.koji-honpo.co.jp を作成 (EC2を使用)(北原理恵キャンペーン)
 EC2でインスタンス起動→Elastic IPを取得してインスタンスに割り当て(CNAMEでも割り当てできるが、インスタンスを再起動すると変わるためIPの方が簡単)
 AWS largeを設定し、落ち着いたらsmallにする。簡単にパフォーマンスを変更でき、契約も楽。キャンペーン広報予算で処理できる。
 書き込みのあるサイトでは、一台のサイトをExtra-Largeまでするよりも、サーバエンジニアをコミットするべき。
 →ロードバランスとか考えてくれる人をコミットする。
 

DreamweaverからEC2にアクセスできない場合...
 SFTPを使用。or unix一般ユーザを作成。
 EC2はrootアカウントしか初期ではないため、ftpはrootで接続できないから。
 
 
--------------------------------------------------
【WordCamp kobe 2013の紹介】
 One Day School 6/15 10:00~ スペースアルファ三ノ宮にて。 \3000
 
--------------------------------------------------
【質疑応答】

ダッシュボードで、「投稿」以外のメニューを隠すことは可能?
 「編集者」権限のアカウントを作成すればOK
 ダッシュボードの「表示オプション」で、要らない項目を外しておくのも良いか。
 プラグイン"Adminimize"で、メニューを隠すことができる。
 
 
PDFの帳票を出力するプラグインとかある?
 →ない。 PHPからPDFを作成するライブラリがあるので、プラグインを組むのがよいかと。

トラックバック

このエントリーのトラックバックURL:
http://www.ddhost.jp/mt/mt-tb.cgi/717

About

2013年04月07日 18:00に投稿されたエントリーのページです。

ひとつ前の投稿は「大阪城公園 花見」です。

次の投稿は「WS011SH - Advanced/W-ZERO3 [es]」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。