忍者ブログ
30 April

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

16 May

可変グリッド 並べる 異なるサイズ box Masonry.js

http://allabout.co.jp/gm/gc/402549/

西さんの説明はいつもちょーーわかりやすい!!
西さんが書いてくれるものは自分で考えることなくコピペでいけるレベル
頭にすんなり入ってくる

"columnWidth":

↑書かなくてもいけるってかいてあったけど、ぴっちり配列させたいときは指定しないとダメだった。
一番小さいboxのサイズに合わせたwidthをかく。
複数の横幅boxサイズがある場合は、クラスをつけてcssでわけるか、挿入imgにwidth heightをちゃんと指定する。
PR
12 March

WPでログインしてる人のみ見える条件分岐

http://staku.designbits.jp/wp-is-current-user-login/

<?php if (is_user_logged_in()): ?>
  // ログインしている
<?php endif; ?>



いちいち確認してもらうのに非公開には出来ない部分もある
そこの場所をこれで囲う
12 March

無題

カスタム投稿タイプ記事のループをランダムで表示する
http://3bee.jp/2011/12/30/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E6%8A%95%E7%A8%BF%E3%81%AE%E8%A8%98%E4%BA%8B%E3%82%92%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%80%82/



<?php $loop = new WP_Query( array( 'post_type' => 'カスタム投稿タイプ名', 'posts_per_page' => 表示させる件数, 'orderby' =>rand ) ); while ( $loop->have_posts() ) : $loop->the_post(); ?> <ul> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> </ul> <?php endwhile;wp_reset_query(); ?>
27 December

display:inline-block; で横並びにしたときの空白を消したい

http://naoyu.net/css/css-inline-block-space/274/

<div class="oya">

<div class="kodomo"> ~~~~~ </div>
<div class="kodomo"> ~~~~~ </div>

</div>


.oya{
letter-spacing:-0.4em;
}
.kodomo{
letter-spacing:normal;
}


htmlのdivを詰めたりコメントアウトを足したり、フォーマットしちゃたらおじゃんになっちゃいそうです。
だからcssだけでできるこの方法がいいと思います。

23 December

box-shadowを内側につける

http://www.webchips.org/box-shadow%E3%81%A7%E5%86%85%E5%81%B4%E3%81%ABborder%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B%E6%96%B9%E6%B3%95

上線はbox-shadow:inset 0 1px 0 0 #333;

下線はbox-shadow:inset 0 -1px 0 0 #333;

左線はbox-shadow:inset 1px 0 0 #333;

右線はbox-shadow:inset -1px 0 0 #333;

        
  • 1
  • 2
  • 3