『Web関連学習記録』カテゴリーの投稿一覧

カスタム投稿タイプを練習する為の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デザインをする上で「必ず」知っておくべきこと![self reblog]※情報古いです

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

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

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

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

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

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

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

»続きを読む

自作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月の勉強会で聞いたことが思い出されまして。
»続きを読む

WordPress3.0のマルチブログ機能を使ってフォトログ公開!

ローカルでは実験してみたのですが、本サーバでちゃんと動かしてなかったので、設定してみました。

自分で撮った写真を集めたフォトブログです。
https://mypacecreator.net/photo/

で、昨日はちょっとした遠足で養老まで写真を撮りに行ってまして。

自然に囲まれながら写真を撮っていると、なんだか創作意欲が湧いてくるというか、
「あ、帰ったら新しいサイト作んなきゃ!」って気になるんですね~、不思議なことに。

»続きを読む

繰り返し同じ処理をさせるには ~for文

プログラミングをするメリットとして、
「人間が手作業でやると面倒な動作を一瞬で完了させられる
という点があると思います。

for文はそんなニーズに応えてくれます。
同じ処理を、こちらが指定した回数だけ繰り返してくれます。

»続きを読む

OK/キャンセルを選ばせる ~confirm()メソッド

confirm

とにかく日常的によくお目にかかる、この2択ダイアログ。

confirm

こういうのよくあるよね

これを出す命令が、confirm()メソッド。
ここで、OKを選べばtrueを、キャンセルを選べばfalseを返します。

»続きを読む

プログラミングのキモ01 ~if…else文

いまやっているのはJavaScriptですが、どんな言語でもプログラミングの初心者にとってまず1つキモとなるのがif…else文による条件分岐なのかなぁ、と思います。

excel等でもif文はありますし、シロかクロかな関数なので、理論としては難しいことはないと思います。
でも、条件判定をどうするかが難しい。ここをちゃんと理解しないとプログラミングはいばらの道かも。。。。

»続きを読む

書籍を執筆しました

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


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

寄付歓迎(・ω<)☆

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

ブログ内検索