タグ

hr07jpのブックマーク (2,171)

  • 記事の公開終了日を設定できるようにし、かつ終了日を自動で入力したい

    記事の公開終了日を自動で設定し、投稿してから一定期間が経過すると自動で「下書き」か「非公開」にする方法を探しています。 カスタムフィールドテンプレートを使ったカスタム投稿で、登録ユーザーから定型の情報を登録してもらうサイトを作っています。 登録ユーザーが記事を投稿後、90日後に自動で「下書き」か「非公開」にしたいのですが、そのような方法はWordpressで実現できますか? 投稿の際にはユーザーに終了日時を意識させることがないよう、自動で設定したいです。 いくつかプラグインも試してみたのですが、「Simple expires」と「Post Expirator」では、どちらも投稿時に手動で公開終了日を入力する必要がありました。 また「Expiration Notice」というプラグインで指定した期間までのカウントダウン及び期間経過後のメッセージを出すことは出来ましたが、自動で下書きや非公開に

    記事の公開終了日を設定できるようにし、かつ終了日を自動で入力したい
    hr07jp
    hr07jp 2012/11/15
    記事の公開終了日を設定できるようにし、かつ終了日を自動で入力したい
  • Bootsnipp

    Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework What is this? Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft. Stay updated, Subscribe to Bootsnipp mailing list (only important updates will be sent, your email is never shared or sold to anyone else)

    Bootsnipp
    hr07jp
    hr07jp 2012/11/13
    Bootstrapのコードスニペット集
  • How to recreate the new e-bay site scrolling effect

    In this tutorial we will try to recreate the scrolling effect you’ve seen on the new e-bay site. We’ll create a simple responsive one-page site presenting the beauty and benefits of lavender. No javascript needed – we will use only css. Step 1 – Prerequisities We will need 3 background images, that will stretch to full page width. Mine are about 1800px x 1200px. Step 2 – Html The markup is simple.

    How to recreate the new e-bay site scrolling effect
    hr07jp
    hr07jp 2012/11/13
    パララックスscrolling effectサンプル
  • 【WordPress】PCとスマホで表示を別々にするウィジェットプラグイン - よつば手帖

    レスポンシブWebデザインのサイトが多くなってきましたね。 テーマ作れる人には問題ないのですが、テーマ触れない人にとってはAdSenseなどのバナーをPCとモバイルで分けたりするのがやりにくい。 てなわけで PCとスマホで表示を別々にするウィジェットプラグイン作ってみました。 ダウンロードしてプラグインの新規追加>アップロード>有効化するとウィジェットを使えるようになります。 ウィジェットエリアに下記のウィジェットが表示されます。 サイドバーウィジェットエリアなどにドラッグすると下記のように表示されます。 後はバナーのソースコードなんかを貼り付ければOK 実際はこんな感じに表示されます。 PCにだけ表示したいなんて場合はスマホ表示用に入力しなければOKです。 ※仕様上iPadもスマホとして認識されますのでその辺はご了承ください。 WordPressのウィジェット間の余白を調整できるウィジェ

    【WordPress】PCとスマホで表示を別々にするウィジェットプラグイン - よつば手帖
    hr07jp
    hr07jp 2012/11/09
    PCとスマホで表示を別々にするウィジェットプラグイン
  • WordPressの管理画面で固定ページの管理性を向上させるプラグイン・Advanced Page Manager

    WordPressの固定ページを管理しやすい ようにする、というプラグインのご 紹介。ツリー状にして見やすく、把握 しやすくしてくれます。CMSとして WordPressを使う際はとっても便利な プラグインですね。 個人的には以前ご紹介したCMS Tree Page Viewで慣れているので変更は無さそうですけど、これはこれで使いやすそうでした。 CMSとして使う際は固定ページの数が多くなるのでデフォルトのままだと若干管理しにくいです。そこで、こういったプラグインで管理性を高めると利便性が向上します。 ↑ CMS Tree Page Viewはツリー状の管理ページを増やす仕様なのに対し、Advanced Page Managerは既存の固定ページの管理ページを変更します。多言語化はされていないので英語表記になります。利用する際は日語に変換しないとですね。CMS Tree Page Vie

    WordPressの管理画面で固定ページの管理性を向上させるプラグイン・Advanced Page Manager
    hr07jp
    hr07jp 2012/11/09
    WordPressの管理画面で固定ページをツリー上にするプラグイン・Advanced Page Manager
  • CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える

    Posted: 2012.11.09 / Category: HTML&CSS, javascript / Tag: jQuery, レスポンシブ グローバルナビゲーションはPCだと画像で作る場合が多いですが、スマホだとCSS3がフルに使えたりフォントが綺麗だったりするので、画像ではなくテキストで表示したいことがあります。 そこでレスポンシブで画像をテキストを切り替える方法をご紹介します。 html & css 画像をリストで配置した他にaタグにdata属性でaltと同じテキストを記述してます。 html <nav> <ul> <li><a href="#" data-label="ホーム"><img src="img/nav01.png" alt="ホーム" width="108" height="58" /></a></li> <li><a href="#" data-label="サ

    CSSだけでレスポンシブで画像ナビゲーションをテキストに切り替える
    hr07jp
    hr07jp 2012/11/09
    レスポンシブで画像ナビゲーションをテキストに切り替えるjQuery
  • 商用可!アイコン,イラスト素材検索・配布サイトまとめ【海外編】 | バシャログ。

    お布団から出るのがだんだん辛くなって来ました seki です。 今回は私が普段利用している、無料&商用でも使える、素材を配布、または検索できるサイトをご紹介します。ブックマークしておくと、いざという時大変便利。かなり有名所なので、これ知ってる!というのも多々あるかと思いますが、お付き合いくださいね。 引出しに入れておきたい海外の無料素材検索サイト 商用利用可である事がサイト内で判断しやすいサイトのみを集めてみました。 ※念のため、ご利用の前に各サイトの素材ページにあるライセンスを確認の上、ご利用下さい。 【all-silhouettes】 商用可のシルエットベクターデータを配布しています。 有料サイトも顔負けな種類と量、質の良さ。欲しい素材を見つけたら、広告ゾーンをスクロールで抜けた所にある[Download free …]の地味なボタンからダウンロードできます。 http://all-s

    商用可!アイコン,イラスト素材検索・配布サイトまとめ【海外編】 | バシャログ。
    hr07jp
    hr07jp 2012/11/09
    商用可!アイコン,イラスト素材検索・配布サイトまとめ【海外編】
  • 10 Easy Image Hover Effects You Can Copy and Paste

    Sneak Peek Before we get started, take a look at the demo below to see all of the various hover effects that we’ll be building. Demo: Click here to launch. Setup Before we begin creating the individual demos, some basic setup is required. Here’s a chunk of CSS that we’ll be using to dictate the basic appearance of all of the examples. * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box

    10 Easy Image Hover Effects You Can Copy and Paste
    hr07jp
    hr07jp 2012/11/09
    hover時にエフェクトを与えるスタイルシート
  • My Clip - dogmap.jp

    久しぶりに WordPress Plugin の新作を作りました。 公式プラグインディレクトリには、まだ登録してないので、ダウンロードは github からどうぞ。 wokamoto/my-clip 概要 ユーザがサイト内の気になる記事を clip しておいて、後でリストから見直すことができるようにするプラグインです。 dogmap.jp でも動作していますが、各記事の右上に clip というリンクがあると思います。 これをクリックすると、サイドバーの「My Clip」という所に記事のリンクが追加されていきます。 clip した記事の ID をブラウザの cookie に記憶させておいて、これを表示しています。 使い方 プラグインを有効化した後、ウィジェット「My Clip」をサイドバーに追加してください。 カスタマイズ クリップ文字は、以下のコードで変更できます。 add_action(

    hr07jp
    hr07jp 2012/11/08
    ユーザがサイト内の気になる記事を clip しておいて、後でリストから見直すことができるようにするプラグイン
  • コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid

    画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。 コンテナ一杯に画像を表示させる、というもの。 上が使用した状態、下が未使用です。下はコンテナに隙間があるのに対し、上はコンテナに隙間無く画像が収まっています。画像をメインとしたコンテンツでグリッドレイアウトなWebサイトなどにも良さそうです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script>コアとプラグインを読み込みます。 $("

    コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid
    hr07jp
    hr07jp 2012/11/08
    コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
    hr07jp
    hr07jp 2012/11/07
    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
  • WordPress ログイン失敗時の処理を変更する

    FuelPHPWordPress のログイン機能を使うの続きです。 WordPress では、wp_login_form()関数が用意されていて、wp-login.php 以外の場所からログイン操作できるようになります。ログイン後、元のページに戻ることができます。しかし、ログイン失敗時には wp-login.php にリダイレクトされます。ログイン失敗時のリダイレクト先を変えることができないか?と調べてみました。 公式フォーラムの過去ログ Can you stop wp_login_form redirecting to wp-login on fail? に掲載されていました。元は How to Redirect WordPress Failed Logins かららしいです。 add_action( 'wp_login_failed', 'my_front_end_login_f

    WordPress ログイン失敗時の処理を変更する
    hr07jp
    hr07jp 2012/11/07
    FuelPHP で WordPress のログイン機能を使う
  • Facebookライクなモーダルボックスを実装するスクリプト・Mikes Modal Library

    Facebookライクなモーダルボックス を実装するスクリプト、Mikes Modal Libraryのご紹介。Facebookはもうや ってないですけど、汎用的でいいの では無いかなと。jQueryを使用しま す。 汎用的なモーダルボックスです。jQueryのプラグインとなっています。 写真の脇にコメントするエリアがある、みたいなやつ。ボックス要素をモーダルウィンドウとして呼び出しています。コンテンツを注目させたい手法としてはベーシックなものですので割りと使用頻度は低くないのでは。 公式の動作サンプルです。 Sample コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script> <script src="mikes-mo

    Facebookライクなモーダルボックスを実装するスクリプト・Mikes Modal Library
    hr07jp
    hr07jp 2012/11/06
    Facebookライクなモーダルボックスを実装するスクリプト、Mikes Modal Library
  • WordPressのカスタムメニューをアイテム毎に条件分岐で表示/非表示を設定出来るプラグイン・If Menu - かちびと.net

    カスタムメニューで追加した アイテムを条件分岐で表示、 非表示にスイッチできる、と いうWordPressのプラグイン です。コードを参考にしたの でご紹介。 カスタムメニュー周りのプラグインは仕様でもよく求められることが多いので非常に助かります。このプラグインもCMSとしてWPを利用する際に役立ってくれそう。 カスタムメニュー内のアイテムを固定ページのみ、TOPページのみ、ユーザーログイン時のみ、などの条件をつけて表示/非表示できる、というもの。 プラグインを有効化すると、カスタムメニューで追加したアイテムの下部にEnable Conditional Logicというラベルの付いたチェックボックスが表示されますのでチェックを入れればセレクトボックスも表示されます。 現時点では、決められている条件が多くはなく、変更も出来ないので実際に利用する際は少しコードを弄らせてもらう事になりそうです。

    WordPressのカスタムメニューをアイテム毎に条件分岐で表示/非表示を設定出来るプラグイン・If Menu - かちびと.net
    hr07jp
    hr07jp 2012/11/05
    WordPressのカスタムメニューをアイテム毎に条件分岐で表示/非表示を設定出来るプラグイン・If Menu
  • sdn-project.net

    hr07jp
    hr07jp 2012/11/04
    PHP+OAuthでTwitter 新API仕様(Ver 1.1)へ更新
  • WordPressサイトに会員登録ページを設置できるプラグイン「Theme My Login」 – ワードプレステーマTCD

    WordPressで会員制サイトを作る際は、会員登録画面やログイン画面が必要です。デフォルトの状態では、フロント画面にログイン画面や会員登録ページを表示できないので、プラグインを使って作成していきます。 そこで今回は、WordPressに会員登録画面を作成できるプラグイン「Theme My Login」をご紹介いたします。 「Theme My Login」の機能概要 前提として、このプラグインだけでは会員制サイトは作れないのでご注意ください。 主な機能は以下の通りです。 WordPressへログイン画面をフロントに表示できる ユーザー登録画面をフロントに表示できる あくまでサイトのフロントにログインページやユーザー登録ページを表示するためのプラグインです。 「/wp-login.php」や「/wp-admin」などからWordPressの管理画面にアクセスせずに、ユーザー登録が可能になりま

    WordPressサイトに会員登録ページを設置できるプラグイン「Theme My Login」 – ワードプレステーマTCD
    hr07jp
    hr07jp 2012/11/04
    WordPressで登録制サイトを作成するのに役立つプラグイン「Theme My Login」
  • スタイルシートの有用なスニペットのまとめ | コリス

    よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ

    hr07jp
    hr07jp 2012/11/03
    ウェブ制作に役立つ、スタイルシートの有用なスニペットのまとめ
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    hr07jp
    hr07jp 2012/11/02
    ウェブデザイントレンド8個まとめ 2012年後半
  • レスポンシブWebデザインでテーブルを使う時の小技

    tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ

    レスポンシブWebデザインでテーブルを使う時の小技
    hr07jp
    hr07jp 2012/11/02
    レスポンシブWebデザインでテーブルを使う時の小技
  • 日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ

    MS Office カテゴリ MS Office (104) 関連タグ Access (35) Excel (87) OfficeScripts (1) PowerPoint (8) Python (2) VBA (85) YouTube (6) 入門 (37) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (42) デザイン (15) ブログ (39) 入門 (37) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7)

    日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ
    hr07jp
    hr07jp 2012/11/02
    日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ