This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider. 2023 著作権. 不許複製 プライバシーポリシー
![hublog.biz](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad2b5b7b4395bf7dcd4230840ca753253d026bb0/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fhublog.biz%2Fbwpb%2Fwp-content%2Fuploads%2F2015%2F06%2F8feac43d0226b056db58d567f9a537c2.jpg%3Ffit%3D640%252C480)
WordPressでよく使用される記事一覧。 今回は記事一覧によく使用されるget_posts()の解説と、様々な条件の記事一覧方法をまとめてご紹介します。 <?php $args = array( 'numberposts' => 5,//取得件数 'category' => 0,//記事が属するカテゴリーId 'orderby' => 'date',//記事の順番を何で並べるか 'order' => 'DESC',//昇順、降順 'include' => array(),//取得したい記事Id 'exclude' => array(),//除外したい記事Id 'meta_key' => '',//カスタムフィールドの名前 'meta_value' =>'',//カスタムフィールの値 'post_type' => 'post',//投稿や固定ページなどの分類情報 'suppress_fi
こんにちは。プログラマーの卓司です。 今回はWordPressのサムネイルを再度、別のサイズも含めて作成する方法をまとめます。 0. 前段 先日、某WEBサイトの機能改修でサムネイルの画像サイズが微妙に異なるものを利用したいとの要望がありました。 『お。サイズ変えたいんだ。widthとheightいじってさくっとおわらせちゃお。』 WordPress中々さわる機会がなかったので、ソースを読んでびっくり。 サムネイル出力は <?php the_post_thumbnail('large-feature'); ?> と。。。 『え?画像サイズ変えりゃ済むもんじゃないんですか?』 有識者様に相談した所、新たに使いたいサムネイルのサイズを定義して、再度サムネイルを作成し、それを参照するのだそうで。。。 WordPress一年生の僕には『うわっ、面倒。。。』と少し抵抗がありました。 しかし、やってみ
(photo credit: Nathan O'Nions via photopin cc) 最近あらためてBootstrapにはまってます。 Bootstrapでサイト作ってる時に標準の機能を知らんくて わざわざ同じ機能を自分でcss書いたりしてることが多かったので、 よく再実装しがちな機能をまとめメモ。 3.0でフラットデザインになって、いわゆるbootstrap臭もだいぶ薄れた気がするけどどうなんやろ。。 3.0つかったサイトが増えたらまた臭ってきそうな気もするけど。 ドキュメント 知らずに再実装しちゃう系の便利機能はCSSのHelper Classesとかに多い。 ので最初にひととおりドキュメント見とくのはいいですね。 当たり前やろって話やけど。。 Bootstrap「Helper Classes」 text-align 単純に中央揃えとか左揃えとかだけを指定するために
「なんかあのくるくる横にスライドしていく機能を付けたい!」という要望は制作案件には頻出です。 さて、カルーセルを実装するjQueryプラグインはいくつもありますが、今回はJavaScriptに特化した検索サイトJavascripting.comから評価が高いものを紹介します。 参考:【入門】jQueryの導入方法から使い方まで!わかりやすく解説します カルーセルとは カルーセルとは、遊園地の回転木馬や回転式コンベアなどの意味を持つ英語の名詞です。(cf.carousel)Webのくるくる回転するような動きをするパーツに対しても使われます。 ただ、Web技術に詳しくない人にはカルーセルと呼ぶよりもスライダーと呼んだ方が通じます。実際、カルーセル系のjQueryプラグインにはsliderと名前が付くものもたくさんあり、呼び方はどっちでもいいのかもしれません。 評価が高いカルーセルjQueryプ
強力そうなスワイプ対応のjavascriptスライダーの使い方です。Jqueryオンリーでないので、フリクションしにくいのも利点です。 ※Jquery系スライダーならflexsliderも翻訳しましたよ。Jqueryでどうしてもいきたい場合にはいいかもね。 Swiperの素晴らしいところは入れ子でスライダーが組めるところですが、こんな使い方をするサイトを考えるのも難しいってほど複雑なことができます。 使い方は本サイトを見ればだいたいわかるでしょう。とにかく使ってみないと掴めないヤツですね。 【Swiper Usage and API】本サイトの使い方ページ(英語) http://www.idangero.us/sliders/swiper/api.php しかし英語じゃあ読みにくいよ。オプションを日本語訳してみました。設置のしかたは本サイトで大体わかると思いますが、どうオプションを組み合わ
今日紹介する[Swiper]は、レスポンシブ対応サイトなどで真価を発揮するJavaScriptベースの「コンテンツ・スライダー」です。 初見の感想は「反応速度が早く軽量でサクサク動く」という印象。 レスポンシブにも対応済み。マウスのドラッグ操作やタッチコントロールのスワイプにも反応して操作性が良く、文句ナシのクオリティでした。 機能が豊富で、ざっと紹介すると以下のとおり。 レスポンシブ対応 フルスクリーン化OK ページネーション設置 縦方向のスライド カルーセル・モード 各スライドの位置を固定しない「フリーモード」対応 複数行のスライドに対応 縦方向・横方向の「入れ子」に対応 マウスのドラッグ操作に対応 スクロールバー表示 ナビゲーションボタン表示 無限ループ対応 フェードイン・フェードアウトによるスライドの切り替え 3D キューブ・エフェクト 3D カバーフロー・エフェクト キーボード・
2017/06/22 画像などにホバーした時、透過させるにはopacityプロパティを利用します。色が薄くなることで「クリックできる」ということをユーザーに伝えられますね。 サンプルコードopacityには0(透明)〜1(不透明)の間で透明度を指定します。0.5を指定すると半透明になります。 img:hover { opacity: 0.5 ; }デモopacityopacityプロパティに0〜1の数値を指定します。0が完全透明で、1が完全不透明です。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> img:hover { opacity: 0.5 ; } </style> </head> <body> <p>ホバーすると透過します。</p> <img src="/author.svg" width="150" he
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く