ブログ

WordPressで自動出力されるタイトル系のカスタマイズ方法まとめ

WordPressが自動で出力するタイトルタグやアーカイブタイトルは「カテゴリー:〇〇」や「アーカイブ:〇〇」など、ダサくなりがちです。 WordPressが出力するタイトルをカスタマイズする方法をま…

ピクセルは何センチ?Webサイトの幅(ピクセル)からセンチ(cm)を求める計算方法

Webサイトの世界の数字は、わたしたちが生活するリアルな数字とは異なります。 例えば、Webサイト上で「○センチ以上で表現したい」という要望に対しては、「すべてのディスプレイで等しく表現することは不可…

フリーのWeb屋がWindowsに導入している仕事が捗るソフト20選!

Windowsに導入しておくと仕事が捗るソフトを紹介します。 Web屋の自分がよく利用しているもので、「これがないと仕事にならない!」というレベルのものばかりを集めました。同業種で使ってないものがあれ…

フロントエンドエンジニアにおすすめのChrome拡張機能15選!

コーダーとかWebデザイナーとかフロントエンドエンジニアとか言葉の定義は様々ですが、WordPressを扱ってサイト運営する人はフロントエンドエンジニアに属するだろうということで、フロントエンドエンジ…

XAMPPを使ってWordPressをローカル開発環境にインストールしよう!

XAMPPというおそらく最も簡単に利用できるPHP・MySQL開発環境を使って、WorPressをローカル環境にインストールしちゃいましょう! いろいろテストできて何かと捗りますよ。 XAMPPも使わ…

サイト内に擬似ウインドウを作る方法

サイト内で擬似的なウインドウを作る方法です。1つの要素をドラッグで可変にするのですが、凝ったことしなくてもcssにrisizeというプロパティが用意されているので簡単にできます! DEMO(デモ) 右…

Contact Form 7で確認画面と完了画面(サンクスページ)を追加する方法

Contact Form 7で確認画面と完了画面を追加する方法について紹介します! ただし、確認画面については一般的なイメージとは異なりページの遷移はしません。 ※ ページ遷移するお問い合わせフォーム…

郵便番号から住所を自動入力してくれるライブラリ「ajaxzip3」が超簡単!

お問い合わせフォームはできるだけ入力を楽にしてあげないと、離脱されてしまいます。 住所を入力させるにあたってよく使われるのが、郵便番号を入力したら住所が自動反映されるというもの。住所を入力する手間が省…

投稿をTwitterとFacebookに自動連動させるWordPressプラグイン「NextScripts: Social Networks Auto-Poster」

WordPressでの投稿時にTwitterとFacebookに自動連動できるプラグイン「NextScripts: Social Networks Auto-Poster」を紹介します。 「電話番号認…

WordPressでSNSシェアボタンを作るためのコードの書き方とCSSデザイン

WordPressで オリジナルなSNSボタンを作りたい時の必要情報についてまとめておきます。 対象は、「Twitter」「FaceBook」「Google+」「Pocket」「はてなブックマーク」「…