Здравствуйте!
Подскажите по такому вопросу: у меня есть много произвольных полей (условно 50) - мне их надо отделить друг от друга произвольными заголовками в определённых местах. Вот сами произвольные поля (отмечены тире) - их заполняет пользователь:
- Имя
- Логин
- Пароль
Тут надо вставить заголовок "Соцсеть 1"
- Соцсеть 1
- Ссылка на страницу 1
- Страна 1
Тут надо вставить заголовок "Соцсеть 2"
- Соцсеть 2
- Ссылка на страницу 2
- Страна 2
И так далее...
В идеале добавить произвольное поле "Заголовок" (или что-то подобное, чтобы можно было поставить в любом месте), но рассчитываю на любое решение.
Благодарю!
Поля пользователя выводятся в двух местах и в обоих случаях идентификатора нет:
1) Штатными средствами Wp-Recall, где их можно редактировать (вкладка "Профиль"):
<form name="profile" id="your-profile" action="" method="post" enctype="multipart/form-data"> <table> <tbody> ... *(тут надо вставить заголовок) <tr class="form-block-rcl children-field" account="|Блогер|"> <th><label><strong>Соц. сеть 1</strong> <span class="required">*</span> :</label></th> <td> <span>Vkontakte</span></td> <td> <span>Facebook</span></td> </tr> <tr class="form-block-rcl children-field" account="|Блогер|"> <th><label>Ссылка на страницу <span class="required">*</span> :</label></th> </tr> ... *(тут надо вставить заголовок) <tr class="form-block-rcl children-field" account="|Блогер|"> <th><label>Соц. сеть 2<span class="required">*</span> :</label></th> <td> <span>Vkontakte</span></td> <td> <span>Facebook</span></td> </tr> <tr class="form-block-rcl children-field" account="|Блогер|"> <th><label>Ссылка на страницу <span class="required">*</span> :</label></th> </tr> ... </tbody> </table> </form>
2) Спойлером "Подробная информация" без возможности редактирования при помощи дополнения "User Profile (Профиль пользователя)" :
<div class="show-profile-fields"> ... *(тут надо вставить заголовок "Соцсеть 1") <p><b>Соц. сеть:</b> <span>Vkontakte</span></p> <p><b>Ссылка на страницу 1:</b> </p> ... *(тут надо вставить заголовок "Соцсеть 2") <p><b>Соц. сеть:</b> <span>Vkontakte</span></p> <p><b>Ссылка на страницу 1:</b> </p> </div>
Меня бы наверное устроил вариант вставки CSS по псевдоклассу вроде ".show-profile-fields p:nth-child(8)::before{ content: "Соцсеть 1"};" или "#your-profile tr:nth-child(8)::before{ content: "Соцсеть 1"};", но к сожалению в форме может быть разное количество полей (т.к. есть необязательные) и посчитать наверняка не получится.
P.s. Отправил Вам доступы к админке в личку.
Самому было интересно разобраться с такой задачей . Решается с помощью jquery и... гугла ))
Скрипт ищет в указанном классе, в параграфе, указанное слово. Находит и присваивает этому классу новый (в примере word1)
$('.show-profile-fields p:contains("Тест")').addClass('word1');
Ну а далее мы псевдоклассом after, с помощью css, добавляем нужное по вкусу.
Так в принципе самый простой вариант. т.к. выделять из массива php, прогонять через регулярки в поисках нужного - тот еще геморой.
Основной принцип я показал - далее разбирайтесь сами.