nutritsio

Если речь о редактровании шаблонов, то Внешний вид -> Редактор.
Если же речь идет про контент, то есть разные подходы. Например, кастомные поля. В WP изначально есть обычные стандартные мета поля или можно использовать плагин ACF как более функциональный вариант, да и других плагинов много.

map
forEach?

var a = [{
      "id": "1",
      "title": "Дом1"
    }, {
      "id": "2",
      "title": "Зал2"
    }, {
      "id": "3",
      "title": "Дом3"
    }, {
      "id": "4",
      "title": "Зал4"
    }];
    for (let i of a) {
      i.active = false;
    }
    console.log(a);

arr.forEach((obj) => obj['active'] = false);

https://jsfiddle.net/14zu3je5/2/

Я бы ещё задал ссылке display: block чтоб средние пункты не наезжали друг на друга
https://jsfiddle.net/t1eh1q8w/

А ещё в таких случаях лучше делай изначальный border с прозрачностью (transparent). Потому что если у тебя изменится фон, то тебе также придется изменять и цвет изначального border-а.

Задаете для всех этих блоков эту обводку, после чего через :before, :after создаете квадраты под цвет фона и через абсолютное позиционирование накладываете на обводку так, чтобы получилось то, что у вас в макете.