ウェブコーディング

  1. WordPressでも簡単に使えるってほんと?会話風吹き出しのCSSテンプレート

    会話風吹き出しのテンプレートとして使えるCSSを作ってみました。会話風吹き出しのデザインは一見難しそうに見えるのですが、要点さえ抑えてしまえば誰でも簡単に作…

  2. 混乱してない?CSSレイアウト【position: absolute】を最短で理解するための2つのポ…

     positionを使うとfloatやmarginを駆使してレイアウトを設定するより簡単に設定できてしまうのですが、1つ難しいところがありますね。そう。…

  3. プラグイン不要!2ステップで完了!「FontAwesome」をWordPressに導入してアイコンを…

    ブログのカスタマイズをするとき、必要なアイコンをいちいち画像化して、フォルダにアップロードするのは手間ですね。そんなときは「Font Awesome」という…

  4. 子テーマを使ってWordPressを自由にカスタマイズしちゃいましょう

    WordPressをカスタマイズするときに使うと便利なのが「子テーマ」です。子テーマとはベースとなるテーマのCSSやPHPファイルを引き継いで、部分的にカス…

  5. 開始タグと終了タグを一気に置き換える!WordPressのテーマ変更に使える小技

    このブログでもテーマの変更をしたことがあるのですが、テーマを変更するとHタグなどの表示が変わったりしますね。そうすると、手作業でh2タグをh3タグに変換した…

  6. WordPressで全文検索・置換をする「Search Regex」プラグインの使い方

    テキストエディタ(メモ帳)やオフィスソフト(Word)では、検索した文字を別の文字で置き換えることができます。「同じことがWordPressの記事でもできた…

  7. WordPressの子テーマを作るときのひな型テンプレートがあるんですが…

    WordPressのカスタムをするときは子テーマを使った方が効率的で、もとのテーマを傷つけることもないです。子テーマ自体は簡単な構造なのでその都度、調べて作…

  8. ListCategoryPostsプラグインで記事一覧を作るときのヒント

    「ListCategoryPosts」というWordPressのプラグインを使うと、特定のカテゴリやタグを指定した記事一覧を作成することができます。ここでは…

  9. 意外と重要なCSSのidとclassを使い分け

    WordPressテーマを作ったり、ホームページを作ったりするとき、間違いなく登場するのはCSS(カスケードスタイルシート)です。CSSはホームページや…

  10. CSSのfloatを使ってリキッドレイアウトを組んでみた

    先日ふと思い立って、一からWEBサイトをデザインし始めることにしたのですが、一からと言うのはなかなか難しいですね。基本も忘れかけていたのでちょっとずつメ…

  11. WordPressのテーマ・テンプレートのディレクトリを取得する方法

    WordPressのカスタマイズをするとき、親テーマと子テーマのどちらのディレクトリを参照するかが問題になることがあります。faviconなどの共通ファイルなど…

  12. WordPressでgoogle-code-prettifyの導入と最低限のCSS設定をする方法

    google-code-prettifyとはウェブページ上のソースコードを自動的に色付けして、読み易く編集してくれるGoogleのシンタクスハイライト機能です。…

  13. PHPで配列と文字列の変換をデータベースに応用する方法

    データベース検索などを利用するときに、$_POSTや$_GETで受け取った文字列を配列に変換してデータベース関数に渡す処理をする場面はよくあります。そんな処…

  14. PHPでデータベースから取得した配列を加工する方法

    データベースからデータをfetch関数などで取得すると、大体は2次元配列の構造になっています。この2次元配列の構造から特定データを利用するときに意外と苦戦するの…

  15. NetBeansでSQliteのドライバーを有効にするプラグイン

    PHPなどのwebアプリケーションを作成できるNetBeansですが、軽量データベースのSQliteへ接続するためのドライバーは標準で搭載されていません。…

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

 
  1. グラフィックデザイン

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  2. ブログ収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  3. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  4. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  5. グラフィックデザイン

    フォトレタッチ・グラフィックデザインの無料ソフト「GIMP」(≒Photosho…
PAGE TOP