ヘッダーの「Votes」と「My Votes」の項目の順序をどのように変更できますか?私のサイトでは現在、「Votes」を「Top-Voted」に、「デフォルトの「Top」」を「Active」にリネームしています(両方あると混乱するためです):
「Top-Voted」と「My Votes」を「Active」と「Bookmarks」の間に配置したいのですが:
すべてを箱から取り出し、好きな順序で並べ替えてください。
ああ、タイトルを見て、新しいスレッドに分割した際に私の質問が不明確だったことに気づきました。
トップメニュー項目の並べ替えは一般的にどう行うかは理解しています。また、それが「削除して再追加」という直感的でないトリックであることを理解しています。しかし、そのトリックは知っています。それが私の問題ではありません。
私の問題は、Voting プラグインが有効になっていると、メニューリストに「Votes」と「My Votes」という新しい項目が表示されることです。それらを「top menu」設定(上記の画像のように)に追加しようとすると、追加できません。「You specified the invalid choice votes」というエラーメッセージが表示されます。
使うべき異なる名前があるのでしょうか?それとも別の方法があるのでしょうか?
参考までに、私は以下の順序を希望します。
最新 | 活動中 | 高評価順 | ブックマーク
「私の投票」は表示しない方が良いかもしれません(「お気に入りを数個選んで重み付けする」のではなく、「好きなものを全て高評価する」用途で使っているため)。
「top menu」設定に表示されない非標準的なボタンがある場合は、navbar 要素が flex プロパティを使用しているため、CSS で順序を変更してください。例を以下に示します。
/* この特定のケースでは、Voting プラグインがカテゴリでのみ有効になっています。
そのため、そのカテゴリでのみ navbar を変更します。{your-category-slug} を
対象となるカテゴリのスラッグに置き換えてください */
.category-{your-category-slug} #navigation-bar {
/* Latest */
:nth-child(1) {
order: 1;
}
/* Unread */
:nth-child(2) {
order: 2;
}
/* New */
:nth-child(3) {
order: 3;
}
/* Top Voted */
:nth-child(4) {
order: 5;
}
/* My Votes */
:nth-child(5) {
order: 6;
}
/* Active */
:nth-child(6) {
order: 4;
}
/* Bookmark */
:nth-child(7) {
order: 7;
}
}
@dax さん、ありがとうございます!CSS の「nth-child」値は、top-menu 設定内の順序に依存するのでしょうか、それともどこかで固定されているのでしょうか?例えば、設定のリストから「Active」(つまり「Top」)を削除した場合、CSS も更新する必要がありますか?
また、上で考えていたように、「My Votes」を非表示にしたい場合はどうすればよいでしょうか?
はい。

CSS に display: none; を追加するだけです。例:
/*My Votes*/
#navigation-bar :nth-child(5) { order: 6; display: none;}