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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


Привет!

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

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

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

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

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


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


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


от 2-3 до 30

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


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


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

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


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


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


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


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


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


Цитата(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


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


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

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

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

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


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


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 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1796 17.4.2024, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4806 17.4.2024, 1:19
автор: sergio11
Открытая тема (нет новых ответов) Если в сайт с одними ключами, которые там долго, добавить новую рубрику с новыми ключами
2 Tutich 1197 16.4.2024, 8:27
автор: Tutich
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19705 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 842 7.4.2024, 18:05
автор: Alex-777


 



RSS Текстовая версия Сейчас: 19.4.2024, 6:09
Дизайн