wordfes nagoya 2013 活用事例発表会『wordpressの投稿画面で迷わせない方法』

31
木下 健太郎投稿画面迷わせない方法

Upload: kentarou-kinoshita

Post on 31-May-2015

2.374 views

Category:

Technology


5 download

DESCRIPTION

WordFes Nagoya 2013の活用事例発表会で発表させていただいた時のスライドデータです。

TRANSCRIPT

木下 健太郎の

投稿画面で迷わせない方法

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 name'),

'singular_name' => _x('インタビュー ', 'post type singular name'),

'add_new' => _x('インタビュー記事を新規追加 ', 'interview'),

'add_new_item' => __('新規項目追加 '),

'edit_item' => __('項目を編集 '),

'new_item' => __('新規項目 '),

'view_item' => __('項目を表示 '),

'search_items' => __('項目検索 '),

'not_found' => __('記事が見つかりません '),

'not_found_in_trash' => __('ゴミ箱に記事はありません '),

'parent_item_colon' => ''

);

・記事ごとに入力する情報が異なっている ・どこに何を書けばいいのかを迷わせない

・記事ごとに入力する情報が異なっている ・どこに何を書けばいいのかを迷わせない

記事ごとに特化した投稿画面にする

カスタムフィールド

カスタムフィールドを使用することで より自由度の高い投稿画面にする

独自にフォームを追加できる

カスタムフィールド

function add_my_meta_box() {

add_meta_box( 'my_sectionid', 'イベント情報 ', 'my_custom_fields', 'post', 'advanced' );

}

function my_custom_fields() {

global $post;

echo '<br><label for="text_field">イベント名 </label><br>';

echo '<input type="text" name="text_field" value="'.esc_html($text_field).'" size="50" /><br><br />';

echo '<label for="text_field">開催場所 </label><br>';

echo '<input type="text" name="text_field1" value="'.esc_html($text_field1).'" size="50" /><br><br>';

カスタムフィールド

最後に

最後に

現在取り組んでいるところ現在取り組んでいるところ

画像の簡単な投稿の仕方

最後に

ありがとうございました

ありがとうございました 懇親会も参加します!!

懇親会も参加します!!