Поддержка Проблемы и решения Меню сайта с картинкой

  • Здравствуйте. Хочу сделать меню с картинкой, вот пример ( https://imgur.com/N25Ucsf ).
    Нужен просто круг, в круге будет фото и снизу текст, при нажатии переходит на указанную ссылку. Подскажите код или может есть какой либо простой плагин для WordPress 4.7. Спасибо заранее =)

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • natashka26, привет.

    Задачу можно решить 2 способами:
    1 — плагином (к примеру, вот этим);
    2 — хардкодом через классы, к примеру.

    Устанавливаю плагин «Menu Image, Icons made easy» и получаю ошибку.
    «Плагин не был активирован, потому что он вызвал фатальную ошибку.
    Parse error: syntax error, unexpected ‘[‘ in /var/www/user/data/www/сайт/wp-content/plugins/menu-image/menu-image.php on line 800».
    Пробовал разные похожие аналогичные плагины и ничего не подошло. Возможно есть где то код html и css, чтобы самому сделать ?

    простой плагин для WordPress 4.7.

    Ау-ууууу! Вы в каком веке застряли? Сейчас актуален WordPress 5.4. и версия PHP 7.4

    • Ответ изменён 3 месяца, 2 недели назад пользователем zoltsmaster.
    • Ответ изменён 3 месяца, 2 недели назад пользователем zoltsmaster.
    • Ответ изменён 3 месяца, 2 недели назад пользователем zoltsmaster.

    natashka26,

    natashka26

    Пробовал

    Забавно 🙂

    Возможно есть где то код html и css, чтобы самому сделать ?

    Может быть где-то и есть, но тут не искать проще, а самому сделать. Или обновить WordPress хотя бы до версии 4.9, вполне может быть, что с плагинами проблемы это решит (только не забудьте сначала резервную копию сайта сделать).

    Модератор Yui

    (@fierevere)

    ゆい

    хорошо бы еще и PHP обновить при этом,
    если обновляете WP , то до версии 7.2 +
    ну или хотя бы до 5.6.40

    Всем спасибо за ответы. Но вопрос все еще не решен. Нужен какой то код для примера. Ничего подобного в гугле не могу найти.

    natashka26,

    Нужен какой то код для примера.

    Пунктам меню задаёте класс, к примеру, menu-image

    В доп. стили добавляете что-то вроде:

    .menu-image {
        background-image: url('images/favorites-button.svg'); // Путь до нужной иконки
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 80px;
        width: 70px;
        text-align: center;
    }

    Разумеется, размеры и отступы нужно корректировать под ваш дизайн.

    Нужно сделать отдельное меню, без связки с wordpress. Еще бы код html не помешал, так как не очень в этом разбираюсь =(

    natashka26, т.е. вы хотите просто хардкодом меню своё сделать? В чём задумка-то заключается?

    Да, нужно обычное меню, вручную проще сделать чем через плагин, но я в этом не сильна. По этому прошу помощи.

    natashka26, так в базовом функционале WordPress есть возможность создавать нужное меню, и это куда проще и лучше, чем создавать меню хардкодом с нуля.

    Но в целом, если хотите, то вариант создания простейшего меню может быть таким.

Просмотр 11 ответов — с 1 по 11 (всего 11)