【Webデザイン】ページ遷移が気持ちいい海外サイト6選
最近、フラットデザインやレスポンシブデザインも当たり前と言ってもいいぐらい増えましたね。少し前はスキューモーフィックデザイン（質感の再現を目指したリアルなデザイン）が主流だったのに、スマホやタブレットが浸透してから一気に…
Web Design
Web Design
Web制作
Web Design
WordPress
WordPressの固定ページ用パンくずリスト（子ページ対応）
WordPressのテンプレート構成がだいたいわかっている人なら、パンくずリストを設置するのはさほど難しくはないと思います。パンくずを設置するプラグインはいくつもありますが、カスタマイズの融通が効かないので、できればこの…
display:inline-blockで隙間があくときの対処法
ブロック要素を横に並べる方法として最近はdisplay:flexが多くなってきました。今でこそ対応していないブラウザは少なくなりましたが、floatとかinline、inline-blockを使う人も少なくはないと思いま…
WordPress
Custom Post Type UIでarchiveが表示されない時の対処法
Custom Post Type UIはデフォルトではアーカイブページ表示されない設定になっています。何点かチェックする箇所があるので、チェックする順番に項目をあげてみます。
WordPress
Advanced Custom Fieldsの投稿オブジェクトの使い方
カスタムフィールド系プラグインの定番「Advanced Custom Fields」 こちらは便利でいろんなサイトで使わせてもらってるんですけど、この中のフィールドタイプの一つ投稿オブジェクト。別の投稿タイプの投稿情報を…
CSS
CSSだけであの気になる米印(※)の段差を付ける方法
ホームページをよく作っている人は度々目にすることがあるであろう米印。 「※」 ←これです。 注意点などの前によく付けたりしますよね。 普通に段落タグ(<p>タグ)で書いてもいいですが、折り返しの時で２行目にな…
WordPress
WP-PageNaviを使わないでページネーションを設置する方法
WP-PageNaviはページネーションを簡単に設置することが出来るプラグインですが、「全○○件中 ○件目を表示」の位置を変えたり、総ページ数だけ表示させたりと細かく指定したりデザインを変えたりするには少々やりづらいです…
WordPress
WordPressでタイトルから不要な文字を置換、削除する方法
WordPressの初期設定ではページの投稿のタイトルが、そのままtitleタグに設定されます。ただ極稀にページの投稿のタイトルとtitleタグを別々の表示にしたいということがありました。 自分の事例でいうと、あるお店の…
WordPress
Custom Post Type UIで投稿タイプの削除ができない時の対処法
WordPressで独自の投稿タイプを作成するのに便利なプラグインCustom Post Type UI 作成する際に「Post Type Slug」は英語のみ使えますが、先日間違えて日本語で登録してしまいました。 登録…