MANUAL Manual de customização do Tema Graphene, empregando no layout do site www.g148.org.br, desenvolvido pala Equipe DEVTEAM polo IAP, sobrequerimento das necessidades da União Sul Brasileira (USB). Desenvolvedores Mizael dos Santos Isaltino Alisson Willian Lima de Macedo Introdução WordPress é um sistema de software de código aberto usado por milhões de pessoas em todo o mundo para criar bonitos sites e blogs. É completamente customizado pelo uso de temas e plug-ins. “O WordPress é um software web que você pode usar para criar um belo site ou blog. Nós gostamos de dizer que o WordPress é livre e de valor inestimável, ao mesmo tempo. ” Os temas podem ser facilmente baixados do site WordPress ou de centenas de outros lugares ao redor da web. O mesmo acontece com plug-ins, que são utilizados para estender a funcionalidade do seu site WordPress. WordPress é construído em torno de dois conceitos básicos. Posts e Páginas. Posts são entradas de blog típicas, uma série de artigos, indicada (geralmente) cronologicamente reversa. Páginas são usadas para mais conteúdo estático (ou seja, que o conteúdo não muda, ou muda pouca frequência). Uma página “Sobre nós” é um exemplo de uma página em um site típico. Na maioria dos casos, você notará que o conteúdo da página ‘Sobre nós’ não muda com frequência. Agora, você pode estar pensando, “mas eu não preciso de um blog”. Isso pode ser verdade, mas você também pode usar o conceito de blog, se você tem um site onde você precisa mostrar a suas últimas notícias, ou mesmo apenas atualizações da empresa. Basicamente, qualquer informação que é atualizada em uma base semirregular como, as “últimas notícias” de sua empresa ou mesmo apenas suas próprias atualizações pessoais, pode beneficiar a funcionalidade do ‘blog’ se ele for um blog tradicional. Login Antes de fazer qualquer alteração no seu site, você terá de fazer login. O login para o seu site é tipicamente encontrado na seguinte URL http://your-wordpress-site.com/wp-admin. Obviamente, substitua owordpress-site.com com o seu nome de domínio real. Há exceções para isso, é claro. Por exemplo, a configuração do WordPress talvez instalado em um subdiretório para configurações mais padrão, porém, você vai encontrar a URL acima que deve funcionar. Painel Uma vez que você entrou, o painel do WordPress aparece. Esta é a sua página principal de administração. No topo da sua Dashboard (e em todas as página), você vai ver o nome do seu site na área de cabeçalho. 2 Na imagem abaixo (e em toda esta documentação) o nome do site é o meu site. Isso também é um hiperlink para a página inicial de seu site. Você também vai ver o nome da pessoa que está conectado no momento (por exemplo, Joe Blogg). Mova o cursor sobre seu nome para revelar o link e sairá bem como um link para editar seu perfil. Antes do WordPress 3.3, a área de cabeçalho e a barra de ferramentas foram separados. No WordPress 3.3, o área de cabeçalho foi fundida com a barra de ferramentas e não é mais possível esconder a barra de ferramentas no painel como era anteriormente. Quando os recursos novos ou atualizados são introduzidos em WordPress, será mostrado um ponteiro novo recurso. Isto é simplesmente para chamar a sua atenção e mostrar que alguma característica dentro do painel foi adicionada ou atualizada. Na maioria das páginas, logo abaixo de seu usuário, há um par de pequenas abas Invertidas. Uma chamada de “Screen Options” e outra chamada “Help”. Clicando qualquer uma destas abas irá aparecer um painel para deslizar para baixo a partir do topo da página. O link “Help”, obviamente, exibe algumas informações de ajuda. A aba “Screen Options” exibirá várias opções que permitem que você configure o que é exibido na página atual. Como exemplo, em sua página principal do Dashboard a aba “Screen Options” permite que você defina quais os painéis que você gostaria que fosse exibido na página e também quantas colunas você gostaria que os painéis mostrem. Opções do menu do painel Na lateral esquerda do painel, e em cada página de menu principal Admin, você encontrará todas as opções para atualizar e configurar seu site. 3 Ao mover o cursor sobre cada uma das opções do menu principal será exibido um menu de “fly-out” com as várias opções. Depois de clicar em cada uma das opções do menu principal, o menu especial irá se expandir para mostrar todas as opções disponíveis dentro dessa seção (se houver). As opções do menu principal e seu uso são: Painel Isto irá exibir ‘homepage’, seu Painel principal. No canto superior esquerdo do seu painel você verá algumas estatísticas breves sobre o número de posts, páginas, categorias e tags contidos em seu site, bem como o número total de observações e comentários aprovados. Há também um resumo dos comentários de spam que você tem atualmente. Posts Nele pode-se criar novos posts ou atualizá-los. Você também pode atualizar suas categorias e tags. Mídia Este é o lugar onde todas as suas imagens enviadas, documentos ou arquivos são armazenados. Você pode navegar através de sua biblioteca de mídia, bem como editar e atualizar os arquivos. Paginas Nessa tela pode-se criar e manter todas as suas páginas. Comentário Você pode gerenciar todos os seus comentários dentro desta seção, incluindo responder a comentários para marcá-las como spam. 4 Aparência Permite controlar toda a parte visual do site, ou seja, como ele será visto pelos visitantes. Você pode escolher um novo tema, gerenciar Widgets de seu site ou menu e até mesmo editar seus arquivos de tema do site. Plug-ins Os plug-ins permitem estender e expandir a funcionalidade do WordPress. Você pode adicionar ou excluir plug-ins aqui dentro, bem como ativar ou desativá-los. Usuários Esta tela lista todos os usuários existentes para o seu site. Dependendo de sua função, você também pode adicionar novos usuários, bem como gerir as suas funções. Ferramentas Esta seção lhe dá acesso a várias ferramentas convenientes. Você também pode importar dados para o seu site WordPress ou exportar todos os dados do WordPress para um arquivo. Configurações Este é o lugar onde o seu site está configurado. Entre outras coisas, ele permite que você configure o nome do site e URL, onde suas postagens aparecem, se as pessoas podem postar comentários ou não, e várias outras configurações. Na maioria das vezes, uma vez que o seu site é instalado, não há necessidade de alterar qualquer uma das configurações dentro desta seção. Na parte inferior do menu, você verá um link chamado menu de Recolher. Clicando aqui, o menu será ocultado e simplesmente mostrará seus ícones. Clique no ícone pequena seta novamente para expandir o menu. Ocasionalmente, quando você instalar um plug-in, eles terão sua própria configuração ou páginas de configuração. A localização destes será totalmente dependente do Plug-in individual, mas na maioria das vezes estas páginas quer aparecer na seção Ferramentas, na seção configurações ou em uma seção do menu completamente novo na parte inferior do menu. Estrutura Embora evidentemente cada site possa ter diferenças, regra geral, um site em WordPress Está estruturado da mesma forma: é um conjunto de páginas ou de artigos (posts), estes Último organizados por categoria. A diferença entre páginas e artigos e subtil. Páginas são usadas para informação que persista 5 Durante muito tempo; exemplo típico são as páginas de <<Quem Somos>>, contatos localização, política de privacidade, mensagem do presidente, e assim por diante. As páginas podem ser estruturadas hierarquicamente (por exemplo, se sua organização tivesse duas localizações físicas, uma em Lisboa e outra no Porto, poderia haver uma página principal de <<Localização>> a qual estavam associadas duas páginas, um para <<Lisboa>>, outra para <<Porto>>. Os artigos, pelo contrário, são altamente dinâmico no tempo. São apropriados para notícias, press releases, legislação, transições de sessões legislativas, ou até mesmo imagens agrupadas em álbum. Agrupam-se em categorias (ou temas), e quando o utilizador navega no site, provavelmente irá para uma área onde parece todos os artigos que estejam agrupados na mesma categoria. Enquanto os artigos não podem tem sub-artigos (ao contrário das páginas), já as categorias, essas sim, podem ser também hierárquicas, por exemplo, um álbum de imagens pode ter algumas categorias principais como por exemplo o ano em que as imagens foram tiradas. Depois, dentro de cada ano pode existir uma categoria para cada mês, ou para cada departamento ou secção da sua organização que pertence álbum. Os artigos (ou posts) podem estar em mais do que uma categoria e, nas pesquisas, aparecem agrupadas também na categoria <<pai>>. A apresentação dos artigos pode ser feita de duas formas: a vista por categoria e a vista individual. Na vista por categoria, são apresentados os resumos dos artigos, um grupo de cada vez (normalmente 10, mas esse número pode ser alterado), normalmente apresentado o mais recente em primeiro lugar; o utilizador pode depois carregar um dos resumos, e passará a vista individual do artigo, que o apresenta por inteiro. Para complicar um pouco mais as coisas, é possível definir, nas vista por categoria, qual o tamanho do resumo, ou se este é gerado automaticamente (pode ser manual), ou ainda se é apresentada uma imagem ou não; por sua vez, na vista individual, pode aparecer o artigo por inteiro ou dividido em várias <<secções>>, sendo apresentada uma secção de cada vez. Gerenciando usuários WordPress tem a capacidade extremamente útil para definir diferentes níveis de usuários. Ele não tem o nível de poder que você tem com os sistemas de gerenciamento de conteúdo onde dezenas de páginas de conteúdo estão a ser criadas diariamente. No entanto, o gerenciamento de usuários em um sistema complexo pode rapidamente tornar-se um completo trabalho de tempo e o nível de controlo em WordPress é geralmente perfeito para a organização menor. Você tem cinco níveis (papéis) de usuário: Administrador o mais alto nível de usuário - O administrador pode fazer qualquer coisa que outros usuários pode fazer, assim como: -ins e edição 6 Importa Editor Recomendamos que o mais alto nível de que alguém está atribuído é Editor - mesmo O administrador vai achar que o nível Editor é adequada para a maioria das tarefas, enquanto Impedindo a possibilidade de inadvertidamente fazer uma mudança fundamental para o local. Um editor pode fazer qualquer coisa que um menor nível de usuário pode fazer, bem como: - um Instalação potencialmente perigoso!) Autor A maioria das pessoas que criam conteúdo por meio mensagens no site será Autores. Um autor pode fazer qualquer coisa que um menor nível de usuário pode fazer, bem como: Colaborador Um colaborador realmente não tem uma grande quantidade de energia, Contribuintes podem criar e editar suas próprias mensagens, mas eles não podem fazer upload de imagens. Podem ainda inserir imagens que já foram enviados. Assinante pode ler o conteúdo no site e fazer comentários. Embora 7 Dependendo de suas configurações para o seu site, é possível para os não-assinantes, Fazer comentários também. Posts Seleção de seu Tema O aspecto geral de um site WordPress é controlado pelo tema. Embora não haja um tema padrão que vem instalado com o WordPress, a maioria das pessoas vai fazer o download de um tema novo, comprar um, ou ter um tema projetado e construído. Há centenas de lugares onde os temas podem ser baixados gratuitamente e / ou por uma pequena taxa. Um dos melhores lugares para começar a procurar temas está no diretório do tema no site WordPress. Clicando na opção Aparência será o padrão na tela Temas. O tema que está atualmente ativo é apresentado na parte superior da tela. Debaixo deste são todos os outros temas que estão instalados, mas não em uso atualmente. Para ver um preview do seu site em outro tema (que não está ativo no momento), você pode clicar no link Live Preview. Durante a tela de pré-visualização, você será capaz de clicar em links do seu site para ver as suas várias páginas no layout novo tema, bem como fazer alterações temáticas. Para alterar seu site para outro tema, clique no link Ativar sob o tema que gostaria de mudar. Alternativamente, se a janela de visualização é a exibição, você pode clicar no Salvar & Ativar link no canto superior esquerdo da janela para ativar o tema. 8 Ao clicar na guia Temas Install no topo da página permite que você procure o site WordPress para novos temas, bem como instalá-los diretamente no seu Dashboard. Visualização e personalizando o seu Tema Bem como a capacidade de visualizar um tema, agora você pode também atualizar as configurações de vários temas ao mesmo tempo visualizando as alterações viver. As opções que você pode mudar vai ser dependente do tema individual. Para o tema atualmente ativo, clicando no link Personalizar ou na imagem em miniatura permite que você atualize as configurações de vários temas ao mesmo tempo, visualizar as mudanças. Até que você clique no botão Salvar e Publicar, apenas a janela de visualização do tema não é atualizado, o tema em seu site ao vivo. Para todos os outros temas instalados que não estão ativos, clique no link Live Preview ou na imagem em miniatura para visualizar o tema, atualizar suas configurações e ativar o tema. Até que você clique no botão Salvar & Ativar botão, apenas a janela de visualização do tema não é atualizado, o tema em seu site ao vivo. 9 Post Depois de clicar na opção de menu Post será mostrada uma lista de posts que o site contém. Entre as informações exibidas é o título do post, o autor, categorias, tags, N º de posts e a data de publicação, Data programada ou a data da última modificação. A tela de Posts será semelhante à tela abaixo. No topo da página, você pode ver a quantidade de posts no total que você tem em seu site, quantos são publicados, Programado, Rascunho, Pendente, no Projeto ou no Lixo. 10 Ao passar o cursor sobre cada linha, alguns links aparecerá abaixo do título do post. Editar – permitirá você editar seu post. Isto é o mesmo que clicar sobre o título do post ・ Edição Rápida – Permite editar informações básicas, tais como pós título, Klug, Data e mais algumas outras opções ・ Lixo – Vou enviar o Post para o lixo. Uma vez que a ‘Lixeira’ é esvaziada, a página é eliminada ・ Ver – Mostra o Post ・ Ao lado de cada título do post há uma caixa de seleção. Isso permite que você execute uma ação em vários itens de uma só vez. Você simplesmente verifica os posts que você gostaria de afetar e, em seguida, a partir das Ações em drop-down selecione a opção Editar ou Mover para o Lixo e, em seguida, clique no botão aplicar. A opção editar permite que você edite as categorias, tags, autor, seja para permitir os comentários e pings ou não, o estado e se mensagens são ou não ‘Sticky’. ・ Você também pode filtrar as páginas que são exibidas usando as listas drop-down e o botão Filtro. ・ No topo da lista de posts, há também dois ícones que mudam a forma como a lista é exibida. Clique no ícone Ver lista () para visualizar os posts na tela de lista tradicional ou clique no ícone Ver Trecho () para exibir um pequeno trecho do post abaixo do título Post Ferramentas A barra de ferramentas do WordPress é uma forma de aceder facilmente a algumas das características mais comuns WordPress. Quando você está conectado ao seu painel do WordPress e visita o seu site, você vai ver a barra que atravessa a parte superior do seu site. Esta barra só aparece se você está conectado em seu site WordPress, o que significa que não será visível para os visitantes do site todos os dias. Se você não 11 estiver logado, a barra de ferramentas não será exibido. A barra de ferramentas permite você acessar rapidamente os seguintes recursos comumente utilizados. Visite o site da WordPress.org, Codex ou fóruns de suporte Mostrar o seu Painel de site e outras opções de menu usados que permitem que você atualize seus temas, widgets, menus e, dependendo do seu tema de fundo e cabeçalho: Ver ou editar os comentários do seu blog Adicionar um novo Post, Media Link, da página ou do usuário Realizar uma pesquisa no site,ver ou editar seu perfil e sair do painel do WordPress. Ocultando barra de Fermentas Você pode parar a barra de ferramentas de exibição, modificando as preferências associadas com o seu perfil. Basta clicar no link Usuários na navegação do lado esquerdo para exibir a lista de usuários. A partir desta lista de usuários, clique em seu nome de usuário ou clique no link Editar que aparece abaixo do nome do usuário ao passar o cursor sobre cada linha. Como alternativa, clique no link “Seu Perfil” debaixo da opção de menu usuários na navegação do lado esquerdo ou no menu flutuante. Ao editar o seu perfil há uma opção Barra de Ferramentas como mostrado na tela acima. Mostrar Barra de Ferramentas ao visualizar site – Marcar essa caixa irá exibir a barra de ferramentas no topo do seu site (somente para a pessoa que está conectado no momento) 12 No WordPress a área de cabeçalho foi fundida com a barra de ferramentas e não há mais uma opção para ocultar a barra de ferramentas. Criando um artigo novo Do ponto de vista de que produz os conteúdos, pode ser óbvios se deve se acrescentar uma nova página ou um novo artigo. Regra geral, as novas páginas devem ser utilizadas para informação que não muda muito no tempo e que fazem parte de estrutura de navegação. Do site (mas e sempre possível acrescentar /emendar as páginas existentes, claro está). Os artigos em categoria são muito apropriados para notícias, descrições de eventos, transcrições de sessões/reuniões, catálogos. etc. Informação que muda com muita frequência. No entanto, dependendo do designer do site, esta regra pôde não ser universal; é possível desenhar um site só com páginas estáticas ou um site só. Criando um novo artigo O processo de criação de um artigo novo segue cinco simples passos: 13 A partir do menu lateral esquerdo, em Posts, clicar no submenu Novo Post Escrever o Título do novo artigo Editar o texto propriamente dito; é possível usar o editor visual para acrescentar Negrito, itálico, etc .(veremos mais à frente como colocar imagens) Escolher uma categoria (ou várias). No exemplo acima, iremos colocar o artigo na área Dos Tópicos Carregar no botão azul que diz Publicar O WordPress, se perfil do utilizador o permitir, irá imediatamente publicar o artigo na Área respectiva. Os utilizadores com o perfil editor podem criar novas categorias, mas para que estás apareçam automaticamente, o template corrente terá de o permitir. Bastas estes passos para atualizar o site com uma notícia nova. No entanto, é possível acrescentar mais informações. Tags são palavras-chave associadas ao artigo; é possível depois pesquisar por palavra-chave, ou listar todos os artigos que contenham essa palavra chave. Os artigos podem ser arquivados em modo draft. Nesse caso não ficam disponíveis de imediato mas requerem que sejam aprovados (o perfil de utilizador Colaborador nunca permite a publicação sem autorização previa de um editor; o perfil Autor pode publicar os seus próprios artigos, mas não pode editar/aprovar artigos de outros utilizadores). Também e possível preparar um artigo para publicação em uma data futura. Antes de publicar o artigo, clique no topo do lado direito. Permite a publicação sem autorização previa de um editor; o perfil Autor pode publicar os seus próprios artigos, mas não pode editar/aprovar artigos de outros utilizadores). Também e possível preparar um artigo para publicação em uma data futura. Antes de publicar o artigo, clique no topo do lado direito, no link que diz Editar junto a Publicar imediatamente. Pode indicar a data e a hora que o Wordpress deve publicar o artigo. Tenha atenção que, nas categorias, normalmente os artigos mais recentes surgem em primeiro lugar; um artigo que esteja preparado para ser publicado em uma data futura não aparecerá senão nessa data, e será o primeiro da lista. Escolher seu formato de Post 14 Um formato de pós é a informação meta que pode ser usado dentro de um tema de estilo, ou personalizar a apresentação de um Post. O características formato do post fornece uma lista padronizada de formatos que estão disponíveis para todos os temas que suportam o recurso. Não há nenhuma exigência para Temas apoiar todos os formatos na lista, e novos formatos podem não ser introduzido por temas ou até mesmo plug-ins. Se o seu tema suporta os formatos de post, você pode escolher como cada post parece selecionando um formato de pós a partir de uma lista de botões de rádio, semelhante à tela seguinte. Se o tema não suporta formatos de post, então o painel de formato não o exibirá. Enquanto a entrada de conteúdo de um post real não mudar, o tema pode usar o formato selecionado para exibir o post de forma diferente. Assim o conteúdo é apresentado inteiramente até o tema, mas a seguinte lista de formatos disponíveis Pós fornece algumas diretrizes gerais do WordPress de como eles podem ser decorados. Além – Normalmente estilo sem um título. Semelhante a uma atualização nota Facebook Galeria – A galeria de imagens. Mensagem provavelmente irá conter um shortcode galeria e terá anexos de imagem Link – Um link para outro site Imagem – Uma única imagem Citação – A citação, provavelmente contida dentro de um blockquote Status – A atualização de status de curto, semelhante a uma atualização de status do Twitter Vídeo – Um único vídeo Áudio – Um arquivo de áudio, como um Podcast 15 Chat – A transcrição do chat Permite a publicação sem autorização previa de um editor; o perfil Autor pode publicar os seus próprios artigos, mas não pode editar/aprovar artigos de outros utilizadores). Também e possível preparar um artigo para publicação em uma data futura. Antes de publicar o artigo, clique no topo do lado direito, no link que diz Editar junto a Publicar imediatamente. Pode indicar a data e a hora que o Wordpress deve publicar o artigo. Tenha atenção que, nas categorias, normalmente os artigos mais recentes surgem em primeiro lugar; um artigo que esteja preparado para ser publicado em uma data futura não aparecerá senão nessa data, e será o primeiro da lista. 16 Editando um artigo existente Clicando-se em Posts (a primeira opção do menu Posts) obtém-se uma lista de todos os artigos atualmente inseridos no WordPress – tanto os aprovados como um por provador (draft). Autor – Nome do autor com que o artigo foi guardado. Os Editores podem ver todos os artigos De todos os autores; Autores e colaboradores apenas veem os seus próprios artigos. Categorias – Lista de categoria em que o artigo foi classificado. Se omitiu este passo, o artigo é automaticamente classificado na categoria n°0, que corresponde << Sem categoria>>. Tags – Palavras-chave deste artigo. São opcionais, por isso a indicação << Sem Tags>> é perfeitamente aceitável. N° comentários – Se os comentários para os artigos estiverem ativos, surge aqui a indicação que quantos existem para cada artigo. Data – Indicação da data em que o artigo foi publicado. Para artigos muito recentes no mesmo dia a indicação é de <<há x minutos /horas atrás>>. Clicando-se no título dos artigos passa-se á pagina que vimos anteriormente. E possível clicar também na opção de Edição Rápida e mudar algumas propriedades do artigo. 17 18 Edição rápida A excpeção do texto do artigo propriamente dito, todas as restantes opções (meta-dados) podem ser alteradas a partir da Edição Rápida. A opção de password permite criar uma password especifica só para este artigo, que será visualizado apenas para quem souber essa password. É possível também ativar Edição Rápida para mais do que um artigo simultaneamente (Edição em Massa); esta opção permite, por exemplo, rapidamente mudar um conjunto de artigos de categoria, desaprová-los todos, alterar o autor, e assim por diante. Basta clicar nos artigos correspondentes e selecionar a opção edição em Massa a partir da Dropdown do lado esquerdo e clicar em Aplicar. Também e possível clicar na opção Edição Rápida artigo a artigo (aparece quando se coloca o mouse mesmo por cima do artigo). Filtros de Pesquisa Quando o número de artigos começa aumentar, é mais prático filtra-los antes de proceder a uma pesquisa. O WordPress oferece dois filtros principais: por data e por categoria. O filtro por data é inteligente e apresenta apenas como opção os meses em que realmente existem artigos publicados; evita-se assim ter de percorrer os meses, um a um, em busca de um artigo cuja da exata é desconhecida. De forma similar, a pesquisa por categoria apenas mostra as categoria ativas, ou seja, aquelas que contêm pelo menos um artigo nessa categoria. A opção de pesquisa que se encontra do lado direito efetua a pesquisa tanto no título como no corpo do artigo; se algum dos filtros estiver ativo, a pesquisa é apenas feita sobre os artigos filtrados. 19 Para mais facilmente identificar os artigos, existentes dois pequenos ícones logo abaixo do campo de pesquisa. O ícone da direita, quando selecionado, mostra uma nova listagem que para além do título, também exibe o excerto do artigo. Acrescentar imagens a artigos Vamos agora acrescentar uma ou mais imagens a um artigo. O WordPress inclui a sua própria ferramenta de gestão de arquivo multimídia e bastantes opções para tirar partido da mesma; para além desta ferramenta, existem inúmeros plug-ins que permitem gerir bibliotecas de media mais complexas ou de interligar o WordPress com bibliotecas externas, como por exemplo a biblioteca de media NextGen, que é mais sofisticada, mas iremos, para já, usar a que se encontra incluída no WordPress standard. Comecemos pelo caso mais simples. Vamos abrir o artigo em que pretendemos inserir uma imagem nova, vamos em Adicionar Mídia e depois carregar a imagem em selecionar arquivos e Inserir no Post. Surge a seguinte janela que permite fazer o carregamento de uma imagem: Clicando –se em Escolher ficheiros abre a janela de navegação do seu sistema operativo o que permite escolher uma (ou mais ) imagens. Estas devem ter um tamanho máximo indicado nesta janela de 2 mg. O limite não e imposto pelo WordPress mais sim pelo servidor onde este se encontra alojado. 20 Confirmando se a imagem ou imagens a carregar, surge uma barra horizontal que vai dando uma indicação do progresso da transferência, ate atingir os 100% para todas as imagens. Nessa altura surge a seguinte indicação: Imagem carregado do seu computador: Há uma série de opções que são automáticas, como criação de um nome de ficheiro que seja apropriado para descarregamento via web (e que portanto pode não corresponder exatamente ao nome do ficheiro no seu computador). Basta ir em editar para fazer as mudanças na imagem. 21 Acrescentar imagens e artigos Título – Nome que quisermos dar ao ficheiro (podemos simplesmente aceitar a sugestão que nos foi dada). Texto alternativo – E importante preencher este campo para garantir a conformidade com as normas de acessibilidade; este texto será usado por softwares especializado para pessoas com visão limitada, por exemplo. Legenda – Este campo aparece imediatamente abaixo da imagem quando esta for apresentada no artigo. Nem todos o empates gráficos do WordPress suportam esta opção. Descrição – E principalmente uma forma de classificar a imagem na base de dados do WordPress para que seja fácil de a identificar, mas alguns templetes do WordPress podem usar este campo para informações adicionais. URL do Link – Opção que permite a um visitante clicar na imagem e ser enviado para outro lado. Este campo e livremente editável (pode ser colocado qualquer link valido), mas existem três opções prédefinidas: a opção nenhum inibe o link (não será possível clicar na imagem). URL do ficheiro, a opção por omissão, introduz um link para a própria imagem (é assim possível mostrar uma versão <<ampliada>> da imagem). URL do Post, em templates que suportem esta opção, mostra a imagem dentro de alguma formatação. Alinhamento – Permite que a imagem seja alinhada à esquerda, ao centro, ou a direita do texto. Sem alinhamento significa que será apresentado onde está. Tamanho – O WordPress tentara redimensionar a imagem para um conjunto de tamanhos pré-definidos. Isto é importante principalmente para áreas do site que apresentam, por exemplo, uma miniatura de uma imagem a acompanhar o artigo respectivo. Nestes casos ira aparecer um link adicional dizendo Usar como margem de destaque. Só pode ser escolhida uma única imagem de destaque por artigo. Clicando em inserir no post irar colocar a imagem no local onde se encontra o cursor. Guardar todas as modificações mais tarde). O WordPress associa a imagens a cada artigo (ou pagina), mais e possível utilizar imagens de outros artigos sem qualquer problema, como iremos ver abaixo 22 Mais um Teste Neste caso, a imagem tem um tamanho claramente exagerado e o alinhamento não nos parece particularmente feliz: o que pretendíamos era que o texto rodasse a imagem sem deixar tanto espaço branco. Essa opção Alinhamento a esquerda. Voltamos pois ao nosso artigo. Ao clicar com o mouse em cima da imagem inserida, surgem agora dois novos ícones. O da direita permite a imagem do artigo (mas continuará na biblioteca de media). O da esquerda permite que se modifiquem as propriedades de uma imagem já inserida no artigo: 23 Isto vai nos mostrar agora uma nova janela de opções: Embaixo podemos mudar o alinhamento, mas temos aqui uma opção nova: a de selecionar o Tamanho da imagem, que nos permite reduzir (ou aumentar, caso estejamos a trabalhar sobre uma imagem já reduzida) a imagem de forma a que fique do tamanho que pretendermos; também podemos mudar o título. Depois basta clicar em atualizar. 24 Existem muitas opções relativamente as imagens, mas vamos apenas ver mais duas: utilização de uma imagem já inserida noutro artigo, e imagem externas. Inserir imagens de outro artigos/ da biblioteca de média Não e obrigatório que se insiram imagem propositadamente para cada artigo; e possível reaproveitar imagens existentes. Voltemos ao nosso artigo, e carregamos no ícone para Upload/Inserir. Na janela que nos surge, temos mais opções. A opção Galeria vai apresentar-nos todas as imagens que já carregamos especificamente para este artigo (no caso concreto, o algarismo 1 que apareça indica que temos uma imagem já carregada). A opção Biblioteca de Mídia vai nos mostrar todos os elementos multimídia que foram carregados no WordPress (e que estão disponíveis para este utilizar), conforme vê na imagem seguinte: É possível inserir um grande número de imagens sem ter de criar um artigo especifico. Para isso basta ir ao menu do lado esquerdo, selecionar todas as mídias. A partir daqui e possível escolher um grande número de imagens a carregar para o WordPress, que ficarão <<desanexadas>> (não haverá relação entre a imagem e um artigo) até que sejam aproveitadas par artigos futuros. E, pois, possível ter um colega que faça a inserção de imagens, deixando depois a outro colega a responsabilidade de criar os artigos propriamente ditos. 25 De notar que a biblioteca de Media, tal como o nome indica, não se limita a lidar com imagens. E possível incluir vídeos, PDFs, ou outros tipos de ficheiros; nestes casos, o WordPress vai apenas colocar um link para os mesmos. Também e possível inserir carias imagens em um artigo e criar um slide show com as mesmas. Basta para isto que sejam carregadas duas ou mais imagens para o mesmo artigo, e na opção Galeria ficara disponível um novo conjunto de opções para criar um slide show com as imagens carregadas. No entanto, esta funcionalidade standard do WordPress é limitada, existindo uma serie de plug-ins que permitem fazer uma gestão bastante mais sofisticada. Gestão de Paginas Tudo que foi dito em relação aos artigos (posts) também se aplica as páginas; a sua edição e em tudo semelhante: A diferença principal neste caso e não existir a cada de Categoria, nem espaço para escolher palavraschave para artigo. Em vez disso, existe uma caixa de Atributos de Pagina (características de página) em que podemos definir a hierarquia em que a pagina se encaixa (a indicação no parente indica que esta página está raiz da estrutura) e a ordem pela qual aparece. Alguns templates de WordPress permitem assim uma forma simples e rápida de montar toda uma estrutura de um site apenas com um recurso a páginas. Nos sites mais modernos, no entanto, a navegação são geralmente mista (entre pagina e categoria), e é assegurado por menus de navegação, que podem livremente combinar páginas, categoria, artigos 26 individuais e links externos. Não há limitação para a complexidade (ou o número) de menus de navegação que se podem criar, mas esta opção não está disponível para o perfil de editor. Paginas O WordPress incorpora uma simples ferramenta de gestão de páginas– sugestões para os visitantes verem outro site relacionados com o nosso. No caso corrente, esta lista surge uma página própria do site. Clicando-se no menu do lado esquerdo na opção links, a primeira opção (também chamada de página) dá acesso a uma lista das páginas atualmente existentes: Os links estão também organizados por categoria, que são criadas independentemente das categoria dos artigos (podem ter o mesmo nome, mas não são a mesma coisa); no site irão aparecer agrupados por categorias e ordenados alfabeticamente eu por ordem de introdução.Para criar uma nova Pagina basta ir em adicionar novo (pode ser tanto no botão do topo como no menu do lado esquerdo). Moderar Comentários: Uma das tarefas de um editor ou administrador pode fazer, desde que a opção " comentários moderados ' é verificar que os comentários que foram feitos contra as mensagens são adequados para publicação. Nós recomendamos que você sempre optar por moderar os comentários, caso contrário você pode encontrar problemas com 27 Pessoas que usam a facilidade de anunciar suas empresas - ' comentário de spam ", como é conhecido. Você pode também desejam implementar algumas filtragem anti -spam. WordPress vem com Akismet incluído como um Plug-in, que faz um excelente trabalho. Se você tem um blog pessoal é gratuito, e se você executar um comercial, Blog que você pode pagar por vários níveis de licença. Alternativamente, plug-ins ' de Captcha ' estão disponíveis. Quando um usuário posta um comentário, eles serão capazes de ver o seu próprio comentário e uma linha dizendo-lhes que o seu comentário está aguardando moderação. Por padrão, você receberá um e -mail para conta de e -mail do administrador avisando que um comentário está aguardando para ser aprovado (este e-mail pode ser desligado), e você pode clicar diretamente em um link no e-mail, a fim de aprovar o comentário. Uma vez assinado, em que você será solicitado a confirmação - clique em sim e o comentário irá ser visível a todos os visitantes do site. Você também pode realizar a moderação em massa, indo para o link Comentários. Se você tiver comentários para moderar o guia vai mostrar o número de comentários de espera. Clique nele e você verá uma lista de comentários esperando moderação na fila. Aqui você terá um conjunto de opções para cada comentário (' Aprovar ', ' Responder ', ' Edição Rápida ', ' Editar ', ' Spam' E 'Lixeira'), que você também pode acessar colocando o ponteiro do mouse sobre cada comentário. Pode também editar comentários para remover palavras inadequadas ou informações, e você pode excluir indivíduo comentários. Você pode marcar todos os comentários em um bloco bem - que é útil quando você tem alguns bots de spam que alegremente comentar um perfeito disparate de comercialização em todo o seu site e precisa de ser suprimido rapidamente, basta pressionar os links na parte inferior da tela. Depois de definir todas as opções para cada comentário, carregue no botão Comentários moderado e as alterações serão salvas. Como você pode ver, a instalação é projetado para trabalhar com os locais calmos e ocupado também. Como alguns dos sites mais visitados da internet WordPress executar o software foi bem projetado para este tipo de uso. 28 Respondendo a um Comentário Para responder a um comentário que alguém escreveu em um de seus posts, basta passar o mouse sobre o comentário e clique no link Responder quando ela aparece. Um campo de edição irá aparecer abaixo do comentário onde você pode digitar sua resposta. Quando você escrever seu comentário, clique no botão Responder ou, alternativamente, clique em Cancelar para interromper responder e cancelar a sua edição. O editor que aparece ao responder ou editar um comentário (usando a resposta, Edição Rápida ou link Editar) é muito parecido com o editor ao criar ou editar uma página ou Post, só não tão intuitiva. Na parte superior do editor existem numerosos botões de formatação. Estes botões lhe fornece recursos de formatação HTML básico ao compor um comentário nova resposta ou editar um comentário existente. Os botões funcionam de duas maneiras. Clicando em um botão, sem destacar qualquer texto em primeiro lugar, simplesmente inserir a tag de abertura html relevante para esse botão. Como um exemplo, clicando no botão Negrito irá inserir o <strong> tag html em seu comentário. Clicando no botão Negrito novamente vai fechar a tag, inserindo o fechamento </ strong> marca. Se você destacar algum texto antes de clicar em um botão, tanto a abertura e fechamento será inserido em torno desse texto em destaque. Por exemplo, destaca o texto, ‘negrito’, antes de clicar no botão Negrito irá inserir ‘texto <strong> negrito </ strong>’. Negrito – Texto em negrito Itálico – Texto Itálico 29 Link - Usado para inserir um link do site. Quando o botão é clicado uma janela aparecerá onde você digita a URL que você gostaria de vincular Blockquote - Usado como uma forma de mostrar uma citação. Essa função é totalmente dependente do tema que o seu site está usando Deletado – Usado como uma forma de mostrar o texto excluído. Ação dependente do tema, mas geralmente é feito mostrando o texto com um tachado Inserir - Usado como uma forma de mostrar o texto inserido. Ação também dependente do tema, mas geralmente é feito, mostrando o texto com um sublinhado Imagem - Usado para inserir uma imagem no comentário. Quando o botão é clicado uma janela aparecerá onde você digita a URL da imagem que você gostaria de inserir Lista desordenada – Usado para inserir uma lista não ordenada (ou seja, não-numerada) Lista ordenada – Usado para inserir uma lista ordenada (ou seja, numerada) Item de lista – Usado para inserir um item em sua lista ordenada ou desordenada lista Código – Usado para indicar que o texto a seguir é um código Pesquisa - Vai procurar o destaque (ou a palavra de entrada, se nada for destacado) em Answers.com Fechar tags – Usado para fechar tags abertas. Se, por exemplo, você clicou em ambos os botões de negrito e itálico para inserir marcas de abertura, clique no botão Fechar tags e irá inserir ambas as tags de fechamento correspondentes, na ordem correta. Edição Rápida 30 Clicando Edição Rápida irá substituir o comentário com um editor que permite que você atualize o comentário, autores, endereço de e-mail e URL. Depois de ter terminado, clique em Atualizar Comentário para salvar suas alterações ou clique em Cancelar para cancelar as alterações e retornar à lista de comentários Editar Clicar em Editar irá exibir o editor em uma nova página. Como a opção de edição rápida, você pode atualizar o comentário, o comentário nome do autor, endereço, e-mail e URL. A opção Editar também lhe dá a capacidade de definir o status comentário e alterar a Data comentário e tempo. O status de comentário pode ser definido para Aprovado, Pendente ou spam. Você também tem a opção de mover o item para a Lixeira clicando em Mover para o Lixo. 31 Você pode alterar a data e hora em que o comentário foi submetido clicando no link Editar ao lado da data e hora. Após clicar em Editar, vários campos aparecem abaixo da data e hora originais. Atualize os campos se necessário e clique no botão OK para salvar a nova data e hora. Uma vez que você terminar de atualizar o comentário, clique no botão Atualizar para salvar as alterações. Se você quiser cancelar as alterações, clique no botão Voltar do navegador ou clique na opção de menu Comentários para retornar à lista de comentários. Desaprovando e Aprovando Comentários Se um comentário inadequado tenha sido apresentado, você pode desejar desaprovar isso. Isto irá parar o comentário de exibição em seu site. Comentários não aprovados serão exibidos com um fundo amarelo em sua lista de comentários. Mover o cursor sobre o comentário vai exibir um link Aprovar, em vez de uma ligação desaprovar. Comentário de Marcação Como Spam e deletados Se um comentário de spam foi lançado no seu site, você pode marcá-lo como spam, simplesmente passando o cursor sobre o comentário e clicar no link Spam. Se você quer simplesmente remover um comentário, passe o cursor sobre ele e clique no link Lixo. Para esvaziar a Lixeira, clique no link Lixo no topo da página para exibir todos os comentários que foram marcadas como lixo. Esta ligação deve ser apresentado juntamente com um número entre parênteses, que 32 indica quantos comentários são marcadas como lixo. Para remover permanentemente esses comentários, clique no botão Esvaziar Lixo. Você não será solicitado para confirmação. Para remover todos os comentários do Spam, clique no link Spam no topo da página para exibir todos os comentários que foram marcados como spam. Esta ligação deve ser apresentado juntamente com um número entre parênteses, que indica quantos comentários de spam existem. Para remover permanentemente esses comentários, clique no botão Spam vazio. Não será solicitado uma confirmação. Você também pode excluir um comentário de spam único permanentemente clicando no link Excluir permanentemente que aparece ao passar o cursor sobre cada linha. Não será solicitado uma confirmação. Se você descobrir que há comentários que foram marcados como spam que não deve ser, clique nas caixas de seleção ao lado deles e selecione Aprovar ou não spam a partir das ações em drop-down. Clique no botão Aplicar para confirmar a sua escolha. Como alternativa, clique no link Não spam que aparece ao passar o cursor sobre cada linha. 33 Publicar Tags Tags são palavras-chave ad-hoc que identificam informações importantes em seu post (nomes, temas, etc) que podem ou não se repetir em outros lugares. Ao contrário de Categorias, Tags não têm hierarquia, ou seja, não há relação de uma Tag para outra. Páginas não podem ser atribuídas à Tags e não podem ser associados com as categorias. Você só pode associar tags e categorias de Posts. Como categorias, há duas maneiras de adicionar Post Tags. Elas podem ser adicionadas ao mesmo tempo, adicionando ou editando seu post, ou elas podem ser adicionados através da opção de menu Tags. Adicionar tags enquanto edita seu Post, irá atribuir automaticamente essas tags ao seu Post. Adicionar tags usando a opção de menu Tag simplesmente irá adicioná-los à lista de tags disponíveis. Quando você clicar na opção do menu Tag será mostrado uma lista de tags que já foram adicionadas, juntamente com alguns campos em branco que permitem adicionar uma nova tag. A lista de tags populares também é exibida na “nuvem” de formato. Isto é, quanto maior o uso de uma Tag, maior é a fonte que é exibido nela Para adicionar uma nova tag, preencha os campos em branco e clique no botão Add New Tag: ・ Nome – O nome é como aparece em seu site ・ Slug – O Slug é a versão URL-friendly do nome. É geralmente todas as letras minúsculas e contém apenas letras, números e hífens 34 ・ Descrição – A descrição não é visível, por padrão, no entanto, alguns temas podem exibi-la Uma vez que você adicionar uma nova tag que vai aparecer na lista de tags no lado direito da tela. Ao passar o cursor sobre cada linha na lista de Tags, alguns links aparecerão abaixo do nome da tag. ・ Editar – Permite editar as propriedades Tag como Slug Nome e Descrição ・ Edição Rápida – Permite editar rapidamente o nome da marca e Slug ・ Excluir – Exclui o Tag permanentemente da lista de tags. Após clicar em Excluir, será solicitado uma confirmação de sua escolha. Clique em OK para excluir o Tag ou Cancelar se você não quiser excluí-lo. ・ Ver – Lista todas as mensagens que estão usando esta marca Se você gostaria de excluir permanentemente Tag numerosas de uma vez, clique nas caixas ao lado das tags que você gostaria de excluir e escolha Excluir as ações em drop- down no topo da página. Depois de selecionar Delete, clique no botão Aplicar para excluir imediatamente os Tags selecionados (não será solicitado para confirmar a sua escolha). Adicionar tags á seu Post Adicionar tags durante a edição de seu Post, irá atribuir automaticamente essas marcas no seu Post. Ao adicionar ou editar o seu post, o painel tags pode ser encontrado logo abaixo do painel Categorias. Para adicionar uma tag existente, clique em Escolher a partir do link tags mais usados. Isto irá mostrar uma lista de tags usadas anteriormente (se disponível). Elas estão organizadas em ordem alfabética e em formato de ‘nuvem’. Isto é, quanto mais vezes uma Tag tem sido usada, maior a fonte que é exibido dentro. Para adicionar uma marca utilizada anteriormente, basta clicar sobre o nome da marca que será atribuído ao seu posto. Para adicionar uma nova tag, basta escrevê-la (separadas por vírgulas) no campo de edição e clique no botão Adicionar. As tags são atribuídas ao Post e serão exibidas abaixo do campo de edição. Para remover uma Tag do seu post, clique no ícone x pequeno ao lado do nome da marca. 35 36 Configurações Especificas Banner Slide No site G148, existe na primeira pagina uma aplicação de slide nativa do tema Graphene. Nesse slide pode ser apresentado tanto Post (texto), imagens ou os dois juntos. Slide Texto Slide com Imagem Slide com Imagem e comentário 37 Painel de controle de Slide Dentro das configurações do tema existe a área de configurações de Slide, nela pode-se definir as configurações gerais para a apresentações dos slides, ou seja, todas as apresentações que não foram configuradas individualmente na hora da criação do post, seguirão as configurações aqui estabelecidas. 38 Painel de configuração 39 40 Ativa ou desabilita a exibição dos slide. Expande o slider para a largura total do tema (essa função faz com que a exibição dos Slider com a tamanho da largura do tema consequentemente o tamanha das imagens a serem empregadas serram diferentes – Maiores.) Se essa opção estiver marcada o conteúdo padrão a ser exibido (os slides que estiverem configurações especiais não seguram essa regra.) será o mesmo dos últimos posts. Exibe todos os post do site de forma aleatória (recomenda-se deixar essa opção desmarcada). Definira uma única pagina ou post, a ser exibir nos slides. A especificação será feira pelo ID do post e pagina. Define uma ou mais categoria a serrem exibidos. (Proporciona uma organização maior do conteúdo exibido). Campo que especifica as categorias que serem utilizadas no processo. Faz com que todos os post dessa categoria não sejam publicado na pagina inicial do site e não na linha de Post. Post da categoria em ordem aleatória (não recomendado). Define o numero de post a sem exibidos nos slides. Seleciona a forma com que as imagens iram ser exibidas. Define através de uma URL, uma única imagem a ser exibida por padrão. Define a forma com que os conteúdos serão exibidos. Miniatura e resumo: 41 42 Imagem de fundo e resumo: Conteúdo completo do post: Opções de efeito de transição do slide. - Tamanho do Slide Defini uma altura personalizada do Slide. O slide tem tamanho de 674px – 240px. Altera a velocidade que o slide fica a mostra. Altera a velocidade da troca de um slide para o outro. Define que os slides serram exibidos ao final da pagina. 43 Aplicação dos Slides. Como já vimos, a apresentação dos Slides podem comtemplar qualquer publicação do site (imagem ou texto). Para adicionar uma publicação ao slide deve se seguir os seguintes passos: Após definido o que se ira dar destaque, vá à área de adição de novo post. Na pagina de criação dos post existe abaixo do placo de criação, a área de configuração de slide. Nesse local podem-se definir as configurações especiais de exibição das informações no slide, de forma individual (configuração especifica para esse post). Para colocar imagens ao slide, primeiro deve-se carregar a imagem escolhida. Essa imagem vai estar em destaque para esse post. 44 Depois de carregado a imagem, selecione a opção “Imagem de destaque” no select box. Logo abaixo existe a opção de “URL personalizado do link”, essa opção direciona o usuário para à pagina da URL, quando houver o clique sobre o Slide. 45 Se essa opção for ignorada, o visitante será redirecionado para pagina do post quando houver a ação, dentro do site. Em seguida deve atribuir esse post a categoria “Slider”. Agora é só publicar o post. Inserir slide de Texto 46 O processo para inserir texto no Slide e semelhante à de imagem. O processo começa por inserir o texto no palco do post. Em seguida sete este poste na categoria “Slider”. 47 Após definido a categoria e só publicar. 48 Colunas Para modificar a quantidade de colunas de seu site, vá no menu Aparência, opçãoGraphene: opções. O primeiro grupo de opções de coluna corresponde à(s) colunas das paginas. (Exceto a pagina do forum ). A segunda parte e responsável palas colunas do plug-in “bbpress”. Ou seja, todas as paginas que compõem o forum serão regidas pelas configurações aqui estabelecidas. 49 50 51 Widget Parceiros Nas colunas existe a opção de inserir widgets Imagens. Essa ferramenta é responsável pelos banes dos parceiros do site. Os banes podem ser empregados em qualquer coluna, as definições dessas preferencias é definidas na pagina de configurações de widgets do tema. Na lateral direita esta definidas todos os locais onde pode-se alocar as widgets, e ao centro da pagina estão todas as widgets instaladas. 52 Para inserir um novo banner, clique e arraste a widgets ‘Image Widget’ para a o espaço ‘Widgets da Barra Lateral’, solte na ordem desejada. Apos escolhido o local, selecione uma imagem na biblioteca de mídia ou faça um upload de um arquivo. As imagens devem estar no tamanho correto (256px de largura), caso contrario a mesma ficara deslocada em relação às demais widgets da barra. 53 Os campos que compõe as configurações dessa widgets são: Campo de definição do titulo da widgets. (Se não for necessário deixe em branco). Texto que será exibido quando o cursor estiver posicionado em cima do banner. Legenda exibida abaixo da imagem. No espaço ‘Link’ insira a URL da pagina de destino que se queira que o usuário seja direcionado ao efetuar o clique. Define se o usuário será redirecionado em uma nova guia (pagina) ou na mesma pagina em que se esta navegando. Tamanho da imagem a ser exibido. Alinhamento do conteúdo. 54