制作会社から制作会社じゃない会社に転職が決まりました。制作会社で学んだことを残らず記事にしたいと思います。

パンDKOTORI Blogの公式キャラクター「パンD」です。

[マルチサイト可]WordPressで共用SSLのお問い合わせフォームページ設置方法

[マルチサイト可]WordPressで共用SSLのお問い合わせフォームページ設置方法記事のアイキャッチ画像

マルチサイト化したWordPressで共用SSLのお問い合わせフォームページの設置方法の紹介です。Contact Form 7は使いません。あとかなりの力技です。

iPhone5s(iOS7.0.3)がさっそく故障しました[リンゴループ]

2013年12月18日iPhone 
iPhone5s(iOS7.0.3)がさっそく故障しました[リンゴループ]記事のアイキャッチ画像

2013年11月9日に購入した「iPhone5s 64G ゴールド」が約一か月でリンゴループに陥りました。そして最終的に端末交換対応になりましたが、直る事を願って色々やりましたのでその時にとった行動等をまとめました。

画像の下に出来る余白を消す[html]

2013年12月14日CSS 
画像の下に出来る余白を消す[html]記事のアイキャッチ画像

HTMLコーディングの時に画像の下に勝手に余白が入る現象の対処法を紹介します。

カテゴリ毎の記事一覧を表示する方法[WordPress]

2013年12月12日WordPress 便利コード 
カテゴリ毎の記事一覧を表示する方法[WordPress]記事のアイキャッチ画像

WordPressでカテゴリ毎の記事一覧を表示するコードを紹介します。プラグインは使用しません。

アーカイブページのタイトルを振り分けて表示する3行のコード[WordPress]

2013年12月11日WordPress 便利コード 
アーカイブページのタイトルを振り分けて表示する3行のコード[WordPress]記事のアイキャッチ画像

月別アーカイブや年別アーカイブ、カテゴリーアーカイブのタイトルを振り分けて表示するコードを紹介します。たった3行です。

ブラウザまたはOS毎にCSSハックできるjs『CSS Browser Selector』

2013年12月10日javascript CSS 
ブラウザまたはOS毎にCSSハックできるjs『CSS Browser Selector』記事のアイキャッチ画像

ブラウザまたはOS毎にCSSハックできるようになるとても素晴らしいスクリプト『CSS Browser Selector』の紹介です。もっと早く出会いたかったです。

共用SSLでのお問い合わせフォームページ設置方法[WordPress]

2013年12月07日WordPress プラグイン 
共用SSLでのお問い合わせフォームページ設置方法[WordPress]記事のアイキャッチ画像

静的ファイルと『WordPress HTTPS』プラグインを使って共用SSLのお問い合わせフォームページを作成する方法を紹介します。「Contact Form 7」は捨てます。

スマホ用画像ギャラリー(横スクロール、自動スライド可、フリック操作可)[jquery]

2013年12月07日javascript 
スマホ用画像ギャラリー(横スクロール、自動スライド可、フリック操作可)[jquery]記事のアイキャッチ画像

横スクロール型のスマホ用画像ギャラリーでフリック操作が可能で自動再生にも対応したスクリプトがいくら探しても見当たらなかったのでその辺で拾ったスクリプトをちょっといじって実現しました。それ公開します。jqueryです。iPhone、AndroidどっちもOK!

『wp_list_categories()』にbefore,afterを設定して文字列を追加[WordPress]

2013年12月05日WordPress 便利コード 
『wp_list_categories()』にbefore,afterを設定して文字列を追加[WordPress]記事のアイキャッチ画像

カテゴリ別アーカイブリストを表示するタグ『wp_list_categories()』で出力されるリンクテキストに任意の文字列を追加する方法です。「before」「after」引数と同じような設定を行えます。

画像に付けたボーダーをアニメーション化する『InsetBorder』の動作を逆にする[javascript]

2013年12月04日javascript 
画像に付けたボーダーをアニメーション化する『InsetBorder』の動作を逆にする[javascript]記事のアイキャッチ画像

画像に付けたボーダーをマウスオーバーでアニメーションで消してくれる『InsetBorder』というjqueryプラグインですが、動作逆の方がよくない!?ってことで画像にマウスオーバーしたらアニメーションでボーダーが表示されるようにカスタマイズ。