Кнопки изображения, которые показывают вкладки

Question

Я довольно новичок в WordPress и кодировании, хотя у меня есть опыт работы с HTML. Я ищу что-то, что должно быть довольно простым. Я хочу создать 3 круглые кнопки изображения на странице. Когда я нажимаю на них, я хочу, чтобы они открыли связанную галерею. Например, вы можете увидеть мой сайт тестирования здесь: http://centralia2050.dreamhosters.com/fanarttest/

Как видите, у меня есть 2 разные вкладки, но они были созданы темой, и я не знаю, как создать их самостоятельно, не говоря уже о том, чтобы превратить их в интересные изображения.

Answer 1

Вам придется редактировать файлы темы, если вы используете тему, поскольку вам придется изменить способ, которым выглядят кнопки меню. Как только вы узнали, где находится стиль для меню, вы можете отредактировать его, чтобы он выглядел как круги, например

#circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .5s;
}

#circle:hover {
  opacity: .5;
  transition: .5s;
}

<a href="#">
  <div id="circle">
    <div>option 1</div>
  </div>
</a>

И тогда вы можете сделать ссылку на страницу с галереей, которую вы можете создать, например this

Я не совсем уверен, что вы ищете, но, надеюсь, это вам как-то поможет.

Answer 2

Вам нужно иметь некоторые знания в области программирования, такие как разработка WordPress, JavaScript / jQuery, PHP, CSS, чтобы самостоятельно создавать такие галереи. Вы можете начать отсюда: https://developer.wordpress.org/

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