Webサービス

Thumbnail of post image 025

ロゴとかタイトルなんかを作るときにどんなフォントにしようか悩むことってよく有りますよね?

そんな時にすごく便利なサービス。

テキストボックスに文字を入れると、今使っているPCにインストールされているフォントでそ ...

javascript

Thumbnail of post image 013

Google Mapをレスポンシブに対応してホームページに埋め込むのに、毎回いろいろ調べていたので、ここら辺で自分用にまとめておきたいと思いました。

地図を埋め込むコード(iframe)の場合

google mapから埋め込 ...

css3

Thumbnail of post image 169

カラムを横並びにしたいときに:nth-childは便利です。

でもIE8以下は対応してません。

※ :first-child は、ie7から対応してます。

どうしてもie8でもnth-child擬似 ...

css,html

Thumbnail of post image 189

リンクをクリックしたときにでるまわりの点線?
IEやFirefoxで表示される。これを表示させたくない場合は

a{ outline:none; }

とすると消せるそうなんですが、tabキーを使ってリンクを移動している ...

css

Thumbnail of post image 162

アニメーションがなくても良い場合はcssだけドロップダウンメニュー作れます。

HTML

<ul class="nav"><li><a href="#">nav1</a> ...

WordPress,プラグイン

Thumbnail of post image 136

Advanced Custom FieldsはWordPressでカスタムフィールドを使うなら必ずと言っていい程使うプラグインです。

基本的な使い方は

<?php the_field('フィールド名'); ?& ...

WordPress

Thumbnail of post image 092
<?php $categories = array(2,3); for ($i=0; $i<count($categories); $i++) :?><h2><?php echo esc_html(get ...

WordPress,プラグイン

Thumbnail of post image 100

結構便利だったので。

通常の投稿で投稿していた記事を、カスタムポストに変更したかったので一括で変更できるプラグインを見つけました。

Convert Post Types

 

使い方は簡単でし ...

WordPress

Thumbnail of post image 187

slide share で見つけたスライド(?と言うんでしょうか)が初心者向けでわかりやすかったので。

PHPの超基本もあります。

脱コピペ!デザイナーにもわかるPHPとWP_Query

  ...

WordPress

Thumbnail of post image 037

wordpressで特定のカテゴリーのエントリー記事、最新10件を一覧を表示したい。

<?php query_posts('cat=2&showposts=10'); ?>

cat=カテゴリーID ...