Можно использовать css псевдо элемент

input:not(:placeholder-shown) {
  //ваши стили
}

но не поддерживается в edge

1. Сделать все секции через блоки gutenberg. У них есть возможность визуально менять местами, удалять, добавлять в нужное место.
2. Можно через стили. Например так: на странице настроек добавить поле order и его добавлять каждому блоку в style="order: 2; "
а родительскому

.box {
          display: flex;
          flex-direction: row;
      }

#open-block-2 .open-block-inner{
top: 100%;
height: 100%;
}
#open-block-2:target .open-block-inner{
top: 50%;
}