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 estão na mídia Inserir Janela- então, em vez de clicar Inserir em botão Post, clique no link Criar Gallery no lado esquerdo da janela Inserir mídia.
Conteúdo
Video: 2 plugins excelentes para suas galerias do WordPress
Este link abre a janela Criar Gallery, juntamente com as várias imagens que você carregou. Todas as imagens são selecionadas, como indicado pela marca de verificação mostrado no canto superior direito da imagem (você pode desmarcar qualquer imagem para excluí-la da galeria, clicando na marca de verificação).
Siga estes passos para inserir uma galeria de fotos em um post no blog:
Clique no botão Criar uma nova galeria.
Video: Como colocar uma galeria de fotos do flickr no blog wordpress
O botão está localizado no canto inferior direito da janela do Criar Gallery. Isso abre a janela Editar Gallery.
(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.
Configurar as definições da Galeria.
Localizado no lado direito da janela Editar Gallery, essas opções incluem:
Ligação To: Utilize o menu drop-down para selecionar o Anexo página, Media File, ou Nenhum.
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.
Ordem aleatória: Esta caixa está desmarcada, por padrão. A seleção dessa caixa diz WordPress ignorar a ordem definida de imagens e ordena-los aleatoriamente na página em seu lugar.
Clique no botão Inserir Gallery.
WordPress insere em seu post um pedaço de shortcode que se parece com isso:.
(Opcional) Altere a ordem de apresentação das imagens na galeria, assim como a marcação (tags HTML ou seletores CSS):
captiontag: Alterar a marcação que rodeia a legenda da imagem, alterando a galeria shortcode. Por exemplo: coloca etiquetas em torno do subtítulo da imagem (o tag cria um recipiente separado pelo conteúdo) - para que a galeria aparecer em sua própria linha, o código coloca etiquetas em torno da legenda da imagem. A marcação padrão para o captiontag opção é dd.
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, o que coloca as tags em torno de cada ícone de miniatura. A marcação padrão para icontag é dt.
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, o que coloca as tags em torno de cada item da galeria. A marcação padrão para o itemtag é dl.
Video: Como colocar uma galeria de fotos no Blog
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, 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 Shortcode | Saída |
---|---|
A galeria de quatro colunas contendo imagens médias | |
A galeria de dez coluna contendo imagens em miniatura puxado o post com o ID 215 | |
Uma galeria de três colunas (padrão) em que cada imagem é cercado por tags e a legenda da imagem é cercada por tags |
Defina o estilo do marcas em sua folha de estilo CSS.
o Tags Criar um inline element- um elemento contido dentro de um 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 a Tag. Clique no link do Editor no menu Aparência em seu WordPress Dashboard para editar a folha de estilo para seu tema.
Aqui está um exemplo do que você pode adicionar à folha de estilo (style.css) Para o seu tema atual:
Video: Como Criar Uma Galeria de Fotos no WordPress
span.gallery-icon img {padding: 3px; background: white-border: 1px solid black-margin: 0 5px;}
Colocar este pouco 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.
Clique no botão Atualizar arquivo para guardar as alterações ao seu estilo (style.css) Molde.
Matt Mullenweg, co-fundador da plataforma WordPress, criou uma extensa galeria de fotos usando as opções galeria built-in no WordPress.
Alguns grandes plugins WordPress trabalhar em conjunto com o recurso Galeria de WordPress.