«Ссылка на другую страницу» слишком упрощает мой вопрос - PullRequest
0 голосов
/ 02 апреля 2020

Я строю свой сайт из шаблона. У него есть элемент с именем «портфолио-фильтры». Он находится на моей странице блога и выглядит следующим образом:

портфолио-фильтров

При этом, когда посетитель нажимает одну из кнопок, появляется все соответствующее содержимое / сообщения под. Если они нажимают другую кнопку, появляется этот контент / сообщения и так далее. Когда нажимается кнопка «Показать все», все появляется ниже.

На моей домашней странице у меня есть четыре ссылки: Travel Fashion Lifestyle Motivation

Как мне кодировать ссылки на домашней странице, чтобы Например, человек нажимает кнопку «путешествия», после чего он переходит на страницу блога с выделенной кнопкой «путешествия», и все содержимое и сообщения о путешествиях отображаются ниже?

Типичный код на моей домашней странице : на путешествие (ссылка внутри класса DIV)

Код фильтров портфолио на странице блога:

<section class="small-gap filter-blog">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="portfolio-filters">
              <ul>
                <li class="active" data-filter="*"><span>Show All</span></li>
                <li data-filter=".travel"><span>travel</span></li>
                <li data-filter=".fashion"><span>fashion</span></li>
                <li data-filter=".lifestyle"><span>lifestyle</span></li>
                <li data-filter=".Motivation"><span>Motivation</span></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>

Возможно ли это?

Спасибо, Майкл

Ответы [ 2 ]

0 голосов
/ 02 апреля 2020

Я могу ответить на первую часть вашего вопроса о том, как вы ссылаетесь на страницы. Во-первых, вам понадобится то, что известно как «якорный тег» с буквой «а». Затем вам понадобится «href», и лучше всего добавить к нему «класс».

<a class="link" href="https://www.url.com></a>

Тогда любой текст, который вы поместите между тегами привязки "<a></a>", появится на вашем веб-сайте. , Например:

<a class="link" href="https://www.travel-url.com>Travel Website</a>
0 голосов
/ 02 апреля 2020

Предполагая, что все ваши страницы html и содержат этот код, вы можете удалить класс active на кнопке Show All и добавить его к тому, который вы хотите выделить.

Я правильно понял ваш вопрос?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...