『初心者向け』タグの付いた投稿一覧

WordPressユーザーのための、「公式よりも簡単な」ゆるかわCMS『seezoo』テーマのつくりかた解説(前編:テンプレートタグ的な)

前回の記事「非PGなWordPressユーザーのための、ゆるかわCMS『seezoo』解説」、意外と好評でありがたい限りです。
ということで続編です。

seezooの公式サイトには、残念ながらテーマ作成のチュートリアルがありませんが、商用版の『seezoo more』のサイトに「Webデザイナーのためのテンプレート作成教室」というコンテンツがあります。
オープンソース版と何ら変わらないので、このサイトを見ればいいのですが、、、

勝手に、もっと簡単なチュートリアルを展開してみようと思います!!
今回は前編として、seezooで使うPHPのコードを7つだけ覚えてください。コピペでOKなのでPHP未経験者も安心!

アジェンダ

  1. 用意するもの(前編)
  2. 使うPHPのコード(コピペでOK)(前編)
  3. seezooテーマの構成・役割(後編)
  4. seezooテーマ化の手順(後編)
  5. 自作seezooテーマのインストール(後編)

用意するもの

  • ブラウザ
  • エディタ
  • seezooテーマ化したいHTML+CSS
  • ごく基本的なHTMLとCSSの知識
  • 一歩踏み出す勇気

さて、ではお手元のHTMLをseezooテーマ化してみましょう。

»続きを読む

IEでの後方互換スイッチに関して勘違いしてました。だからまとめ。

今さらながら、このブログで配布してるWordPressテーマ“mypace custom”シリーズご利用時の注意事項を付け足しました。
というか、気付かず説明してなかった自分が悪いのですが。

各バージョン共通なのですが、先頭に入っているコメントが原因で、そのまま使用するとIEシリーズで後方互換モードになってしまいます。
そのため、実際に使用するときはコメントを削除するか、DOCTYPE宣言より後ろに移動させてください。

原因は、完全に私がIEで後方互換モードになる条件について勘違いしていた点があったためです。
ホントにお恥ずかしい。。。

恥ずかしついでに、ここでまとめをして恥をさらしておきます。初心者の方は同じ失敗をなさらぬよう。。。

»続きを読む

HTML5での新要素がブラウザで認識されなかったからリセットCSSに記述を追加した

2011年1発目の記事ですね。遅ればせながらあけましておめでとうございます。
にしても、2010年って本当に365日あったんでしょうか。きっと誰か数え間違えt…(ry

さて、2011年の自分的ノルマとして、以下のようなことをを掲げておりまして。

「HTML5ですらすらマークアップ」

まずは自分用とか自社用のサイトから徐々にHTML5のマークアップに切り替えていこうかなと思っております。
html5.js使えばIEでもそれなりにいけるみたいですし。

ところが、簡単にマークアップしてブラウザチェックした時に、

「あれ?IE以外も新要素認識してないじゃんsad

»続きを読む

WordPress初心者さんがまず覚えないと困るテンプレートタグBest5(+α) ※若干情報古め

##2015.01.26補足
この記事を公開してから4年とちょっとが経ちました。
コード内の不要な半角スペースを削除しました。また、echoが必要なタグにサニタイズ処理を追加しました。しかしこのページの記述自体レガシーになってきているので、参考にする際は注意してください。

##2013.03.06補足
この記事を公開してから2年とちょっとが経ちました。
bloginfo系のテンプレートタグの非推奨となった引数部分で、別のタグを紹介しているので5つではなくなりました。

##2012.01.30補足
この記事は古くなっています。bloginfo系のテンプレートタグの推奨状況が若干変わっていますので、ご注意ください。
ほかは大丈夫だと思いますし、古いタグで動かないわけではないのですが。余裕があれば改訂版書きます。


先日Webの専門学校の講師をされている方にお会いした時、
「WordPressを初めて学生さんに教える時に、まず覚えなきゃいけないテンプレートタグって何かな?」
っていう話がでました。

たしかに、テンプレートタグのリファレンスってあるんですけど、機能別やアルファベット別になっていて、どことなく初心者向けじゃない気がするんですよね。

今でこそ、「WordPress使いならリファレンスやCodex読まないとダメ!」って胸を張って言えますけど、初めて使った頃はまず、リファレンスやCodexのどこを読めばいいのかっていうことすらわからないものです。

そこで、「WordPressを今日から初めて触る人が、まず理解しておくべきテンプレートタグ」を独断と偏見で5つ挙げたいと思います!
(※Ver3.0以降を想定。)

»続きを読む

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

ページ送りが出ないと困るよね…

#2013.03.25追記
この記事を公開してから2年以上が経ちました。今後このページに記載しているquery_postsを使った実装方法は非推奨になっていく流れです。
また、現在のバージョン(3.1以降だったかな?)では、わざわざ表示用の固定ページを作らなくても、'has_archive' => trueを1行追加しておけば、勝手にアーカイブページが生成されます。
たとえばパーマリンク設定が /archives/%postname%/だったら、http://example.com/archive/goods で勝手に一覧してくれてるはずです。
適宜最新のCodexなどを参照してください。


前回のエントリー「カスタム投稿タイプの表示用のページを作る-WordPress備忘録-」で書いたコードだと、実は投稿数が増えた時のページ送りのためのリンクが出ないんです・・・。

ページ送りが出ないと困るよね…

ページ送りが出ないと困るよね…

ページ送りを出すためのテンプレートタグで、’posts_nav_link’ってのがあるんですが、これも機能しなくて…
そこで、いろいろ調べたりフォーラムとか活用しながらコードの見直しを図りました。

»続きを読む

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

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

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

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

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

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

»続きを読む

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

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

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

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

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

»続きを読む

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

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

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

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

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

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

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

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

»続きを読む

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ファイルに分かれていて、全体がどういう構造になってるのかわかりにくい!
  • だからシンプルなテーマを探したけど、ウィジェット非対応・・・(泣)

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

»続きを読む

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

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

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

»続きを読む

書籍を執筆しました

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


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

寄付歓迎(・ω<)☆

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

ブログ内検索