NO IMAGE JavaScript

【jQuery】プラグインの様々な作り方(定義パターン)

「プラグインの作り方」と調べて出てくるのが大抵 $.fn.プラグイン名 = function(){全ての処理} この形でした。 ですが、配布されているプラグインのソースコードを確認すると上の形と違うことが多いです。 なので今回...
NO IMAGE JavaScript

【jQuery】ウィンドウサイズによってプラグインを切り替える

ウィンドウサイズによって実行するプラグインを切り替えるプラグインを作ってみました。 すごく単純なプラグインですがレスポンシブ対応のサイトでは以外と使う場面があるかもしれません。 またプラグインを作成するのは初めてなので、アドバイスを頂け...
NO IMAGE JavaScript

【Animsition】ページを表示する時にアニメーションを加えるプラグインを試してみた

ページを遷移する時にアニメーションを加えることができるjQueryのプラグイン"Animsition"です。 普通に使うだけなら以下のリンクを参照していただければ迷うことはないと思います。 今回はLoadingアニメーションの変更とロー...
CSS

WP Social Bookmarking Lightのボタンデザインを変更可能にしました。

WordPressのソーシャルボタンを設置するプラグインとして有名なWP Social Bookmarking Lightを改変してボタンのデザインをカスタマイズできるようにしました。
NO IMAGE その他

【GitHub】フォーク、作成したリポジトリを消す方法

検索したら消し方を書いた記事は出てくるのですが、UIが違っていたので個人用のメモ。 GitHubのリポジトリを消す方法
NO IMAGE Mac

SourceTreeからGitHubへログインする方法

SourceTreeからGitHubへログインする方法。 Bad credentialsと表示された場合は sshキーを設定する必要があります。
NO IMAGE その他

【ライブチャット】Amazonの無料で即解決できる問い合わせ方法

Amazonを利用していて困ったことがあったのでライブチャットを利用してみました。 今までAmazonでトラブルに遭遇したり、操作ミスで誤発注等したことは一度もありませんでしたが、今回 Kindle で購入した書籍にビックリマークが表示されローカルに保存できませんでした。ライブチャットの過程と解決方法をご紹介します。
その他

【OSSライセンス】WordPressのテーマに使われるライセンス(GPL、MIT)についてまとめ

オープンソースソフトウェアとは オープンソースソフトウェア(OSS)とは、利用者が著作者の定めた条件(オープンソースソフトウェアライセンス)のもとで、自由にソースコードを利用、複写、改変、再配布できるソフトウェアのことです。 なんと...
NO IMAGE WordPress

WordPressのデバッグモードを有効にしたら警告がでる問題についてメモ

WordPressのデバッグモードをtrueにするとログイン画面でエラーがでてログインができなくなったのでメモ。 エラー内容 Warning: Cannot modify header information - headers...
WordPress

【WordPress】ソーシャルボタンの配置と拡散数を取得する方法

今やブログに欠かせない存在の拡散用ソーシャルボタンの配置についてです。 私がパソコンで常時ログインしているSNSはツイッターのみなので、使うのはツイートボタンだけですが、他の方はハテブやGoogle+といったSNSも利用されています。 ...
WordPress

【Stinger】年、月別アーカイブのパンくずリストの表示がおかしい箇所の修正方法

Stinger3、Stinger5のどちらも対象です。 年、もしくは月別のアーカイブページのパンくずリストの表示が間違っているので修正方法を紹介します。 間違っている箇所 パンくずリストには TOP > 2014年 > ...
WordPress

【悲報】テーマをStinger3からTwentyFourteenに変更した結果

Google Analyticsの見方についてまだ余り理解していない私ですが、さすがにこのグラフが表していることは理解できます。 1/28日にStinger3からTwentyFourteenの子テーマにテーマを変更しました。に...
WordPress

【WordPress】パンくずリストを追加する3つの方法

WordPressのデフォルトテーマであるTwentyFourteen、TwentyFifteenの個別記事ページにはパンくずリストが存在しません。ユーザビリティ、SEO的にもパンくずリストは有効なので追加しない理由は見当たりません。是非こ...
CSS

【CSS】スキップリンクのclipの使い方で戸惑ったのでメモ

WordPressのデフォルトテーマである「TwentyFourteen」のスタイルシールを読んでいるときに、clip: rect(1px, 1px, 1px, 1px);という見たことのないプロパティを見つけたので、clipの使い方につ...
CSS

【Sass】rem指定でも自動でpxを追加してくれるULTIMATE PX/REM MIXINを使ってみた

現在WordPressのテーマを作成しており、フォントサイズの単位をremで進めているのですが、IE8以下がremに対応していないということで対応するためには以下のように記述する必要があります。 font-sizeの指定は少...
NO IMAGE Chrome

【Sass+Compass】MACに導入から、デベロッパーツールとの連携まで。

SASSとは SASSとはCSSのコード修正、管理がちょっと楽になるメタ言語。 メタ言語というとちょっと難しく聞こえますが、全然簡単なので安心してください。 MACにSassをインストールする ターミナルで以下のコマンドを...
WordPress

TwentyFourteenをカスタマイズしてメインテーマにしました

今まではStinger3を使っていましたが、レスポンシブデザインに対応していなかったので次のテーマを探していました。 人気テーマのSimplicityをしばらく検討していたのですが、個人的にカスタマイズし辛いと感じたので、 WordPre...
NO IMAGE CSS

【ネガティブマージン】3カラムレイアウトでの使用例

TwentyFourteenのスタイルシートを読んでいると見たことないコードを発見。 margin: 0 0 0 -100%; (margin-left:-100%;) margin:-100% ?????????? ...
NO IMAGE WordPress

【Google AdSense】スティッキーヘッダがポリシー違反になる理由

最近スティッキーヘッダを採用するサイトをよく見ます。かっこいいのでこのサイトでも早速導入しようと思ったのですが、ポリシー違反の可能性があるのでまだ実装していません。 スティッキーヘッダとは スクロールしても上部にナビが付いてくるヘッ...
NO IMAGE WordPress

【Simplicity】ナビゲーションバーの表示がおかしかったので修正してみた

※確定ではありませんが、アップルのフォントfont-family:’Lucida Grande’を使った時のみ表示がおかしくなると思われます。     Simplicityのナビゲーションはデフォルトでドロップ...