X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как добавить картинку перед <h2> на Wordpress, Привет! Подскажите, пожалуйста.... Имеется сайт на Wordpress (
Chupizdik
Chupizdik
Topic Starter сообщение 4.5.2016, 22:30; Ответить: Chupizdik
Сообщение #1


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 27.7.2015
Поблагодарили: 4 раза
Репутация:   0  


Привет!

Подскажите, пожалуйста....

Имеется сайт на Wordpress (словарь), на нем много записей, в каждой из которых несколько заголовков <h2>. Все <h2> на странице разные, но окончание заголовка <h2> в разных записях повторятся, типа <H2>'на всех страницах разное слово или словосочетание' - 'одинаковый конец'</h2> .

Как перед каждым H2 с определенным концом вставить определенную картинку?

В php и js я ноль :facepalm: :facepalm: За полное решение буду благодарна. За намеки с дальнейшим разъяснением по мере возникновения тупняка тоже)) только не отправляйте учить матчасть...

Спасибо заранее, я верю, что вы мне поможете :s056: ))


--------------------
GoldenSpin - твой талисман удачи в мире азарта.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 4.5.2016, 22:40; Ответить: KurtRassel
Сообщение #2


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Chupizdik, привет. Сколько будет таких картинок? Если немного, то помогу с помощью JS.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Chupizdik
Chupizdik
Topic Starter сообщение 4.5.2016, 22:52; Ответить: Chupizdik
Сообщение #3


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 27.7.2015
Поблагодарили: 4 раза
Репутация:   0  


от 2-3 до 30

KurtRassel, обшиблась чуток) от 1 до 25


--------------------
GoldenSpin - твой талисман удачи в мире азарта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 4.5.2016, 23:01; Ответить: KurtRassel
Сообщение #4


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Цитата(Chupizdik @ 4.5.2016, 22:30) *
<H2>'на всех страницах разное слово или словосочетание' - 'одинаковый конец'</h2> .

Как перед каждым H2 с определенным концом вставить определенную картинку?


Так конец у всех одинаковый или определенный?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Chupizdik
Chupizdik
Topic Starter сообщение 4.5.2016, 23:13; Ответить: Chupizdik
Сообщение #5


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 27.7.2015
Поблагодарили: 4 раза
Репутация:   0  


KurtRassel, приведу пример, чтоб понятней...

одна запись:

<h2>абрикос - толковый словарь</h2> - нужно вставить перед ним фото толкового словаря
<h2>абрикос - словарь Ожегова</h2> - перед ним фото Ожегова

вторая запись:

<h2>вишня в цвету - толковый словарь</h2>
<h2>вишня в цвету - словарь Ожегова</h2> фото те же перед каждым h2

Сообщение отредактировал Chupizdik - 4.5.2016, 23:16


--------------------
GoldenSpin - твой талисман удачи в мире азарта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 4.5.2016, 23:37; Ответить: KurtRassel
Сообщение #6


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Chupizdik, тогда так, вставить в конец страницы.

Код
var h2 = document.querySelectorAll('h2');

var imgs = {
    'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg",
    'словарь Ожегова': "https://www.maultalk.com/uploads/profile/photo-59905.png"
};

for(var i = 0; i < h2.length; i++) {
    var h2_parent = h2[i].parentNode;
    var h2_text = h2[i].innerHTML;
    for (var world in imgs) {
        if (h2_text.indexOf(world) + 1) {
            var image = document.createElement('img');
            image.src = imgs[world];
            h2_parent.insertBefore(image, h2[i]);
        }
    }
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Chupizdik
Chupizdik
Topic Starter сообщение 4.5.2016, 23:52; Ответить: Chupizdik
Сообщение #7


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 27.7.2015
Поблагодарили: 4 раза
Репутация:   0  


KurtRassel, не работает, более того, пропадают кнопки листания страницы вверх-вниз...


--------------------
GoldenSpin - твой талисман удачи в мире азарта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 4.5.2016, 23:59; Ответить: KurtRassel
Сообщение #8


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Цитата(Chupizdik @ 4.5.2016, 23:52) *
KurtRassel, не работает, более того, пропадают кнопки листания страницы вверх-вниз...


Вот пример: https://jsfiddle.net/5fg6mt15/

Возможно Вы неправильно вставляете.

Код
<script>
var h2 = document.querySelectorAll('h2');

var imgs = {
    'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg",
    'словарь Ожегова': "https://www.maultalk.com/uploads/av-59905.png"
};

for(var i = 0; i < h2.length; i++) {
    var h2_parent = h2[i].parentNode;
    var h2_text = h2[i].innerHTML;
    for (var world in imgs) {
        if (h2_text.indexOf(world) + 1) {
            var div = document.createElement('div');
            var image = document.createElement('img');
            image.src = imgs[world];
            div.appendChild(image);
            h2_parent.insertBefore(div, h2[i]);
        }
    }
}
</script>


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Chupizdik
Chupizdik
Topic Starter сообщение 5.5.2016, 0:26; Ответить: Chupizdik
Сообщение #9


Новичок
*

Группа: User
Сообщений: 26
Регистрация: 27.7.2015
Поблагодарили: 4 раза
Репутация:   0  


KurtRassel, не работает даже с тип джава скрипт((. Вопрос с пропадание кнопок листания решила - конфликт, мать его. А почему Ваш скрипт не работает - не пойму.... но я подумаю, спасибо...


KurtRassel, не понимаю, почему в примере работает, а на моем сайте - нет ((( завтра подумаю, полазаю. Спасибо)

Если вдруг не получится, можно Вам еще вопросы задавать завтра в это время?

В примере тоже не корректно работает - перед "вишня в цвету - словарь Ожегова" нет картинки(( Но у меня и в первой записи не появляется она... печаль-беда, всю голову изломала... уже и на if().. пробовала, но мозга не хватает.............

Сообщение отредактировал Chupizdik - 5.5.2016, 0:28


--------------------
GoldenSpin - твой талисман удачи в мире азарта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KurtRassel
KurtRassel
сообщение 5.5.2016, 0:34; Ответить: KurtRassel
Сообщение #10


Новичок
*

Группа: User
Сообщений: 47
Регистрация: 22.6.2013
Поблагодарили: 12 раз
Репутация:   0  


Chupizdik, думаю проблема вот в чем, добавьте этот код:

Код
document.addEventListener('DOMContentLoaded', functions() {
    var h2 = document.querySelectorAll('h2');

    var imgs = {
        'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg",
        'словарь Ожегова': "https://www.maultalk.com/uploads/av-59905.png"
    };

    for(var i = 0; i < h2.length; i++) {
        var h2_parent = h2[i].parentNode;
        var h2_text = h2[i].innerHTML;
        for (var world in imgs) {
            if (h2_text.indexOf(world) + 1) {
                var div = document.createElement('div');
                var image = document.createElement('img');
                image.src = imgs[world];
                div.appendChild(image);
                h2_parent.insertBefore(div, h2[i]);
            }
        }
    }
});


Chupizdik, важно чтобы текст совпадал с тем что у Вас на сайте + в той же кодировке. Скопируйте с сайта текст "словарь Ожегова" и вставьте в скрипт.

Код
var imgs = {
        'толковый словарь': "https://www.maultalk.com/uploads/av-88965.jpg",
        'словарь Ожегова': "https://www.maultalk.com/uploads/av-59905.png",
        'слово': "картинка",
        'слово': "картинка",
        'слово': "картинка",
        'слово': "картинка",
        ...
    };


Сообщение отредактировал KurtRassel - 5.5.2016, 0:35
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как быстро похудеть мужчине в домашних условиях?
бесплатно, без регистрации, без смс
128 Silverspam 4284 Сегодня, 4:05
автор: pleshckov
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлы[предлагаю] Качественные услуги WordPress программиста
Любая задача. 5 лет опыта. От 5$ час
171 andreykashops 71735 Вчера, 23:44
автор: websitedesign
Открытая тема (нет новых ответов) Роскомнадзор или как арбитражнику не из РФ слить бюджет впустую
3 BeerAbsorber 551 Вчера, 22:26
автор: xag197911
Открытая тема (нет новых ответов) Корректное удаление / скрытие страниц. Кто как делает?
7 RMak 1060 Вчера, 18:54
автор: xetedata
Открытая тема (нет новых ответов) Как быстро снимают пингвина?
5 Grestoun 1183 Вчера, 18:45
автор: Akeeloq


 



RSS Текстовая версия Сейчас: 31.3.2017, 4:28
Дизайн