SlideShare una empresa de Scribd logo
1 de 31
Descargar para leer sin conexión
の
木下 健太郎の
投稿画面で迷わせない方法
1.
2.
3.
4.
5.
6.
自己紹介
「中村区のわ」の説明
更新のワークフロー
カスタム投稿タイプ
カスタムフィールド
最後に
目次
自己紹介
自己紹介
木下 健太郎(きのした けんたろう)
トライデントコンピュータ専門学校
Webデザイン学科 2年生
好きなモノはアメコミとアボカド!!
@ken_megane
プロジェクトの説明
中村区からのサイト制作の依頼
プロジェクトの説明
コーディングチームとして主に
HTML・CSS・JS・WordPressを担当
プロジェクトの説明
中村区のサブサイトとして運営
更新は老若男女様々な区民で結成された
メンバーが行う
プロジェクトの説明
歴史的な魅力を伝えたい
若い人にも知ってもらいたい
コンセプトコンセプト
プロジェクトの説明
「中村区のわ」
プロジェクトの説明
プロジェクトの説明
考案したコンテンツ案考案したコンテンツ案
・中村区に住む人々を通じて歴史を知ってもらう
プロジェクトの説明
考案したコンテンツ案考案したコンテンツ案
・イベントに参加することで輪を広げる
プロジェクトの説明
考案したコンテンツ案考案したコンテンツ案
・不定期更新だけど面白いことをして行く
プロジェクトの説明
考案したコンテンツ案考案したコンテンツ案
・不定期更新だけど面白いことをして行く
プロジェクトの説明
考案したコンテンツ案考案したコンテンツ案
・主な更新場所もこの3箇所
スペシャルスペシャルイベントイベントインタビューインタビュー
TOP
更新のワークフロー
更新のワークフロー
更新までの流れ更新までの流れ
・メンバーがWordPressに直接記事を書く
・更新頻度は週に1回程度
・交代制なので誰でも簡単に書けるシステムが必要
複数人のメンバーが
交代で記事を書く
複数人のメンバーが
交代で記事を書く
区役所の方が
チェックして投稿
区役所の方が
チェックして投稿
公開公開
Webのリテラシーが低い人でも
更新で迷わせない作りにする
更新のワークフロー
・プロジェクトメンバーにお年を召した方が多い
・ブログなど更新した経験がない人がほとんど
カスタム投稿タイプ
これを追加した
通常の投稿ページとは別に
オリジナルの投稿ページを追加できる
カスタム投稿タイプ
カスタム投稿タイプ
function interview_custom_post_type() {
$labels = array(
'name' => _x(' インタビュー ', 'post type general na
'singular_name' => _x(' インタビュー ', 'post type s
'add_new' => _x(' インタビュー記事を新規追加 ', 'inte
'add_new_item' => __(' 新規項目追加 '),
'edit_item' => __(' 項目を編集 '),
'new_item' => __(' 新規項目 '),
'view_item' => __(' 項目を表示 '),
・記事ごとに入力する情報が異なっている
・どこに何を書けばいいのかを迷わせない
・記事ごとに入力する情報が異なっている
・どこに何を書けばいいのかを迷わせない
記事ごとに特化した投稿画面にする
カスタムフィールド
カスタムフィールドを使用することで
より自由度の高い投稿画面にする
独自にフォームを追加できる
カスタムフィールド
function add_my_meta_box() {
add_meta_box( 'my_sectionid', ' イベント情報 ', 'my_cu
}
function my_custom_fields() {
global $post;
echo '<br><label for="text_field"> イベント名 </label>
echo '<input type="text" name="text_field" value="'.
echo '<label for="text_field"> 開催場所 </label><br>';
カスタムフィールド
最後に
最後に
現在取り組んでいるところ現在取り組んでいるところ
画像の簡単な投稿の仕方
最後に
ありがとうございました
ありがとうございました
懇親会も
参加します!!
懇親会も
参加します!!

Más contenido relacionado

La actualidad más candente

Cssアニメーションとその制御
Cssアニメーションとその制御Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita
 
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
優也 田島
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
 
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
Yoshinori Kobayashi
 

La actualidad más candente (20)

Cssアニメーションとその制御
Cssアニメーションとその制御Cssアニメーションとその制御
Cssアニメーションとその制御
 
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
 
Azure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイントAzure上でec cubeを運用するポイント
Azure上でec cubeを運用するポイント
 
案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
 
Webデザイナー視点で使ってみた Microsoft Azureの話
Webデザイナー視点で使ってみたMicrosoft Azureの話Webデザイナー視点で使ってみたMicrosoft Azureの話
Webデザイナー視点で使ってみた Microsoft Azureの話
 
Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要Web制作に便利な機能いろいろ!Microsoft Azureの概要
Web制作に便利な機能いろいろ!Microsoft Azureの概要
 
Exbition slide
Exbition slideExbition slide
Exbition slide
 
ブログのすすめ
ブログのすすめブログのすすめ
ブログのすすめ
 
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
 
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
Sassの基本機能のみで効率的なWordPressのcssコーディングtipsをご紹介
 
インフラ知識ゼロの「デザイナー」でもOK! Microsoft Azureの便利機能を Web制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK! Microsoft Azureの便利機能を Web制作的に活かしてみた話
 
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケWebデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
国産オープンソースCMS「ZOMEKI」の紹介
国産オープンソースCMS「ZOMEKI」の紹介国産オープンソースCMS「ZOMEKI」の紹介
国産オープンソースCMS「ZOMEKI」の紹介
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
 
フリーランサーの2014年振り返り
フリーランサーの2014年振り返りフリーランサーの2014年振り返り
フリーランサーの2014年振り返り
 
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
 
MMOのサーバについて 剣と魔法のログレス ~いにしえの女神~ での実装例
MMOのサーバについて 剣と魔法のログレス ~いにしえの女神~ での実装例MMOのサーバについて 剣と魔法のログレス ~いにしえの女神~ での実装例
MMOのサーバについて 剣と魔法のログレス ~いにしえの女神~ での実装例
 
私のWordPress勉強法
私のWordPress勉強法私のWordPress勉強法
私のWordPress勉強法
 
よりよい UI/UX を創るためのアクセス解析
よりよい UI/UX を創るためのアクセス解析よりよい UI/UX を創るためのアクセス解析
よりよい UI/UX を創るためのアクセス解析
 

Similar a WordFes Nagoya 2013 活用事例発表会『WordPressの投稿画面で迷わせない方法』

CSS Nite in Nagoya Vol.6
CSS Nite in Nagoya Vol.6CSS Nite in Nagoya Vol.6
CSS Nite in Nagoya Vol.6
Yuki Hirano
 
第2回ExtJSユーザー事例紹介
第2回ExtJSユーザー事例紹介第2回ExtJSユーザー事例紹介
第2回ExtJSユーザー事例紹介
Akiyuki Nomura
 
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
sogawaminoru
 

Similar a WordFes Nagoya 2013 活用事例発表会『WordPressの投稿画面で迷わせない方法』 (19)

自分に合ったWeb出店とは? in まるたまサマースクール
自分に合ったWeb出店とは? in まるたまサマースクール自分に合ったWeb出店とは? in まるたまサマースクール
自分に合ったWeb出店とは? in まるたまサマースクール
 
ベトナム・ダナン オフショア開発記 by 中村健太(株式会社ビットエー/日本ディレクション協会)
ベトナム・ダナン オフショア開発記 by 中村健太(株式会社ビットエー/日本ディレクション協会)ベトナム・ダナン オフショア開発記 by 中村健太(株式会社ビットエー/日本ディレクション協会)
ベトナム・ダナン オフショア開発記 by 中村健太(株式会社ビットエー/日本ディレクション協会)
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
 
「UI/UXデザインでサイトを改善しよう」EC-CUBE勉強会 vol.16
「UI/UXデザインでサイトを改善しよう」EC-CUBE勉強会 vol.16「UI/UXデザインでサイトを改善しよう」EC-CUBE勉強会 vol.16
「UI/UXデザインでサイトを改善しよう」EC-CUBE勉強会 vol.16
 
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライスキッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
 
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
 
CSS Nite in Nagoya Vol.6
CSS Nite in Nagoya Vol.6CSS Nite in Nagoya Vol.6
CSS Nite in Nagoya Vol.6
 
「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話「JPOHC」のロゴ制作の話
「JPOHC」のロゴ制作の話
 
第2回ExtJSユーザー事例紹介
第2回ExtJSユーザー事例紹介第2回ExtJSユーザー事例紹介
第2回ExtJSユーザー事例紹介
 
第1回 CMS Fun Nagoya / a-blog cms 編
第1回 CMS Fun Nagoya / a-blog cms 編第1回 CMS Fun Nagoya / a-blog cms 編
第1回 CMS Fun Nagoya / a-blog cms 編
 
20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料
 
さぶみっとヨクスル「アオクスル」20160712
さぶみっとヨクスル「アオクスル」20160712さぶみっとヨクスル「アオクスル」20160712
さぶみっとヨクスル「アオクスル」20160712
 
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
 
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニングモデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
 
Lightweight CMS
Lightweight CMSLightweight CMS
Lightweight CMS
 
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
 
あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012あらためて考えるCMS選択 2012
あらためて考えるCMS選択 2012
 
Ssi 20150519
Ssi 20150519Ssi 20150519
Ssi 20150519
 
220111 つながった世界 飛躍するコンテンツビジネス
220111 つながった世界 飛躍するコンテンツビジネス220111 つながった世界 飛躍するコンテンツビジネス
220111 つながった世界 飛躍するコンテンツビジネス
 

WordFes Nagoya 2013 活用事例発表会『WordPressの投稿画面で迷わせない方法』