Postagens e páginas de forma simples de descomplicadas

Transcrição

1 O que é Software de plataforma web para publicação de conteúdo adotado para reestruturação do portal e-gov MS. E conta com um conjunto grande de recursos que facilita a postagem de informações do governo. Novo paradigma Postagens e páginas de forma simples de descomplicadas Vantagem Diversas vantagens que o WordPress oferece como a facilidade de administração, os modelos (templates) que são muito funcionais e oferece um design incrível aos sites e os muitos plugins que simplesmente mudam a realidade do site. Característica Software livre, instalado local (SGI), gestão de usuários, geração dinâmica de páginas, layout personalizável por modelos(templates), amigável e seguro, permite divulgar o trabalho com feeds... Geração dinâmica de páginas Todas as páginas são geradas usando o banco de dados e os modelos, cada vez que uma página do seu site é solicitada por um visitante. Isto significa que atualizar o seu site, ou o seu design é extremamente rápido e ocupa pouquíssimo espaço no seu servidor. Rede Multisites É uma coleção de sites que compartilham a mesma instalação do WordPress. Eles também compartilham plugins e temas. Os sites individuais na rede são locais virtuais no sentido de que eles não tem os seus próprios diretórios em seu servidor, embora eles tem diretórios separados para subir (uploads) mídia dentro da instalação compartilhada, e eles tem tabelas separadas na base de dados. Gestão de usuários Utiliza níveis de usuário para controlar o acesso a diferentes recursos, e assim você pode limitar a capacidade dos usuários de criar ou modificar o conteúdo em seu site, apenas mudando seu nível de usuário. Usuários Wordpress usa um conceito de função, destinada a capacitar o dono do site a controlar e atribuir o que usuário do site podem ou não fazer.

2 Uma função de usuários define o conjunto de tarefas que um usuário tem permissão para executar. Cada papel tem permissão para executar um conjunto de tarefas chamado Capacidade. Há muitos recursos e as Capacidades são pré-designadas para cada função. Funções de Usuários Super Admin - Alguém com acesso à administração da rede multisites, possuindo o controle de toda a rede. Administrador - Alguém que tem acesso a quase todas as funcionalidades de administração do seu site. Editor - Alguém que possa publicar e gerenciar posts e páginas, bem como gerenciar posts de outros usuários, etc. Autor - Alguém que possa publicar e gerenciar seus próprios posts. Colaborador - Alguém que pode escrever e gerenciar seus posts, mas não publicá-los. Assinante - Alguém que só pode gerir seu próprio perfil e ler posts. Perfis de usuário Cada usuário em seu site pode definir um perfil se assim quiserem. Os usuários também podem controlar a maneira em que seus detalhes são apresentados no site. Passo a passo Agora vamos ver os passos para criar e alimentar seu site. Acessar / Entrar Antes de fazer qualquer alteração em seu site, você precisa fazer login. A caixa de entrada para o seu site é encontrada na seguinte URL - substitua site com seu nome de domínio (subdomínio). Também é possível encontrar o link de acesso no rodapé de seu site. SGI/SEFAZ/MS 2

3 Painel Depois de ter entrado, aparece o Painel de controle do Wordpress. Esta é a sua página principal de administração. No topo de seu Painel (e em todas as páginas), você verá a imagen que ao passar o cursor na imagem abre o menu com links sobe o wordpress, como abaixo: Na sequência terá uma imagem que ao clicar na chave abrirá um menu com o painel da rede e a lista dos sites que você tem acesso, cada um com suas opções (Painel, sites, usuários, temas e plugins). Você pode escolher em qual painel irar trabalhar. No topo também você verá o nome do seu site na área do cabeçalho, o nome do site também é um hiperlink para a página inicial do site. E também para editar seu site. SGI/SEFAZ/MS 3

4 Ao clicar no link visitar o site, será apresentada uma visualização com a possibilidade de editar. Você também vai ver o nome da pessoa que está conectado, mais a direita. Passe o cursor sobre o seu nome para mostrar o link Sair e o link para editar o seu perfil. Na tela inicial logo abaixo seu usuário há um par de abas invertidas, Opções de tela e e Ajuda. Clicar em qualquer um desses links, o painel desliza para baixo a partir do topo da página. SGI/SEFAZ/MS 4

5 O Link Ajuda exibe algumas informações de ajuda, você pode consegui ajuda em qualquer tela clicando no link Ajuda. O Link Opções de tela exibe várias opções que permitem que você configure o que é exibido na página atual. Os detalhes deste painel dependem da página que você está vendo. Quando criar novos recursos ou atualizar, aparecerá uma marcação do novo recurso de forma destacada na barra de ferramentas. Opções do menu do painel Para baixo do lado esquerdo do painel e em todas as páginas você vai ver o seu menu principal de navegação do administração. Este é o lugar onde você vai encontrar todas as opções para atualizar e configurar seu site. Ao mover o cursor sobre cada uma das opções do menu principal será exibido um menu com as várias opções para o menu específico. Depois de clicar em cada uma das principais opções de menu, esse menu especial será expandido para mostrar todas as opções disponíveis. A opões do menu de navegação são: Painel: irá exibir o sua página principal do painel. No canto superior esquerdo do seu painel, aparecem algumas informações sobre estatísticas de número de posts, páginas, categorias e tags contidos dentro do site. SGI/SEFAZ/MS 5

6 Posts: é onde você pode criar um novo Post (conteúdo). Você também pode atualizar suas Categorias e Post Tags. Mídia: é o lugar onde todas as seus arquivos carregados são armazenados, sejam eles de imagens, áudios, documentos ou vídeos. Você pode navegar através de sua biblioteca de mídia, bem como editar e atualizar os arquivos. Páginas: é onde você pode criar e manter todas as suas páginas. Comentários: Você pode gerenciar todos os seus comentários dentro desta seção, incluindo responder a comentários ou marcando-os como spam. Aparência: Este menu é onde você controla a aparência de seu site. Você pode escolher um tema novo, gerir o seu site ou Widgets Menus e até mesmo editar seus arquivos de tema do site. Plugins: permites estender e expandir a funcionalidade do WordPress. Você pode adicionar ou excluir plugins dentro aqui, assim como ativar ou desativar a eles. Usuários: 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: dá-lhe acesso a várias ferramentas convenientes. Também é possível importar dados para o seu site WordPress ou exportar todos os dados do WordPress para um arquivo. Configurações: é o lugar onde o seu site está configurado, permite que você configure o nome do site e URL, onde suas mensagens aparecer, se as pessoas podem ou não deixar postar comentários e várias outras configurações. Na parte inferior do menu, você verá um link chamado de menu Fechar. Clicando aqui, oculta o menu e simplesmente exibe os ícones do mesmo. Clique no ícone de seta pequena novamente para expandir o menu. Barra de ferramenta A barra de ferramentas do WordPress é uma forma de acessar facilmente a algumas das características mais comuns do WordPress. Quando você está conectado ao seu painel WordPress e visitar o seu site, você vai ver a barra de ferramentas que funciona através da parte superior de seu site. Permite acesso rápido aos seguintes recursos mais usados. Visite o site do WordPress.org, Codex ou fóruns de suporte. Indique seu Painel local e outras opções de menu usados que permitem que você atualize seus Temas de site, Widgets, Menus e dependendo do seu tema, fundo e cabeçalho. Visualizar ou editar seus comentários do blog. Adicionar rapidamente um novo Post, Media, Página ou Usuário. Editar a página atual ou Post. Realizar um busca de site da rede. Ver ou editar seu perfil e sair do painel do WordPress. SGI/SEFAZ/MS 6

7 Criar o Site Esta funcionalidade fica disponível para o SuperAdministrador. No menu de navegação, clique em Painel da Rede => Sites Em seguida em adicionar novo site Preencha os campos e clique em Adicionar site O padrão de endereço adotado é Com seu site criado você pode dar permissão para novos usuários, ou executar seu projeto de site, e depois dar permissão. Adicionar usuário Em barra de ferramentas clique em e Usuário para adicionar novo Ou No menu de navegação clique em Usuário e em Adicionar novo É possível incluir um usuário já existente e adicionar uma função para o mesmo, ou adicionar um novo cadastro. SGI/SEFAZ/MS 7

8 Seu Perfil: Em Usuário, Seu perfil configura o perfil do usuário que está acessando. Página e posts WordPress é construído em torno de dois conceitos básicos: Posts e páginas. Posts são mensagens de atualização de seu site, e quando você adicionar um novo, os outros vão sendo empurrados para baixo da pilha. Uma série de artigos, listados em ordem cronológica reversa. As páginas são mais usadas para conteúdo estático, ou seja, o conteúdo que não muda frequentemente. E é frequentemente usada como link de navegação do seu site Decida se você quer escrever um post ou uma página, por isso é importante um planejamento sobre o conteúdo do site. Adicionar páginas Em barra de ferramentas clique em e Página para adicionar nova Ou SGI/SEFAZ/MS 8

9 No menu de navegação clique em Página e em Adicionar nova Publicar uma página: Em Adicionar nova, Dê um título, escreva o texto e clique em "Publicar". Pronto Ao criar uma nova página ou post, a primeira coisa a fazer é entrar em seu título no campo de entrada superior onde diz Insira o título aqui. Depois de mover o cursor para baixo para o editor de um novo Link permanente é criado para sua página. Permalinks são o URL permanente de seus posts individuais, páginas, categorias etc.. Embora não seja geralmente necessário, você pode editar manualmente o permalink clicando no permalink real (a parte após o nome de domínio com o fundo amarelo) ou clicando no Editar botão ao lado dele. Depois de modificá-lo, clique OK para salvar ou Cancelar para cancelar as alterações. Editor Visual. O Editor usado para inserir conteúdo na sua página é muito fácil de usar, é semelhante com o software de editor de texto. Tanto páginas como posts utilizam o editar visual para entrada de conteúdo. Na aba visual mostra como o conteúdo será visualizado, e na aba texto mostra o código HTML que compõe o conteúdo. O editor apresenta vários botões muitos são familiares para quem utiliza um editor de texto. Um destaque para o botão, para carregar mídias como imagens, vídeos, áudios e documentos de forma simples e rápida, ao clicar nele e na tela de mídias puxe ou arraste a mídia do desktop do seu computador ou selecione da biblioteca. No editor é possível editar ou excluir a imagem utilizada no conteúdo, basta clicar na imagem e aparecerão os ícones (editar) e (excluir). Ao clicar em editar uma janela de detalhes da imagem que permitirá que edite varias propriedades da imagem. Ao clicar no botão original, permite que faça manipulação simples com a imagem carregada, como girar, inverter, escalonar e colar em vários tamanhos. O botão substituir, permite que substitua a imagem por completo, carregando uma nova imagem. Depois de atualizar as propriedades da imagem clique no botão de atualizar para salvar as alterações. O link excluir retira a imagem do conteúdo e a mesma permanece na biblioteca de mídias. Atributos da Página A caixa com atributos da página fica á direita da tela é especificado os atributos: Atributo Mãe onde é informado se a página esta numa hierarquia inferior a outra denominada como mãe. SGI/SEFAZ/MS 9

10 Modelo de página O Modelo de página é um arquivo criado para opcionalmente modificar a apresentação do conteúdo de páginas estáticas WordPress, a disponibilidade do modelo depende do tema. Ordem indica a ordem da página na hierarquia de um menu. Adicionar Posts Em barra de ferramentas clique em e Posts para Adicionar novo Ou No menu de navegação clique em Posts e em Adicionar novo Configurar opção de tela: Ao adicionar Novo Post, clique em Opções de tela, e marque o que deseja configurar. Publicar um post: Ao adicionar Novo, Dê o seu título, escreva o texto e clique em "Publicar". Pronto SGI/SEFAZ/MS 10

11 Esta tela de posts permite publicar conteúdos mais e mais complexos, e disponibiliza um editor de texto parecido com seu software de editor de textos. No topo do editor onde insere o conteúdo do post tem duas abas: Visual e Texto. O editor visual é utilizado para inserir o conteúdo do modo que deseja que seja visualizado, e o editor texto já requer conhecimento de HTML. No editor visual existem alguns ícones no topo, que são muito familiares. Formato Permite mudar a forma como o Post aparece dependendo do conteúdo, se o tema tiver formato será apresentado á direita de sua janela de edição de post. Aplique formato aos seus posts, que podem ser uma galeria de fotos, um link, uma citação, um post padrão, entre outros. Como a entrada de conteúdo não muda, tem como mudar a forma como o conteúdo será apresentado, selecionando formato diferente do padrão: Nota - Normalmente estilo sem um título. Imagem - Uma única imagem Vídeo - Um único vídeo Áudio - Um arquivo de áudio, como um Podcast Citação - A citação, provavelmente contido dentro de um blockquote SGI/SEFAZ/MS 11

12 Link - Um link para outro site Galeria - Uma galeria de imagens. Publicar provavelmente irá conter um shortcode de galeria e terá anexos de imagem; Categorias O post é arquivado em uma categoria, o que permite classificar seus posts em grupos e subgrupos. Cada categoria permite adicionar uma categoria principal ou pai, de modo a configura uma hierarquia. O nome da categoria deve único, mesmo na subcategoria. As categorias podem ser classificadas por ordem alfabética do nome ou pelo número de identificação, quando uma categoria é criada lhe é atribuído um número de identificação. Criar categorias No menu de navegação clique em Posts, na guia Categorias, em link Adicionar Nova Categoria, preencha as informações sobre sua categoria e clique no botão Adicionar. Quando você tem dados no campo categorias pai, insere subcategorias para o Pai. No menu suspenso para Categoria pai, você pode selecionar o pai para a subcategoria que você está adicionando. Adiar a entrada subcategorias até que todas as principais categorias estão inseridos. Quando você ver as categorias em Gerenciar> Tela de Categorias, você vai ver as categorias listadas. Adicionar Mídias Clicar em, e na tela de mídias puxe ou arraste a mídia do desktop do seu computador ou selecione da biblioteca. Mídias São imagens, vídeos, áudios e arquivos que você adiciona ao seu site, mídias normalmente são utilizadas em post ou página. Observe que as mídias são carregadas SGI/SEFAZ/MS 12

13 em uma tela de configuração de mídia, a seção transferindo arquivo descreve a estrutura e localização do diretório de mídia. Adicionar mídias Em barra de ferramentas clique em e Mídia para Adicionar nova Ou No menu de navegação clique em Mídia e em Adicionar nova Biblioteca de Mídia Permite adicionar, editar, visualizar e excluir as mídias antes de utilizá-las no site. A biblioteca oferece a possibilidade de pesquisar e filtrar as mídias. Ainda é possível selecionar várias mídias e excluir todas de uma vez. No menu de navegação clique em Mídia e em Biblioteca Use imagens As imagens são utilizadas comumente em post, Usando vídeo no seu site O uso de vídeo pode agregar valor a seu site, mas por serem normalmente arquivos muito grande em tamanho, os arquivos de vídeo devem ser hospedados em sites de serviço de hospedagem de vídeos como o YouTube e Vimeo. Pois normalmente as hospedagens da maioria de sites WordPress são alocadas em servidores compartilhados, e sendo vídeos pesados, podem gerar tráfego excessivo que faça o serviço falhar. Mas o principal motivo que você deve ter em mente é evitar assim perda do tráfego potencial que um site com vídeos pode gerar para suas páginas. Fora o fato de que os servidores desses sites são otimizados para streaming de vídeo. Com isso, você vai economizar o custo de espaço em disco e consumo de tráfego para seu site. SGI/SEFAZ/MS 13

14 A biblioteca MediaElement.js dá suporte aos seguintes site de hospedagem de vídeos: YouTube; Vimeo; DailyMotion; blip.tv; Flickr (ambos os vídeos e imagens); Viddler; Hulu; Qik; Revision3; Scribd; Photobucket; PollDaddy; Google Video; WordPress.tv (apenas do tipo VideoPress vídeos por enquanto); SmugMug (WordPress 3.0 +); FunnyOrDie.com (WordPress 3.0 +). A partir da versão 3.6 do wordpress a biblioteca JavaScript MediaElement.js usada para produzir uma HTML5 ou Flash player, com compatibilidade total com muitos navegadores e dispositivos. Os arquivos MP3 para áudio e MP4 para vídeo são os formatos padrão, mas o player da bibiloteca MediaElement.js suporta todos tipos de arquivos a seguir: webm; ogv ; mp4/m4v,pt; wmv; mov / qt ; flv; mp3/m4a/m4b; ogg / oga; wma; wav. Insira vídeos Selecione um vídeo da galeria, ou arraste o vídeo de sua área de trabalho do seu computador ou ainda cole uma url ou um código embed de vídeo na caixa. Dependendo do tema que está utilizando, nem precisará de um plugin específico para áudio e vídeo, é só clicar no vídeo em seu desktop e arrastar pra sua tela de post, muitos tema já vem como padrão o formato de vídeo incluído. Inserir um vídeo num post ou página é bem semelhante a inserir uma imagem, aou inserir o arquivo selecione Embed media display em vincular/incorporar mídia. Dentro de um post clica no botão inserir mídia, ou no menu Mídia, inserir ou biblioteca Há a possibilidades de utilizar Shortcodes para inserir o vídeo, mas de forma ainda mais simples do que com o uso de Shortcodes, você pode incorporar um arquivo de áudio ou vídeo hospedado em outro servidor basta que simplesmente forneça a URL para o arquivo em seu conteúdo. O WordPress vai interpretar a extensão do arquivo (um. Mp3, por exemplo), e logo em seguida, carregar automaticamente o media player. Lembre-se de que ao digitar a URL para o seu arquivo de mídia ele não deve ser um link e deve esta em uma linha própria. Edite seu vídeo Você pode editar a mídia e configurar os metadados do arquivo Incorporar um vídeo externo Clicar em adicionar mídia > adicionar o vídeo. Colar a url de um vídeo externo ou um código embed do vídeo na caixa. Galeria de imagens Clique em adicionar mídia, criar galeria segue a mesma sequência de adicionar uma mídia para um post ou página, uma tela de adicionar mídia aparecerá clique no link carregar arquivos, podendo adicionar todos de uma vez ou marcar todos no na sua SGI/SEFAZ/MS 14

15 área de trabalho deo seu computador e arastar pra ára de adicionar mídai, ainda pode pode selecionar mídias já carregadas na sua biblioteca. clique em criar galeria, preencha os dados da galeria e clique no botão inserir galeria, ou cancelar. Editar galeria, Clique em mídia, e em gerenciar biblioteca, selecione editar galeria. Você pode renomear a galeria, mudar os dados, ou ainda reordenar as imagens e excluir alguma imagem. Excluir galeria Em excluir você pode excluir totalmente uma galeria Formulário de Contato Form Contato7 é um plugin do wordpress formulário disponível na sua área administrativa que permite o uso de formulários para contato no seu site. Este plugin disponibiliza a ajuda na parte superior da tela. Criar um Formulário de Contato No menu de navegação clique em FormContato e em Adicionar Novo Ao clicar quem adicionar novo é possível configura os campos do formulário e os dados do que será enviado, e ainda configurar um segundo SGI/SEFAZ/MS 15

16 Digite um nome para o formulário, preencha as informações e clique no botão Salvar. Listar Formulários de Contato No menu de navegação clique em FormContato e em Formulários de Contato para ligar os formulários existentes. SGI/SEFAZ/MS 16

17 É possível pesquisar um formulário, editar e copiar um formulário específico e também aplicar ações de excluir em massa ao marcar na caixa à esquerda, um ou mais formulários. Editar Formulário de Contato Na lista de Formulários passe o cursor sobre o formulário desejado e aparecerá a opção de editar e copiar, clique em editar. Na tela de edição, atualiza as informações e clique no botão Salvar. Banners WP banner é um plugin do wordpress disponível na sua área administrativa que permite uso de banner, para atender a necessidade de seu projeto visual de site. Este plugin apresenta as opções de Editar, Adicionar novo, configurações e ferramentas. SGI/SEFAZ/MS 17

18 Criar banners No menu de navegação Clique em WP Bannerize Clique em Adicionar novo Selecione o tipo de banner, informe banner, datas, grupo, descrição, URL, destino e ao concluir clique no botão Inserir para Adicionar. Editar banner No menu de navegação Clique em WP Bannerize em Editar SGI/SEFAZ/MS 18

19 É apresentada uma tela com os banners listados, como possibilidade de filtrar por grupo, paginar, e excluir mais de um quando selecionados no chekbox. Ao passar o cursor no banner desejado abaixo apresenta os links de editar, Lixo para mandar para lixeira e visualizar. Ao clicar em editar, a tela expande abaixo do banner e os atributos do mesmo são apresentados para edição. Ao concluir a edição clique no botão Atualizar para salvar, caso contrário clique em Cancelar. Configurações No menu de Navegação clique em WP Bannerize e em Configurações E são apresentados itens de configuração do banner, recomendado para usuários avançados SGI/SEFAZ/MS 19

20 Ferramentas Clique em WP Bannerize e em Ferramenta É apresentado o Editor de função PHP e Shortcode para usuários avançado. Mude a Aparência de seu site No menu de navegação clique em Aparência e será expandido o menu com as opções Aplique um tema No menu de navegação clique em Aparência e Tema SGI/SEFAZ/MS 20

21 O tema disponibilizado é o twenty fourteen, um dos mais recentes do Wordpress, que conta com mais recursos. Abaixo disponibiliza opções de personalização relacionadas ao tema. Personalize seu site No menu de navegação clique em Aparência, em Tema e no botão personalizar Ou Clique em Aparência e em Personalizar Ao clicar em personalizar será apresentada a tela de personalização do tema, onde á esquerda mostra as opções e visualização á direita. Estas opções permite personalizar de forma rápida o seu site: Título & descrição do site, é possível editar esses dados do site que aparecerão no cabeçalho. Cores, é possível definir cor do título e do fundo do site. Imagem do cabeçalho é possível definir de forma breve a imagem que vai no cabeçalho. Imagem de fundo, permite definir umaa imagem, posicionamento e se repete. Widgets, são apresentados os locais de seu tema, em o padrão e permite adicionar novo ou substituir, no caso é apresentada a lista de widgets na lateral. SGI/SEFAZ/MS 21

22 Página inicial estática, permite fixar uma página inicial. Conteúdo destacado, permite definir como o conteúdo de posts destacados por tag será apresentado. Widgets em temas No menu de navegação clique em Aparência em Temas e no botão Widgets Ou Em Aparencia e em Widgets E será apresentada a tela como widgets ou funcionalidades específicas que estão disponíveis para o tema, um widgets pode se aplicado na lateral, e apenas o primeiro fica expandindo. Escolha Widgets No menu de navegação clique em Aparência, em tema e no botão Widgets Ou em Aparência e Widgets SGI/SEFAZ/MS 22

23 Para ativar basta clicar e arrastar para barra lateral ou área de rodapé. Para desativar sem perder a configuração, arraste-o para área de inativados, na parte de baixo da tela Menu Quando você criar páginas elas aparecem como guias ou links em um menu em algum lugar em seu site, dependendo do seu tema. Se você tem um tema que suporta o recurso de menu personalizado, você pode que permite: 1. Alterar a ordem de as páginas, ou eliminar. 2. Páginas aninhadas em páginas "pai" para criar sub-menus. 3. Criar links personalizados para o seu menu. Crie um menu principal É possível adicionar páginas, categorias, posts ou os seus próprios links personalizados para o menu. No menu de navegação clique em Aparência e em Menu Configurar opção de tela: Ao Clicar em Menu, clique em Opções de tela, e marque o que deseja configurar. SGI/SEFAZ/MS 23

24 Criar um novo menu No seu painel Clique em Aparência e em Menus e em seguida clicar em, na parte superior da tela. Digite um nome para o seu menu personalizado e clique em Criar Menu. Adicione página e links ao seu menu À esquerda, no módulo Páginas, escolha as páginas que você deseja incluir em seu menu, adicionando uma marca de seleção ao lado das caixas para essas páginas, clique em Adicionar ao Menu. SGI/SEFAZ/MS 24

25 As páginas que você escolher vão aparecer na direita, no menu personalizado que você está construindo. Adicione links ao seu menu À esquerda, no módulo Links, copie e cole em link a URL que você deseja incluir, digite o texto do link e clique em Adicionar ao Menu. Ele aparecerá no lado direito, junto com seus outros itens de menu criados. Configurar o Menu Depois de criar o menu, você vai notar duas opções na parte inferior para controlar o seguinte: 1. Adicionar páginas automaticamente - Se selecionado, novas páginas serão adicionadas automaticamente quando você criá-los. 2. Posições do Tema - Esta opção permite que você decida onde você gostaria que seu menu aparecesse em seu tema. SGI/SEFAZ/MS 25

26 Reordene os itens de menu A qualquer momento você pode alterar a ordem e o posicionamento do itens de menu personalizado, basta arrastar e soltar os itens para cima e para baixo para alterar a ordem. Clique em Aparência, em menu e em seguida na guia Editar menus selecione o menu. Será apresentado o menu e seus intens Crie submenu Você pode criar submenus arrastando o itens individual á direita do item escolhido para ninho, e aparecera uma aba pai. Para desfazer araste para a esquerda. Não se esqueça de clicar no azul Salvar alterações botão para salvar as configurações. Ative seu menu Este menu e menus futuros são listados na guia de Gerenciar posições no canto superior esquerdo da tela Menus. SGI/SEFAZ/MS 26

27 Aqui, você pode gerenciar os locais de seus menus usando os menus suspensos para selecionar qual o menu aparecerá onde em seu site. Crie um menu personalizado É um tipo de menu disponível nos widgets, e podem ser utilizados nas laterais e rodapé. Cabeçalho Podemos assumir como cabeçalho o topo de seu tema do Wordpress, como título, descrição e imagens que identificam seu site. Ao personalizar permite escolher entre as imagens de cabeçalho padrão do tema, ou usar uma própria, também permite personalizar como o Título do site e a Descrição serão exibidos. Crie um Cabeçalho No menu de navegação clique em Aparência, em tema e no botão Cabeçãlho Ou Em Aparência e em Cabeçalho. E será apresentada a tela de personalizar do topo do seu site. SGI/SEFAZ/MS 27

28 Personalize o cabeçalho Imagem do Cabeçalho a primeira parte trata da imagem que será apresentada no cabeçalho, por padrão segue o tema. Em visualizar é possível verificar que imagem está sendo apresentadas, e futuras atualizações de imagem. Adicionar uma imagem do seu computador Em Selecionar imagem clique em Escolher arquivo e será apresentada a pastas de seu computador, selecione a imagem e clique em Enviar. Adicionar uma imagem de sua biblioteca de mídia Em Selecionar imagem clique em Escolher Imagem e será apresentada a tela de Escolha de Cabeçalho Personalizado. Na aba Biblioteca de mídia, pesquise e selecione a imagem na sua biblioteca de mídia para adicioná-la. Clique no botão para concluir.

29 Ou caso não tenha imagens na biblioteca, clique na aba Enviar arquivos, selecione a imagem na sua área de trabalho e a arraste até a tela de upload e solte para adicionála. Clique no botão para concluir. Com a imagem selecionada o wordpress permite: Cortar a imagem O recurso de Cortar imagem de cabeçalho permite selecionar uma área de uma imagem e, em seguida, apagar tudo, mas que a área selecionada. Quando exibido inicialmente, WordPress mostra que área máxima de tamanho em um tom mais claro. No tema escolhido a imagem do cabeçalho deverá ser de pixels de modo que é o tamanho da área selecionada mostrado.você pode clicar, segurar e arrastar a área mais clara seleção para baixo (ou para cima) a imagem para o ponto desejado. Com imagem publicada permite: Remover a imagem Na Imagem do cabeçalho Clique no botão Remover imagem do cabeçalho para remover a imagem de cabeçalho. Restaurar Imagem Na Imagem do cabeçalho Clique no botão Restaurar Imagem de cabeçalho original para restaurar a imagem do cabeçalho original. Texto do Cabeçalho esta parte trata da identificação textual que será apresentada no cabeçalho, por padrão segue o tema e vem marcado para apresentar o nome do site. Em texto do cabeçalho, mostrar o texto do cabeçalho com sua imagem, marque a caixa de seleção em para mostrar o nome do site no cabeçalho, este nome é o que foi informado na hora do cadastrado do site. SGI/SEFAZ/MS 29

30 Com a opção de mostrar o texto selecionada é apresentada também a opção de cor do texto, por padrão no tema vem branco. Ao concluir a personalização do cabeçalho clique no botão Salvar localizado na parte de baixo da tela. Quando utilizar imagem que já apresentam a identificação visual com texto do nome do site, desmarque a caixa de seleção e o nome do site não aparecerá no cabeçalho. Personaliza o Fundo Ao personalizar permite escolher entre fundo padrão do tema, aplicar cores e /ou imagem. No menu de navegação clique em Aparência Tema e botão Fundo Ou direto pelo menu Aparência e clique em Fundo. E será apresentada a tela de fundo personalizado, onde permites Selecionar imagem do seu computador ou da sua galeria de imagem, e Visualizar. SGI/SEFAZ/MS 30

31 Com a imagem selecionada, permite Remover a imagem do fundo, e ainda selecionar opção de exibição como posição da imagem, se repete, se anexo e cor de fundo. Caso não selecione uma imagem de fundo em opções de exibição permitirá mudar a Cor do fundo. Configure os painéis As configurações ficam disponíveis apenas para o administrador e algumas requer que conhecimento técnico avançado. No menu de navegação clique em Configurações SGI/SEFAZ/MS 31