Question on Slide Anything – Responsive Content / HTML WordPress Slider and Carousel: Use tags de lista para melhorar o reconhecimento de conteúdo

Um usuário perguntou ?

Eu adoraria usar uma lista em vez de tags.

gerado automaticamente. Você acha que é possível? Lembro-me de ver isso com o carrossel de corujas original.

Para ser específico, acho <div class="owl-stage">

devia ser um <ul> e tudo <div class="owl-item">

deve subir <li> -elementos

O motivo: estou usando o carrossel em minhas postagens e ag.com parece estar tendo problemas para analisar os pares. Para eles uma lista visível com uma coleção de singles. <li>adequação seria melhor (e acho que também para muitos outros casos de uso).

Por último, mas não menos importante: Este é um plugin muito legal! Muito obrigado! Estou usando o Slide Anything PRO @versão 2.3.7

Este tópico foi modificado 1 ano, 3 meses atrás por.

(@simonpedge)

1 ano, 3 meses atrás

Eu nunca vi uma rotatória Owl construída com Listas como você mencionou; certamente não há menção disso na documentação do OC2:

Além disso, o Java OC2 agora gera uma carga útil de DIVs intermediários para o código de conteúdo do slider fornecido, portanto, se você tiver o seguinte código:

<div class="owl-carousel">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>

O OC2 gera o seguinte código que é exibido como saída para páginas HTML:

<div class="owl-carousel">
<div class="owl-stage-outer">
<div class="owl-stage">
  <div class="owl-item">
    <div> Your Content </div>
  </div>
  <div class="owl-item">
    <div> Your Content </div>
  </div>
  <div class="owl-item">
    <div> Your Content </div>
  </div>
</div>
</div>
</div>

Portanto, haveria algum DIV entre o contêiner UL e LI …

Esta resposta foi modificada há 1 ano e 3 meses.

(@andrelung)

1 ano, 3 meses atrás

Oi Simon

e obrigado pela sua resposta! Fiz uma pesquisa ontem e está nas opções:

Eu não consegui implementar isso, mas talvez você tenha uma ideia de como conseguir isso? Você está certo sobre os DIVs intermediários, mas como preciso do seguinte, acho que pode funcionar:

<div class="owl-carousel">
<div class="owl-stage-outer">
<ul class="owl-stage">
  <li class="owl-item">
    <div> Your Content </div>
  </li>
  <li class="owl-item">
    <div> Your Content </div>
  </li>
  <li class="owl-item">
    <div> Your Content </div>
  </li>
</ul>
</div>
</div>

O que você acha? Alguma idéia de como encaminhar as opções para o plugin?

Obrigado!

(@simonpedge)

1 ano, 3 meses atrás

É verdade que as opções “itemElement” e “stageElement” parecem resolver isso; Vou dar uma olhada mais tarde para ver se pode ser incorporado sem quebrar nada…

(@simonpedge)

1 ano, 3 meses atrás

Olá, atualize o Anything Slide para a versão 2.3.8 – acabei de alterar o plugin para adicionar um novo recurso para abordá-lo usando elementos UL/LI como wrappers.

Na barra lateral direita, em “Outras configurações”, você verá uma nova opção “Usar contêineres UL e LI” – marque esta caixa de seleção.

(@andrelung)

1 ano, 3 meses atrás

Funciona como mil maravilhas! Obrigado por seu apoio!

No entanto, com WordPress 5.2.3 e Chrome 76.0.3809.132, há um pequeno problema de renderização com alguns s, que eu não havia notado antes:

Esta resposta foi modificada há 1 ano e 3 meses. Razão: marcar como resolvido

(@simonpedge)

1 ano, 3 meses atrás

Hmmm, acabei de atualizar o WordPress e meu navegador Chrome para as mesmas versões (mais recentes), e vejo isso no meu site EdgeWebPages.com:

Então eu acho que esta é uma questão relacionada ao tópico … (eu uso o tema DIVI neste site)

Você vê algum erro de JavaScript no WP Dashboard? Pressione as teclas CTRL + SHIFT + J juntas no Chrome para ver o console JavaScript?

(@andrelung)

1 ano, 3 meses atrás

Definitivamente parece diferente. Mas não há nenhum erro no console.

Estou usando o tema do parquehttps://pitch.select-themes.com), mas acho que não muda nada nos finais de semana. Talvez este seja algum outro plugin css? Notei o tipo de nome de classe geral “dica”.

No entanto, isso não é um grande problema para mim. Eu só queria dar uma dica, que isso está acontecendo nos meus fins de semana.

Deixe uma resposta Cancelar resposta0


Seu endereço de email não será publicado. Os campos obrigatórios estão marcados com *



Isto foi útil?

0 / 0

Deixe um comentário 0

Your email address will not be published. Required fields are marked *