インデックス タブ一覧のタブ カテゴリー表示名を変更(Cocoon) | OFFのパソコン日記

インデックス タブ一覧のタブ カテゴリー表示名を変更(Cocoon)

ある団体のホームページ(cocoon wordpress)を運営しています。

インデックスでタブ一覧を使い、カテゴリー表示切替が出来るようにしています。

しかし、カテゴリー名は年度毎にしているため、
○○○○’24や●●●●’24と文字数が多い名前の為、タブに収まり切れず表示が乱れていました。

本日、javascriptで、タブ表示名を変更しました。

jQuery(function($) {
$(“label:contains(‘○○○○’)”).each(function() {
// 現在のテキストを取得し、正規表現を使って「○○○○」以下の全てを「○○○○」に置き換え
var newText = $(this).text().replace(/○○○○.*/, ‘○○○○’);
// 置き換えたテキストをラベルに設定
$(this).text(newText);
});
});

jQuery(function($) {
$(“label:contains(‘●●●●’)”).each(function() {
// 現在のテキストを取得し、正規表現を使って「●●●●」以下の全てを「●●●●」に置き換え
var newText = $(this).text().replace(/●●●●.*/, ‘●●●●’);
// 置き換えたテキストをラベルに設定
$(this).text(newText);
});
});