改造する Release | 2022.09.26 Updated | 2023.09.25 WordPressでのページネーション実装方法。プラグインあり/プラグインなしfunctions.phpプラグインページネーション プラグインを利用するまずは、プラグインで簡単に実装する方法です。 この記事ではページネーション実装によく使われる「WP-PageNavi」を紹介します。
![WordPressでのページネーション実装方法。プラグインあり/プラグインなし|WordPress特化型メディアサイト【WPWeb】](https://cdn-ak-scissors.b.st-hatena.com/image/square/56940eb08c89068b9942e5ead1fe9c37ee1f9a64/height=288;version=1;width=512/https%3A%2F%2Fwordpress-web.and-ha.com%2Fcms%2Fwp-content%2Fuploads%2F2022%2F09%2Fogp.png)
グローバルナビを共通ファイル化するとき、PHPやCMSで管理して 現在地判定もそこで設定することが多いのですが、 今回は現在地の判定をJavaScriptで実装してほしいという要望があり、調べてみました。 カテゴリ1 カテゴリ2今ここ カテゴリ3 カテゴリ4 「jquery 現在地」で検索したら、すぐ使えそうなものがいっぱい出てきました。。 やり方はいくつかあり、 ・bodyタグに、該当するディレクトリをIDで指定しておき、マッチする要素にクラスを追加 ・liやa要素にIDをつけておき、現在のURLとIDがマッチしたらクラスを追加 ・現在のURLとナビのリンクURLがマッチしたらクラスを追加 etc. ページごとにIDやクラス指定を追加するのは手間なので、他サイトでもすぐ使いまわせそうな 「現在のURLとナビのリンクURLがマッチしたらクラスを追加する」パターンを紹介します。 こちらは参考
Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements. Being in the mood for experimenting with CSS3
While most websites use similar navigation structures and placements, there are small proportions that break free of the traditional layouts. These websites often do so to present a unique design, while also to experiment with alternate and often improved solutions. Every website is different, and the one-size-fits-all approach can often be outdated – particularly for websites which are more visua
メニューカスタマイズ以前のエントリーでMTトップレベルカテゴリのみのメニュー表示するテンプレートタグをご紹介しました。この方法でトップレベルのみのメニューを表示した場合、カテゴリーページにおいてもトップレベルのカテゴリのみの表示となります。 サブカテゴリーにて構造を細分化している場合には。カテゴリーページにて、その階層にあるサブカテゴリーを表示する必要があります。そうした場合には、<MTHasSubCategories>タグを使って条件分岐でそのカテゴリに属するサブカテゴリーのメニューを表示するようにします。 現在のカテゴリーにサブカテゴリーが登録されているときだけ実行する条件タグです。 対応しているバージョン 3.1, 3.2, 3.3, Enterprise 1.0 利用方法 <MTHasSubCategories> 〜 </MTHasSubCategories> 私のサイトには、この
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く