固定ヘッダー使用時にページ内リンクのための余白を空ける方法

position:fixed;を使用したスティッキーヘッダーを設置したとき、ヘッダー部分と内部リンクのジャンプ先の要素が重なってしまうことがあります。WordPressの管理画面にログインした状態でプレビューすると、ペー[…]

floatしたボックス要素の中にimgタグで画像を読み込むと謎の空白が生まれる問題を解決する方法

HTMLのコーディングをしていて、画像を使ったグローバルナビゲーションを使いたいケースってよくあると思います。 そんなときは、リストタグをfloatで横並びにして、それぞれのリストの中にimgタグで画像を配置することにな[…]

WordPressで特定の固定ページなどにBasic認証をかける方法

ホームページにBasic認証をかけるには、「.htaccess」と「.htpasswd」を準備してサーバーにアップロードするのが一般的です。ただそのやり方だと、WordPressの特定の固定ページなどにアクセス制限の範囲[…]

WordPressのプラグイン「WP Basic Auth」がさくらインターネットで動かない問題を解決方法

Web制作のお仕事をしていると、制作途中のホームページをお客さんに見せたいときってありますよね。そういう時に使うのが「Basic認証」です。ホームページにIDとPasswordをかけて認証画面を表示させることができます。[…]

【バッドノウハウ】All in One SEO Packプラグインを使って、すべてのページに同じdescriptionを設定する方法

WordPressで作られたWebサイトで、「すべてのページで同じディスクリプションを設定したい、しかも管理画面」という要望が発生しました。それってSEO的にどうなの・・・って思ったのですが、とりあえずの一時的な処置とい[…]

Advanced Custom FieldのGoogle Map機能にAPIキーを登録する方法

2016年6月22日からGoogle Map APIを使用した地図に対して、Google Map APIキーの登録作業が必要になりました。この記事では、Google Map API キーの取得方法と、取得したGoogle[…]

ショートコードを管理画面で簡単に作成できる「Post Snippets」の紹介

WordPressにはショートコードと呼ばれる機能があり、それを使うとPHPのコードやHTMLの定型文などを簡単にブログの記事やテンプレートに埋め込めるようになります。ただ、普通のやり方でショートコードを作成しようと思う[…]

WordPressの管理画面を拡張!AddQuicktagプラグインの紹介

WordPressの記事の投稿画面ではあらかじめよく使うタグをボタンクリック一発で挿入する機能があります。bタグとかアンカータグとかですね。でも、それだけじゃ物足りない! もっと自分の使いやすいようにカスタマイズしたい![…]

Windows10にアップデートしたらDVDが見れなくなった時の対処法

先日の記事でOSをWindows7からWindows10にアップデートしたことを報告しました。OS自体は順調に動作していたのですが、ふと、DVDを再生しようと思ってドライブにDVDを挿入してみても、プレイヤーらしきアプリ[…]

Webデザイナーの私が愛してやまないGoogle Chrome拡張 2016年5月版

今日はWeb制作のお仕事をしていてとても役に立っているGoogle Chromeの拡張をいくつか紹介したいと思います。 ColorZilla ColorZillaはブラウジングしているときに 「ここの色って何色かなー」 […]

Windows10にアップデートしたらxamppのapacheが動作しないときの対処法

さて、引き続きWindows10ネタです。 Windows10にアップデートしたらxamppのapacheが動かなくなってしまいました。 具体的にはこんな感じになります。 なんどstartボタンをおしても、予期せぬエラー[…]

Windows 10 にアップデートしたらフォントが汚くなった(泣

これまでWindows 7 を愛用していたのですが、Windows10への無料アップグレード期間がもうすぐ終了とのことで、思い切ってWindows 10にアップデートしてみました。 アップデート自体は何事もなく終了したの[…]

WordPressのユーザーの権限を編集する「User Role Editor」の紹介

今日はWordPressのイケテルプラグイン「User Role Editor」を紹介します。このプラグインを使うと、デフォルトで用意されている5つのユーザーグループに対するWordPressの各種権限を編集できるだけで[…]

transform: skewを利用した斜めに傾いたグローバルナビゲーションの作り方

ひさしぶりにCSSの小ネタを紹介します。 CSS3のtransformを利用して、斜めに傾いているグローバルナビゲーションを作ります。 とりあえず↓のcodepenのデモをご覧ください。 See the Pen tran[…]

Advanced Custom Fieldsの拡張機能「繰り返しフィールド(Repeater Field)」の紹介

WordPressの代表的な機能にカスタムフィールドという機能があります。これを使うと、WordPressで作られたホームページを複数の項目を持つデータベースみたいなサイトに仕上げることができます。 カスタムフィールド自[…]

1 / 41234