Blogs WordPress: Como inserir uma Galeria de Fotos

Você pode usar o uploader de mídia do WordPress para inserir uma galeria de fotos completa em seus posts. Upload de várias imagens uma vez que você está na mídia Inserir Janela- então, em vez de clicar no botão Inserir no Post, clique no link Criar Gallery no lado esquerdo da janela de Inserção de mídia.

image0.jpg

Este link abre a janela Criar Gallery, juntamente com as várias imagens que você carregou. Todas as imagens são selecionadas, conforme indicado pela marca de verificação mostrado no lado superior direito da imagem (você pode desmarcar qualquer imagem para excluí-la da galeria clicando a marca de verificação).

Siga estes passos para inserir uma galeria de fotos em um post no blog:

  1. Clique no botão Criar uma nova galeria.

    O botão está localizado no canto inferior direito da janela do Criar Gallery. Isso abre a janela Editar Gallery.

  2. (Opcional) Edite a galeria de imagens.

    Se você gostaria de re-organizar as imagens, você pode arrastar e soltar as imagens para aparecer na ordem que você gostaria que eles sejam exibidos em seu site. Você também pode incluir uma pequena legenda para cada imagem clicando na caixa de texto abaixo de cada imagem.

  3. Configurar as definições da Galeria.

    Localizado no lado direito da janela Editar Gallery, essas opções incluem:


  4. Ligação To: Use o menu drop-down para selecionar o Anexo página, Media File, ou Nenhum.

  5. colunas: Selecione o número de colunas que você gostaria que as miniaturas galeria a ser exibido em. As opções do menu drop-down incluem 1 a 9 colunas.

  6. Ordem aleatória: Esta caixa não está selecionada, por padrão. Marcar esta caixa diz WordPress para ignorar a ordem definida de imagens e ordena-los aleatoriamente na página em vez disso.

  7. Clique no botão Inserir Gallery.

    WordPress insere em seu post um pedaço de shortcode que se parece com isso: [galeria].

  8. (Opcional) Altere a ordem de apresentação das imagens na galeria, assim como a marcação (tags HTML ou seletores CSS):

  9. captiontag: Alterar a marcação que rodeia a legenda da imagem, alterando a galeria shortcode. Por exemplo: [Galeria captiontag = "div"] coloca etiquetas em torno do subtítulo da imagem (o tag cria um recipiente separado para o conteúdo) - para que a galeria apareça na sua própria linha, a [Galeria captiontag = "p"] lugares de código

    marcas ao redor a legenda da imagem. A marcação padrão para o captiontag opção é dd.
  10. icontag: Define a marcação HTML ao redor de cada imagem em miniatura individual em sua galeria. Alterar a marcação ao redor do icontag (Ícone de miniatura) da imagem, alterando a galeria shortcode para algo como [Galeria icontag = "p"], que lugares

    Tag em torno de cada ícone de miniatura. A marcação padrão para icontag é dt.
  11. itemtag: Define a marcação HTML em torno de cada item em sua galeria. Alterar a marcação ao redor do itemtag (Cada item) na galeria, alterando a galeria shortcode para algo como [Galeria itemtag = "span"], o que coloca as tags em torno de cada item da galeria. A marcação padrão para o itemtag é dl.

  12. ordenar por: Define a ordem em que as imagens são exibidas em sua galeria. Alterar a ordem usada para exibir as miniaturas na galeria, alterando a galeria shortcode para algo como [Galeria orderby = "ASC menu_order"], que exibe as miniaturas na ordem de menu ascendente. Outro parâmetro que você pode usar é ID_order ASC, que exibe as miniaturas em ordem crescente de acordo com suas identificações.

    galeria ShortcodeSaída
    [Galeria colunas = "4" size = "medium"]Uma galeria de quatro colunas contendo imagens médias
    [galeria colunas = "10" id = "215" size = # 148-thumbnail # 148-] Uma galeria de dez coluna que contém imagens em miniatura puxou fromthe post com o ID 215
    [Galeria captiontag = "p" icontag = "span"]Uma galeria de três colunas (padrão) em que cada imagem issurrounded por tags e da legenda da imagem é cercada por tags
  13. Definir o estilo das marcas em sua folha de estilo CSS.

    As tags criar um inline element- um elemento contido dentro de uma tag permanece na mesma linha que o elemento antes ele- não há nenhuma quebra de linha. Você precisa de um pouco de conhecimento de CSS para alterar as tags. Clique no link do Editor no menu Aparência em seu WordPress Dashboard para editar a folha de estilo para o seu tema.

    Aqui está um exemplo do que você pode adicionar à folha de estilo (style.css) Para o seu tema atual:

    span.gallery-icon img {padding: 3px; background: white-border: 1px solid black-margin: 0 5px;}

    Colocar este pedaço de CSS na folha de estilo (style.css) Do seu tema ativo automaticamente coloca uma borda preta de um pixel em torno de cada miniatura, com três pixels de preenchimento e um fundo branco. As margens esquerda e direita estão cinco pixels de largura, criando bom espaçamento entre as imagens na galeria.

  14. Clique no botão Atualizar Arquivo para salvar alterações em seu estilo (style.css) Modelo.

    image1.jpg

Matt Mullenweg, co-fundador da plataforma WordPress, criou uma extensa galeria de fotos usando as opções galeria embutidos em WordPress.

Alguns grandes WordPress plugins trabalhar em conjunto com o recurso Galeria de WordPress.

» » » » Blogs WordPress: Como inserir uma Galeria de Fotos