タグ

ブックマーク / webdesignrecipes.com (8)

  • WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方

    WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも!そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS(コンテンツマネージメントシステム)というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン

  • WordPressのビジュアルエディターにプラグインなしでクライアントさん向けボタンを追加

    私はビジュアルリッチエディターは使ってませんが、クライアントさんはやっぱりビジュアルリッチエディターを使ってます。 フロート解除ボタンなど、もう少しだけエディターを便利にするボタンを追加するための Tips です。 WordPress の投稿画面のビジュアルリッチエディター。私はビジュアルエディターは使ってないのですが、クライアントさんに納入する時には、ビジュアルリッチエディターでブログの書き方を教えてます。クライアントさんは HTML が書ける人ばかりではないので…。 もともとかなりのボタンが最初からついてるビジュアルリッチエディターですが、実はアドバンスツールというものがあって、最初は表示されていないボタンもあります。 ビジュアルリッチエディターのアドバンスツール

  • WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック

    WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き(WordPress Codexでは振る舞いという言い方がされています。)でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ

  • CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

    Webデザインをしていると、HTMLCSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦

  • PhotoshopでWebサイトのモックアップをつくるチュートリアル

    Photoshopを使ってWebサイトのモックアップを作るチュートリアルです。ワイヤーフレーム、グリッドを使ってデザインを完成させていきます。Photoshopの詳しい知識は必要ありません。海外ブログの翻訳記事です。Webサイトをデザインする時に作るモックアップ。そのモックアップのチュートリアルです。自分のデザインでは気が引けるので...細かく読んでいくとPhotoshopの小技もいくつか出てきて面白いかも! Webサイトをデザインするときに、Photoshopを使う人は多いと思います。 今回はPhotoshopを使ってWebサイトのモックアップを作るチュートリアルを紹介します。 これからモックアップを作ってみようと思っている人にはとても有益なポストだと思います。 モックアップを作成する時に必須となるグリッドもダウンロードできますよ。 今までに、ウェブサイトレイアウトを設計するにはど

  • 後から知ることが多いWordPressお役立ちスニペット9つ

    WordPressを始めたばかりの初心者さんから、ちょっと慣れてきた中級者までのちょっと知っていればお役立ちのスニペットを9つ紹介します。私もWordPressを始めた時に知っていればよかったなーと思うことばかりです。WordPressを初めたばかりという人や、少し慣れてきたという人たちへ私が最初から知っていればなーという遠回りして得たスニペットをご紹介します! あなたの知りたいことがあったら嬉しいです。 Webクリエイターボックス Manaさんの、 WordPressで困った時に役立つお助けコード8つ の最後に「その他、みなさんが命拾いしたお助けコードがあればぜひ共有しましょう!」とあったので、何かないかなーと思ったんですけど… 困ったときという訳ではないんですが、知っていればちょっといいかもというスニペットを9つ程思いつきました! 私が初心者(今でもですけど)の時に「こんなの知

  • functions.phpに書いておくといいかもしれないコードいろいろ

    WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。

  • WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ

    WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP

  • 1