bootstrapを利用して簡単にかっこいいツールバーを作れるjQueryプラグイン「Toolbar.Js」
twitter facebook hatena google pocket システムなどでよく使うことがあるツールバーを、jQueryプラグインを使って簡単に導入しましょう。 Toolbar.js - jQuery plugin to create tooltip style toobarsは、クリックすると表示させられるツールチップタイプのツールバーが作れます。 sponsors 使用方法 Toolbar.js - jQuery plugin to create tooltip style toobarsからファイルをダウンロード。 <link href="jquery.toolbars.css" rel="stylesheet" /> <link href="bootstrap.icons.css" rel="stylesheet" /> <script type="text/java
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ﾊｩ –追記– 期待してこの記事を読んでくれている（検索エンジンから訪れてくれている）方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し
BuddyPressのユーザーページにオリジナルページを追加しよう
BuddyPressには元々機能的には大変優れたユーザーページがあります。 (デザイン的にはいかにもBP使ってます感があってイマイチよね～、という意見もありますが・・・) そんな訳でBuddyPressのユーザーページのカスタマイズ第一弾として、 ユーザーメニューの追加や順番の入れ替え、サブページの新規追加のカスタマイズについてお送りします。 BuddyPressのfunction.phpについて WordPressのテーマにはfunction.phpがあって、テーマの設定やちょっとしたプログラムをコイツに書いたりしますね。 しかし、BuddyPressのテーマフォルダにfunction.phpを書いてもダメです。 bp-custom.php WordPressのテーマ作成でお馴染み、function.phpのBuddyPress版みたいなファイル、 それがbp-custom.php！ W
Windows / Mac 有名どころ Git クライアント比較
こんにちはピンクです。最近 Git のクライアントを色々試してたので、今回はそれについて。 …の前に！ 以前は Git にはインストーラーがなく、コマンドうったり Windows 環境だったら msysGit でごにょごにょしたり～というのが最低限必要だったと思うのですが、気づいたらいつの間にか Mac OS X、Windows 向けにインストーラーが出てました。びっくり。ドンドン導入の敷居が下がって良いですね。Mac と Windows ではインストーラーがあるので、インストール超簡単！ Git – Downloads msysGit のページに msysGit と Git 公式のインストーラー比較が書いてあります。興味がある方は見てみると良いでしょう。ちなみに、後述の GitHub for Windws のコア機能は msysGit ベースらしいです。 Git 用語＆流れ説明 簡単なこ
jQueryを利用してWordPressでオートコンプリート（検索サジェスト機能）を実装する方法
利用する機会があるか？どうか？？は別として、jQuery を利用してWordPress でオートコンプリート（検索サジェスト機能）を実装する方法のまとめです。 Google サジェストのような高機能なモノは実現できませんので…。あらかじめこちらで用意した単語を検索キーワード候補として表示させてあげるという、ホントちょっとした機能になります。 今回は、シンプルなオートコンプリート機能でUIもカスタマイズしやすい jQuery UI Touch Punch のプラグインを利用して、自由に設定した文字列に加えて、WordPress のカテゴリの中からキーワード候補を出力してみようと思います。 jQuery UI Touch Punch のダウンロード まずは以下のページより jQuery UI Touch Punch プラグインファイルをダウンロードします。 jQuery ファイルの設置 ダウン
SassとCompassでSprite画像を作る
やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C
Joomla! の新規テンプレートを作る - H2O Blog.
WordPressラブな私ですが、仕事で Joomla! をいじっております。なかなか日本語の情報がなくて四苦八苦していますが、ノウハウをブログに残しておこうと思います。 Joomla! でオリジナルサイトを作る場合には、既存テンプレートのカスタマイズではなくて、自らコーディングしたHTMLから新しいテンプレートを作りたいもの。まずはそのやり方から。 WordPressの場合、ディレクトリを作って空のファイルを作れば、あっという間にテーマとして認識してくれるのですが、Joomla! の場合は残念ながらそうはいきません。設定を書き込んだ XMLファイルなどもあります。そこで、まるきり1から作ると言うよりは Joomla! に標準でインストールされている「atomic」という最小テンプレートを元に作ると良さそうです。 atomicをダウンロード まずは、atomicをダウンロードします。Joo
PHPの教室「foreachを極める」を開催しました - Engine Yard Blog JP | Engine Yard Blog JP
不定期で開催しているPHPに関するレッスン、「PHPの教室」を1月22日(火)に下北沢オープンソースカフェで開催しました。今回は現地参加は4名でしたが、ライブ配信を20人ほどの人が見ており事後に公開したスライドもじわじわと閲覧されているようでなんだかんだで盛況でした。 foreachはPHPでも特に頻繁に使われる構文ですが、頻繁に利用されるが故に技術的な負債を作ってしまうような使い方をしているとコードベースのメンテナンス性を大きく損ないます。講義の中でも触れていますが、エラー処理の考慮漏れや、参照代入を利用したトリッキーな書き方、深すぎるネストなどPHPのコードを書く人であればだれもが気をつけるべき問題です。 実際のコード例の抜粋 foreachのループ内で一時的な変数を更新する処理は変数がオブジェクトかどうかや＆を使った参照代入をするかによって結果が異なります。変数の中身や＆の有無などを
Mysqlで便利な文字列一括置き換えのSQL
Mysqlで一括で文字列操作したい！ いかにもPHPっぽい考え方ですが、Mysqlにも便利な文字列操作がありまして、仕事でこの度すっごく役立ちましたのでメモしておきます TRIM関数 文字列の左右の空白を除去 //フィールドから末尾の全角空白を取り除く場合 UPDATE table_name SET field_name = TRIM(TRAILING ' ' FROM field_name); //フィールドの先頭からの全角空白を取り除く場合 UPDATE table_name SET field_name = TRIM(LEADING ' ' FROM field_name); REPLACE関数 文字の置き換えを行う マルチバイト対応 //データの検索 SELECT REPLACE(field_name,'置換対象','置換後の文字') FROM table_name; //データの
MySQL管理には、phpMyAdminより Sequel Pro！？ - H2O Blog.
MySQLの管理と言えば、phpMyAdmin一択！ と思っていました。MySQLオフィシャルのネイティブアプリも含めて、いくつかのアプリは試していたのですが、なかなか使い勝手の良いものがなく。 しかし、試しに使った「Sequel Pro」が大当たり。ものすごく使いやすいです。 データの管理はもちろん、テーブルの制作から簡単な検索、本格的なSQL入力などもサポートされ、MySQLのテーブルを Excelシートくらいの感覚で使うことができます。 レンタルサーバーなどでは、なかなか直接 MySQLに接続できる環境はないかも知れませんが、テスト環境やローカル環境の管理にはもってこいになりそうです。 Sequel Pro
なんとWordPressプラグインまである。多彩なエフェクトでレスポンシブなフリーのjQueryスライドショー『Camera』 / Maka-Veli .com
なんだか話題になってるみたいですね？『Camera』というスライドショー。 特徴としては レスポンシブ 多機能、ハイクオリティ 多彩なエフェクト スキンも多数用意 WordPressで管理できる という感じなのですが、WordPressプラグインは本当にびっくりしました。 ウィンドウリサイズするとちゃんとレスポンシブ WordPressプラグイン。管理画面もしっかり用意されている 管理画面上でエフェクト等が細かく設定可能 他にも多数機能あり フリーなんですが、サポート（寄付）してね、というスタンスなのでもしよければ寄付して使ってみてはいかがでしょうか Camera http://www.pixedelic.com/plugins/camera/ WordPressはこちらから http://wordpress.org/extend/plugins/camera-sli
GitHubを使う上での超基本的なコマンド6つ
GitHubを使用したバージョン管理は以下の流れで行う。「ワークツリー」が実際の作業ファイルが保存されている作業ディレクトリ、「リポジトリ」がコミット（変更履歴）を記録する場所、「インデックス」が「ワークツリー」と「リポジトリ」の中間層となる。複数人でリポジトリを共有したい場合はリモートにリポジトリを作成し共有する。 GitHubでのバージョン管理の流れ ローカルリポジトリの作成 – git init ローカルリポジトリの作成は「git init」で行う。git init コマンドで、カレントディレクトリがリポジトリとなる。 # ホームディレクトリに /git/test を作成 $ mkdir ~/git/test # testディレクトリに移動 $ cd ~/git/test # ローカルリポジトリ作成 $ git init Initialized empty Git repositor
記事ごとにIP制限ができるWordPressプラグイン「MW IP Denied」
「MW IP Denied」は記事ごとにIP制限をすることができるWordPressプラグイン。このページは社内からのみ閲覧、学内からのみ閲覧など、企業サイトや学校サイトで需要がありそうなのだがプラグインが見つからなかったので自作した。 ダウンロード 使い方 WordPressのプラグインディレクトリにアップロードし有効化すると、投稿画面のサイドバーに「許可するIP」というメタボックスが表示されるようになる。何も記入しない場合は誰でもアクセスできるが、ここにIPアドレスを入力するとそのIPアドレスからのアクセスのみ許可されるようになる。 IPアドレスはカンマ区切りで複数指定でき、サブネットマスクも使用できる。 MW IP Deniedをインストールすると「許可するIP」メタボックスが追加される。 表示画面について IP制限がかけられたページにアクセスすると「HTTP/1.1 401 Acc
画像がフェードイン、フェードアウトごとに配置を変えてローテーションするjQuery
Tweet画像イメージが大きさや配置を変えながらローテーションしていくjQueryのスクリプトを書いてみた。 説明がわかりづらいと思うのでデモサイトをご覧ください。 Image Rotation Demo HTMLは下記のように。 わざわざ画像にfirst、second、thirdと順番にクラスをふってる。 小さく表示させる画像にはmini-photoのクラスが。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Image Rotation Demo</title> <link rel="stylesheet" href="style.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jque
ボタンを押すと特定のクラスを持った要素だけ選んでソートしてくれるjQuery
Tweet備忘録的にメモ。 商品を並べたときにボタンひとつで特定のジャンルだけ選んで表示したり、お手軽にソートできないかなと思うときがある。今回はそんなときのためのシンプルなjQueryを書いた。 コンテンツ一覧から特定のカテゴリだけ選ぶ、なんてときにも役に立つかも。 今回は、idがKeyYellowのボタンをクリックしたら、yellowというclassが振ってある要素だけが表示されるというものにした。 デモサイトも作ったので参考にしてください。 Class Sorting Demo htmlは下記の通り。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Class Sorting Demo</title> <link rel="stylesheet" href="style.css"> <scri
jQueryでTwitterの公式ウィジェットをカスタマイズする
Posted: 2013.02.08 / Category: javascript / Tag: jQuery, Twitter 以前のTwitterウィジェットは色とか色々とカスタマイズできたのですが、新しくなってほぼそのまま使うしかなくなってしまいました。 そこでjQueryを使用してカスタマイズしてみようと思います。今後、Twitterの仕様変更によって使えなくなる可能性もありますがご了承ください。 タイムラインを表示するウィジェットの設置 タイムラインを表示したいときはこんな感じに設置しますね。 html <a class="twitter-timeline" href="https://twitter.com/xxxxxxxxxxxx" data-widget-id="xxxxxxxxxxxxxxxxxx" lang="JA" width="600">@xxxxxxxxxxxxx
カスタム投稿タイプに独自の権限を設定して操作できるユーザーを制限する方法
WordPressの投稿タイプ（post や page 等）には、それぞれ閲覧・編集・削除等の権限が設定されている。独自のカスタム投稿タイプを設定した場合、その投稿タイプの権限の初期値は「post」となる。もし「問い合わせ管理」というカスタム投稿タイプを作成し、管理者だけが閲覧できるようにしたい場合を想定する。 // カスタム投稿タイプを作成 register_post_type( 'contacts', array( 'public' => false, 'show_ui' => true, ) ); 上記のように普通に作成すると権限が「post」となるため、「投稿」を操作できるユーザーは「問い合わせ管理」も操作できる状態となってしまう。そこで、register_post_type するとき、capability_type と capabilities を設定してオリジナルの権限を作成す
Amazonガチャ問題と弁理士・弁護士の相談料について | 栗原潔のIT弁理士日記
「Amazonガチャ」というサービスが一悶着起こしています（参照記事）。月額5,000円支払うとAmazonからランダムに4,500円分の買い物をして届けてくれるというサービスです。何が届くかわからないという楽しみを味わえるサービスという触れ込みですが、有名人がセレクトしてくれる等の付加価値がないと、ビジネスとしては厳しいような気がします。 それよりも問題なのはこのサービスがAmazonとまったく関係ないのに「Amazonガチャ」という商標を使っている点です。このサービスのWebサイトには、 「Amazonガチャ」、「AmazonGACHA」は現在、商標登録されておらず、サービス名として利用可能との判断を行っております。 なんてことが書いてあるのですが、商標権は同一の商標だけではなく、類似範囲にも及びます。そして、類似の判定には、取引実情を考慮して需要者（消費者）が出所を混同するかどうかが
public => falseなカスタム投稿タイプのとき、更新時に出る記事へのリンクを消す
register_post_type でカスタム投稿タイプを定義するとき、public => false とすることで「この投稿タイプでユーザーインターフェースを表示しない(show_ui=false)、post_type クエリがフロントエンドで実行できない(publicly_queryable=false)、検索結果からこの投稿タイプを除外する(exclude_from_search=true)、ナビゲーションメニューで post_type を選択候補から外す(show_in_nav_menus=false)」が設定される。このとき、さらに show_ui => true とすることで「フロントエンドで実行はできないが、ユーザーインターフェース（管理画面）は表示する」という状態にすることができる。 register_post_type( 'contacts',array( 'publi
Advanced Custom Fields でプロフィールを拡張 | Taiyo Blog / WordPress
情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。 Advanced Custom Fields はユーザーページにもカスタムフィールドを設定することができるので、プロフィールの項目を追加したい時はこれを使うと便利。 *ユーザーレベルごとの設定も可。 Hide User Profile Fields で必要最低限以外の項目を隠して、必要な項目を追加すればスッキリ。 Advanced Custom Fields で追加した項目をテーマに表示するにはget_the_author_meta(‘フィールド名’); または、the_field(‘フィールド名’, ‘user_ユーザーID’); <?php $aID = get_the_author_meta
jQuery（などの）プラグインを使ってフォームにバリデーションを楽々追加する | Stronghold Archive
どうもこんばんは。お久しぶりのDaikuharaです。 今回はフォーム関連シリーズ記事として、バリデーション用のjQueryプラグインをまとめておきます。８つほどあります。 フォームの使いやすさやデザイン性を向上させる33の方法 これまで何回かに分けてWEBフォーム関連の記事を書いてきましたがフォームの使いやすさやデザイン性を向上させる33の方法としてまとめました。お問い合わせや資料請求等、フォームの最適化ができれば少なからず成果に直結するのではないかと思います。興味がございましたらぜひ。 28. バリデーション用jQueryプラグインまとめ validate.js 送信クリック時にバリデートを実行します。エラー項目をまとめて表示するタイプ。 Tasty Form Validation リアルタイムでバリデートを実行します。 デフォルトのエラー表示にかわいらしい吹き出しのスタイルが用意され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://kudox.jp/wordpress/wordpress_local_copy