デザイン(見た目)も大事だけど、制作者には作文力が重要なんじゃないかって思った[self reblog]

【このエントリーは会社員時代に書いた記事のリブログです。】

あれやこれやのうちに、次の勉強会があったり本業のお仕事に追われていたりで、先月の勉強会のレポートが途中かけのまま1ヶ月経ってしまいました。

おさらいですが、10/16(土)、Web制作に関わる方のためのセミナーイベント『CSS Nite in NAGOYA, Vol.5』に参加してきました。

dangerセッションを聞いて私なりに解釈したことを書きます。あんまりセッション内容の紹介ではなくなってしまいました。

2つ目は、(株)まぼろしの小林さんのセッションで、Web制作に使用するマークアップ言語の最新事情(HTML5とCSS3)に関するお話でした。

»続きを読む

カスタム投稿タイプを練習する為のWordPress子テーマを配布!”mypace custom plus”のご紹介

WordPressを企業サイトとして使うなら、やっぱりカスタム投稿タイプは使った方が良いですよ。

以前私が初めてWordPressを使った案件では、例えば「お店ブログ(新着情報)」というページと、「商品紹介」というページをお客さんが更新するにあたって、全部「投稿」に入れてカテゴリーで出力箇所を制御しているような作りでした。

でも、いちいち「カテゴリー」のところにチェック入れてもらうのはハードルが高い気がします。
チェックし忘れたり、間違えたら「商品紹介」のところに新着情報が出ちゃったりするわけだし。

そこで、カスタム投稿タイプの出番です。
でも、「自分でやるの面倒!」「それテーマにしといてよ!」って声が聞こえてきそうなので、えぇ、作っちゃいましたとも!

»続きを読む

カスタム投稿タイプの表示用のページを作る(旧版)-WordPress備忘録-(※情報古いです)

#2013.03.25追記
この記事を公開してから2年以上が経ちました。今後このページに記載している実装方法は非推奨になっていく流れです。
適宜最新のCodexなどを参照してください。

#2010.12.12追記
この方法よりもっといい書き方を習得したので、ご一読の後は「改正版:カスタム投稿タイプの表示用のページを作る-WordPress備忘録-」エントリーもどうぞ!

自分用の覚え書き。
2,3回目だったのにやり方忘れてたからメモしときます。

やりたいこととしては、

  1. WordPress3.01で、ブログ用途じゃなくて企業紹介のサイトを作ってる
  2. 「施工実績」とか「製品一覧」とか、そういうページを作っておいて、お客さん側で今後情報追加していく予定
  3. 他の固定ページと同じナビゲーションに混ぜたい。
  4. でも、「投稿」は別の用途で使っているので、投稿の中には混ぜたくない

とある建設業の会社さんのサイトで、「施工実績」というカスタム投稿タイプを使ったページを作った一連の流れです。

»続きを読む

創作意欲を刺激する素材辞典、たのしいよ(*゚▽゚*)

Web制作を仕事でやっているのならば、多くの人がお世話になるであろう「素材辞典」。
うちは貧乏なので最新の巻は持っていませんが(低解像度・廉価版のImageBookになってるやつだけ持ってる)、これらをちらちら眺めているだけでもたのしいもんです。時に仕事を忘れてしまうこt・・・(ry

»続きを読む

WordCampNagoya2010 初心者向けLTでしゃべりました

2010.10.30(Sat)、我が母校名古屋市立大学山の畑キャンパスにて盛大に開催されたWordCampNagoya2010。

私もWordPressを愛する者として何か貢献できないものかと思い、初めてではありますがライトニングトーク(LT)に参加させてもらいました。
内容は、先日公開した「mypace customテーマ」の紹介です。

»続きを読む

Webデザインをする上で「必ず」知っておくべきこと![self reblog]※情報古いです

【このエントリーは会社員時代に書いた記事のリブログです。】
今回は2日連続の勉強会参加でした。

10/16(土)、Web制作に関わる方のためのセミナーイベント「CSS Nite」の久々の名古屋開催である『CSS Nite in NAGOYA, Vol.5』に参加してきました。

「初心者向け」をうたっているセミナーでしたが、ある程度経験を積んだ人でも聞きごたえのあるトピックばかりで、大変有意義な時間でした。

(後輩君も誘えば良かったと少々後悔しています。)

今回はセッションが3つありましたので、私の感想も3回に分けて書きたいと思います。

1つ目のセッションは、(株)マールの増田 悟さんによる「Webデザインに関わって行くために注意すべきポイント」。

Webデザインの初心者さんがぜひとも知っておかないといけない内容を、分かりやすく説明してくださいました。かいつまんでまとめます。

»続きを読む

あなたのサイトに「目標」はあるか?「やる気」はあるか?[self reblog]※情報古いです

【このエントリーは会社員時代に書いた記事のリブログです。】
10/15(金)に、モンキーワークス代表の古庄さんをはじめとする、この地方のWeb制作者の有志の人々が集まって開催された「名古屋サイト改善研究会Vol.1」に、私も初参加してきました。

この勉強会は25人ほどの少人数で、さらに5人ずつのグループを作って、ある実例サイトの改善策を話し合う、というものでした。

具体的には、アクセス解析(Google Analytics)の分析結果や、実際の店舗の売り上げデータ等を参考にしながら、より効果的なサイトにするためにはサイトをどのように改善すべきか話し合いました。

5人でアイデアをどんどん出していき、最終的にグループ内の提案をまとめて、全員の前で発表する、というワークショップ的な勉強会でした。

»続きを読む

自作WordPressテーマのライセンスについて調べてみた(WordPressとGPL)

昨日、自作テーマ公開のエントリー『PHPの分からない初心者向けの自作WordPressテーマ”mypace custom”を配布』を公開しましたが、その後記事を読んでいただいた某師匠様より、

基本的にオープンソース系のライセンスは再配布に制限があるとまずいのでGPLじゃなくて、クリエイティブ・コモンズ系のライセンスにそーっと変えておくのがいいかも

というアドバイスを頂いたので、一応調べたつもりだったんだけどもう一度ちゃんと調べてみました!

»続きを読む

PHPの分からない初心者向けフリーWordPressテーマ”mypace custom”を配布

  • 2010.10.16 ご指摘を頂き、ライセンスに関する表記を変更しました。
  • 2011.01.19 コメントのせいでIEで後方互換モードになる点についての注意書きを追加しました。
  • 2011.04.30 HTML5版”mypace custom V”をリリースしました!ダウンロードなどは「mypace custom theme project」サイトにて。
  • 2011.07.25 Ver1.5と、縦リンクVerの’mypace custom vertical 1.2′ 配布開始!

WordPress使いである以上、無数に転がっているフリーの配布テーマで満足は出来ないでしょう。
私は出来ません(^^;;

でも、
一応xhtml+cssでサイトを作る事は出来るけど、PHPとなると何が何だか…って人も多いことでしょう。
えぇ、私がそうです。

  • フリーダウンロードした気に入ったテーマファイルを改造しようとして、ソースを開いたら、なんか難しいコードがぎっしり!
  • css細かすぎ!ハックや!important使い過ぎ!
  • しかも全部英語!
  • 開始タグと閉じタグが別々のphpファイルに分かれていて、全体がどういう構造になってるのかわかりにくい!
  • だからシンプルなテーマを探したけど、ウィジェット非対応・・・(泣)

そんな経験ないですか?
えぇ、私はしょっちゅうでした…

»続きを読む

カスタマイズ不要!WordPress3.0テーマTwentyTenを使ってギャラリーサイトをお手軽に

先に書いたフォトブログを思いつきで作るにあたって、やりたかったのは以下のようなことなんですが。

  1. indexページに、投稿記事が並ぶ(縦並びでも、横並びでも良いけど)
  2. アップロードした写真がずらりと並ぶフォトギャラリー用のテーマはいろいろあるけれど、そうじゃなくて、投稿は撮った日付ごとに分けたい
    (「10月**日 ○×旅行」ってタイトルをクリックしたら、その旅行で撮った写真の一覧を見られるようにしたい)
  3. indexページでは、ギャラリー内の写真の中から1枚だけサムネイル表示させたい

カスタムフィールドとか使ってごにょごにょっとやればいいかな・・・って思ってたんだけど、ここでふっと8月の勉強会で聞いたことが思い出されまして。
»続きを読む

書籍を執筆しました

WordPress 標準デザイン講座【Version 4.x対応】


翔泳社さんより、2015/02/27発売しました。2年経ちますのでもう賞味期限切れだとは思いますが、一応実績として...

寄付歓迎(・ω<)☆

当ブログの記事があなたの役に立ったら、気が向いたらでいいのでドネーションいただけると更新の励みになります!
気が向いた方はこちらから

ブログ内検索