nie Manual de Utilizacao do Sistema de Gerenciamento de Conteudo (SGC) Cliente: Obé Restaurante : http:/www.obarestaurante.com.br Dados de acesso Endereco do site: http:/homolog: provisério .web683.uni5.net/a/oba/ Endereco de acesso ao SGC: http://homologasite.web683.uni5.net/a/oba/wp-admin provisério Usuario: editor Senha: res3110baGuia de ini Utilize o guia de de ler totalmente este manual. ‘io rapido - Site cio rapido para comecar a utilizagao do SGC sem a necessidade item Ganinho Deseo in vine!» Panes Inclu e eita as paginas do site, paginas so conteudos Paginas Polnel» Pgh tstatcos ndo organizados de manelracronologic Indu eita poss, publiagBes que geralmente s80 Posts Painel » Posts ‘organizadas de maneira cronolégica. Exemplo: Noticias. Tinks Painel Links Gerencia a lista de inks utlizadas nose Comentarios | Panel» Comentarios Gerencia 05 comentarios enviados por vskantes do ate Menus Painel » Menus ‘Gerencia os menus principal e tera dose Na rea de edigio de paginas e poss, clique no nk “Uploadrnserit arraste a imagem para area indicada cae CoSIoRED ap6so upload adcone dematsitens Dimensio padrao, 22axa75 pixels. Insra videos através de codigos de incorporate (embed) Videos Para paginas e posts ‘lspontblizados por sits como Youtube, Vimeo, Metacafe ttc Dimensio recomendavel 200 pixels de largura Menus Fainel» Aparéndia » Menus | Ealta os menus exstentes no ste Ealta os widgets exstentes no site. Widgets so recursos Widgets Painel » Aparéncia» Menus | geralmentesaicionados paginas principal do site ou a Barra lateral das pginas interna. Usubros Painel» Usuarios ‘Gerencia sua conta e incu ou edita outros usuarios rr Procure o desenvolvedor do site ou consite a documentagao técnica do sistema,Antes de comecar a publicar, vocé deve se preparar Textos Se vocé possuir seus textos prontos, certifique-se de que eles estejam sem formatacao ou entao, copie e cole eles no SGC no modo de edicdo HTML (aba presente no campo de edicao abaixo do titulo). Imagens Para manter a boa aparéncia do seu site, utilize imagens com a resolucao proxima a 1024x768 pixels e no formato paisagem. Assim vocé mantera um padrao visual adequado ao desenho do site. Utilize imagens nos formatos *.jpg ou *.png, Videos Para hospedar seus videos, prefira sites que oferecam esse servico gratuitamente como Youtube, Vimeo, Metacafe etc. Apés subir seu video nessas ferramentas, vocé podera publicé-lo em seu site utilizando o cédigo de incorporacdo (embed) que sera disponibilizado. Basta procurar pela opcao “Compartilhar* ou "Share" Os cédigos devem ser colados no campo de edi¢ao da publicacdo no modo HTML. frames £ comum em algumas ferramentas disponiveis hoje na internet 0 compartilhamento de contetido via iframes. Trata-se de um cédigo que inserido em seu site, traré conteuido de um site externo. Exemplo: box de pessoas que curtiram uma determinada fan page no Facebook.1. Edite seu perfi Painel » Usuarios » Seu perf As Unicas informacées obrigatérias que 0 SGC e inclua em seu perfil so e-mail, nome de usuario e senha. Note-se que o SGC requer o seu endereco de e-mail apenas para fins de administracao do seu site. O endereco de e-mail nunca é enviado para qualquer outro site e nunca ¢ exibido em seu site (a menos que vocé colocou 1 manualmente). Somente os usuarios registrados em seu site tem acesso ao endereco de e-mail que vocé fornecer. Além disso, lembre-se que 0 endereco de e-mail de cada usuario deve ser unico. Vocé pode adicionar um novo usuario a qualquer momento caso seja 0 administrador do SGC, neste caso lembre se configurar o perfil de acesso desse novo usudrio: Painel » Usuarios » Adicionar novo 2. Configura¢gées Painel » Configuracées Nessa area estao disponiveis as configuracées gerais do site tais como titulo do site, descrigdo, endereco SGC, endereco do site, email etc. Além disso outras subcategorias integram essa area possibilitando outros ajustes na estrutura do site, porém tais ajustes serdo feitos pelo desenvolvedor do site e entregues junto com a publicagao do mesmo. Para ter acesso a esse recurso é necessario ser usuario do SGC com perfil administrador. 3. Categorias Painel » Posts » Categorias Cada post no SGC é arquivado sob uma ou mais categorias. Isso ajuda na navegacao e permite que os posts sejam agrupados com outros de contetido semelhante. Cada post pode ser atribuido a uma categoria de modo que vocé pode criar uma hierarquia dentro da estrutura da categoria. O subpainel Categorias permite criar novas categorias, editar ou excluir as existentes e organizar suas categorias hierarquicamente. Gerenciando Categorias Esta tela é dividida em duas areas: a 4rea de adicionar categorias e a tabela que mostra as categorias existentes. Adicionar Nova Categoria Aqui vocé adiciona uma nova categoria informando os seguintes dados: Nome Informe um nome para sua categoria, este é o nome que aparecerd em seu site.stu (Optional) Este € 0 nome nico e exclusivo para sua categoria, é 0 que vai aparecer no link se usar links legiveis por exemplo. Uma categoria pode ter 0 mesmo nome que outra, mas nunca o mesmo slug. £ opcional porque o SGC vai criar um slug baseado no nome da categoria, acrescendo um ntimero caso 0 nome seja repet Pai (Opcional) Escolha um categoria existente para ser o pai/mée da categoria Descrigéo (Opcional) Alguns temas mostram a descrigéo que inserir aqui, quando visitar a pagina de liscategoriaem da categoria. 4. Tags Painel » Posts » Tags Tags sao como categorias, porém é comum utilizar mais de uma tag para uma Unica publicagao diferente de categoria onde geralmente utiliza-se apenas uma por post, Publicades com tags similares estarao ligadas entre si Para cadastrar uma tag, adicione sentencas de palavras separadas por virgula e preferencialmente em caixa baixa. Cada virgura determina uma tag. Digite 0 nome da tag na caixa e clique em "Adicionar" A caixa para inclusao de tags fica na pagina de inclusdo/edicao de Posts. 5. Posts Painel » Todos os Posts Esse link exibe todos os Posts cadastrados no SGC. Painel » Posts » Adicionar novo ‘As postagens sao 0s textos apresentados em ordem cronolégica inversa na pagina inicial do seu site. Em contraste com as paginas, os artigos geralmente tem campos de comentarios e sao incluidos no RSS do seu site. Exemplo: Noticias. Area de Edicao Titulo Vocé pode usar quaisquer palavras ou frases. Evite usar o mesmo titulo duas vezes porque pode causar problemas. Vocé pode usar virgulas, apéstrofos, aspas, hifens/tracos e outros simbolos. O SGC cria uma versao simplificada do titulo para usar como link, e vocé pode até usar uma frase ou palavra personalizada,Area de Edicéo ‘A caixa em branco onde vocé digita o seu texto, cria links para imagens e todas as informacdes que deseja exibir no seu site. Vocé pode usar o Editor Visual ou 0 Editor em HTML. Consulte a seco abaixo: Editor Visual e Editor HTML Ao escrever sua postagem, vocé tem a opcao de usar o Editor Visual ou o Editor HTML. 0 Editor Visual permite que vocé veja sua postagem como é, enquanto 0 Editor HTML mostra o cédigo e substitui os botdes do editor WYSIWYG com quicktags. Estes quicktags sdo explicados como se segue. b -Tag HTML para negrito. i-Tag HTML para italico, b-quote - Tag HTML para texto citado. del - Tag HTML para texto excluido. Alguns navegadores mostram como riscado. (Mostra data GMT (UTQ)) link - Tag HTML para link ins - Tag HTML para texto inserido. Navegadores mostram como sublinhado. (Mostra data GMT (UTC) img - Insere 0 endereco de uma imagem. ul -

Tag HTML para lista comum, ol -

Tag HTML para lista numerada. Ii- Tag HTML para cada item de uma lista. code - Tag HTML para texto de cédigo. Geralmente usa fonte monoespacada, como Courier. more - Tag SGC para quebrar uma postagem mostrando um “teaser” na pagina inicial, por exemplo. Procurar - Abre uma caixa JavaScript para que procure por uma palavra no servico de dicionario online do answers.com. Vocé pode usar para verificar a grafia de palavras individualmente. Fechar Tags - Fecha qualquer tag HTML que estiver aberta- mas lembre-se que ¢ uma forma automatizada de impedir defeitos no cédigo! Vocé deve verificar seu <édigo. Uso Recomendando Para evitar erros no cédigo de sua postagem, adote o seguinte workflow: Selecione o texto clicando e arrastando sobre ele, ou clique no inicio do texto e enquanto pressiona Shift, pressione uma tecla de direcao para atingir o fim do texto ou palavra. Clique no botao correspondente ao estilo que quer usar como italico, negrito, etc.Vocé também pode usar teclas de atalho enquanto edita texto, como Alt-b para negrito. Caixa Publicar Contém botdes que controlam o estado da sua postagem ou pagina. Os principais estados sao Publicado, Revisdo Pendente e Rascunho. O status Publicado significa que a postagem foi publicada em seu blog para que todos possam ver. Revisdo Pendente significa que o projeto esta a espera de revisdo por um editor antes da publicacao. Rascunho significa uma postagem/pagina nao publicada, em forma de rascunho. Se vocé selecionar um determinado estado de publicacao e clicar no botdo Atualizar ou Publicar, tal status é aplicado a postagem ou pagina. Por exemplo, para guardar a postagem ou pagina no status Pendente, selecione Revisdo Pendente na caixa de Status e clique em Atualizar. Para agendar um postagem para publicacao em hora ou data futura, clique em "Editar" na drea de publicacao ao lado das palavras “Publicar imediatamente *. Vocé também pode alterar a data de publicagao de postagens jé publicadas. Vocé também deve clicar no boto "Publicar" quando tiver concluido a alteragao de data. Botéo Permite visualizar o post antes de publicé-lo oficialmente. jade Isto determina como o seu post aparece para o mundo. A opcao Puiblico sera visivel por todos os visitantes do site uma vez publicados. Mensagens protegidas Por senha sao publicados para todos, mas os visitantes devem saber a senha para ver 0 contetido do post. Mensagens privadas sao visiveis apenas para vocé (e para outros editores ou administradores dentro do seu site) Salvar como rascunho Guarda a publicacao no estado em que se encontra para edic6es futuras. Publicar Publica 0 seu post no site. Vocé pode editar 0 momento em que o post & publicado, clicando no link Editar acima do botao Publicar e especificar o tempo que vocé deseja que o post seja publicado. Imagem destacada Permite escolher uma imagem para usar como miniatura. Caixa Slug Usada para informar uma frase ou palavra que nomeia a postagem no link. Slug é uma forma de renomear o link da postagem. Categorias je 3. CategoriasCaixa campos personalizados Campos personalizados oferecem uma maneira de acrescentar informacées ao seu site. Em conjunto com cédigo extra em seus arquivos de modelo ou plugins, podem modificar a maneira como um post é exibido. Estes sdo usados principalmente por plugins, mas vocé pode editar manualmente a informacao nesta seco. Caixa Autor Lista todos os autores do blog vocé pode selecionar e definir como autor do post. Esta secdo aparece apenas se vocé tiver varios usuarios com direitos de autoria em seu blog. 6. Paginas Painel » Paginas Esse link exibe todas as Paginas cadastradas no SGC. No SGC, vocé pode criar postagens e paginas. Postagens aparecem automaticamente em ordem cronolégica inversa na pagina inicial do seu bloghsite, 80 como Noticias (exemplo). Paginas, por outro lado, sdo para contetido estatico. Paginas ficam fora da cronologia normal e muitas vezes sao utilizadas para apresentar informagées sobre vocé ou seu site, o que é de alguma forma atemporal - informagao que séo sempre aplicaveis. Vocé pode usar paginas para organizar e gerenciar qualquer quantidade de conteuido. Outros exemplos comuns de paginas incluem direitos de autor, Informa Juridica, permiss6es de re-impressao, Informacao de Companhia e Declaracdo de acessibilidade. (Por exemplo, é uma boa ideia ter sempre uma pagina com informagées de contato. Em geral, as paginas sao muito semelhantes a postagens porque que ambas tem titulos e contetdos e podem usar Modelos de Apresentacao para manter uma aparéncia consistente em todo o site. Paginas, no entanto, tém varias disti que as tornam bem diferente de Postagens. Pa 0 que sao? jas em resumo 1. Paginas sao para contetidos fixos, como Dados sobre a empresa, Como entrar em contato etc. 2. As paginas podem ter subpaginas. 3. As paginas podem ser quebradas em paginas para facilitar a leitura. 4 Como nao devem ser usadas: 1. Paginas nao sao Postagens.2. Paginas nao podem ser organizadas dentro de categorias e a elas nao se pode atribuir tags. A estrutura organizacional para paginas sdo apenas inter-relagdes hierarquicas e nao através de tags ou categorias. 3. Paginas nao sao arquivos e nao geram arquivos! Elas sao armazenadas no banco de dados, como os posts sao. Criando Paginas As paginas so os textos que trazem o contetido institucional do site. Para criar uma nova pagina, inicie a sesso no SGC com privilégios suficientes para criar novos artigos. Va em Painel » Paginas » Adicionar nova Orga ando Paginas Assim como vocé pode ter Subcategorias dentro de categorias, vocé também pode ter Subpaginas dentro de suas paginas, criando uma hierarquia de paginas. Suponha que vocé esta criando um site sobre viagens e gostaria de criar uma pagina individual para cada continente e pais em que viajou. Vocé poderia comegar por criar uma pagina chamada “Africa" em que vocé poderia descrever informagdes gerais sobre a viagem a Africa. Entdo vocé teria que criar uma sé de paginas que seriam SubPéginas relacionadas a "Africa" ou por exemplo, os paises ou cidades que conheceu. Outra pagina individual ¢ feita para "América do Sul" e que apresentam subpaginas de cada pals que conheceu. Vide imagem imagem_02.png 6. Imagens e videos Tamanho das Imagens ‘As dimensées das imagens para uso no site foram determinadas pelo desenvolvedor de acordo com o design adotado. Antes de fazer o upload de imagens para o site, certifique-se que a dimensao recomendavel é de no minimo 1024x768 pixels. Cédigos Incorporados E muito simples inserir videos, imagens e outros conteuidos em seu site, usando Cédigos incorporados Para embutir ou incorporar uma midia em uma pagina ou postagem, apenas insira o URL na drea de edigdo. O link inserido nao pode ser clicdvel. Incorporar - Quando possivel, incorporar o contetido de midia a partir de um URL diretamente na pagina. Por exemplo links para o Flickr e YouTube.7. Menus Painel » Aparéncia » Menus © subpainel Menus contém uma area de criagao e edicao de menus para seu site, esta tela se divide em uma area composta de varias caixas ou méduloas 8 esquerda e uma Area grande a direita onde o menu criado é visualizado. Adicionando itens Marque os itens nas caixas ou médulos a esquerda e clique no botao Adicionar ao Menu. € possivel adicionar: paginas, posts, categorias, tags, taxonomias disponiveis e links personalizados, para mostrar caixas destes itens clique na aba Opgdes de Tela e marque as caixas que quer mostrar. Organizando o menu Os itens adicionados ficam listados linearmente na area a direita, vocé pode arrastar e soltar cada item para a posicao e ordem que quiser. Editando itens individualmente Além de ordenar e aninhar itens de menu, é possivel também editar algumas caracteristicas dos itens individualmente, por exemplo, o nome que sera exibido no item ou rétulo, destino do link ao clicar etc,, sdo as propriedades avancadas de menu, Para acessar as opcées de um item no seu menu, clique na seta no canto esquerdo do item, Vide imagem_04,png As caracteristicas editdveis dos itens sao: Rotulo de navegacao - 0 texto que aparecera para o item, Por exemplo, se um item aparecem como contato, poderé modificar para Contato. Atributo do titulo - O titulo para o link do item. Abrir link em uma nova janela/aba - Faz com que o link seja aberto em nova janela do navegador. Classes de CSS (opcional) - Manter. Relacdo de Links (XFN) - Manter. Descrigdo - uma caixa de texto para inserir uma descricao ao item.Boas praticas para publicagées em seu site No seu site, vocé ¢ livre para dizer ou mostrar qualquer coisa ao mundo. Aqui estdo algumas dicas que pode ajudar vocé a escrever postagens. Pratique a acessibilidade Para ser compativel com os padrdes web de acessibilidade, nao se esqueca de incluir tags alt em imagens e title em links, para ajudar seus visitantes. Use paragrafos Ninguém gosta de ler quem escreve sem nunca fazer uma pausa ou uma quebra de linha. Para quebrar o seu texto em pardgrafos, use espacos duplos entre os paragrafos, teclando ENTER duas vezes. O SGC iré automaticamente detectar e inserir esses tags HTML

na sua escrita Use secées Se vocé estiver escrevendo postagens longas, quebre em secées usando titulos pequenos para destacar uma mudanca de assunto. Em HTML, as posicées sao. definidas pelo uso de h1, h2, h3, hd, e assim por diante. Por padrdo, utilizase os niveis de primeira, segunda e terceira, por vezes, dentro do site. Vocé pode usar hd para definir suas posicées préprias. Basta digitar

Legenda da seccdo

Use HTML (recomendado) Vocé nao tem que usar HTML ao escrever seus postagens.0 SGC iré adicioné-lo automaticamente para o seu site, mas se vocé quer controle sobre diferentes elementos como caixas, titulos e outros recipientes ou elementos adicionais, use HTML Verificacao ortografica e revisio Alguns escritores escrevem seus textos em Editores de Texto, com verificagao ortografica e depois colam o texto no SGC. Pense antes Precipitacdes em sites é muito comum hoje em dia, mas tomar um momento e pense sobre o que vocé esta escrevendo. Lembre-se, uma vez la fora, a postagem pode ser vista por muitos e indexada pelos mecanismos de busca. Tome um momento para ler o que vocé escreveu antes de Publicar. Quando estiver pronto, compartilhe com 0 mundo. Escreva sobre o que gosta Vocé ja ouviu isso milhares de vezes antes ¢ isso soa muito cliché, mas é verdade. Se voce se forca a escrever sobre algo que vocé realmente nao gosta, isso vai aparecer. Talvez vocé nao tenha um tema especifico para escrever quando comegou, mas isso é normal. Vocé vai se concentrar mais tarde. Basta aproveitar a experiéncia e escrever o que quiser. Escreva frequentemente Escrever to frequentemente quanto vocé puder, pode ser até mais do que duas vezes por dia, mas ndo deixe que a quantidade ficar na frente da qualidade. Seus espectadores vém por causa do contetido, nao Ihes ofereca coisas inuteis.Nao use muitas girias Nem todos os leitores serao da sua quebrada, mano! Capaz da gurizada ndo entender sobre o trem que vocé est falando e se avexar com seu site. No esconda suas emocées Por mais tentador que possa ser, ndo esconda suas emogdes reais. Depois, é sobre 0 que um site fala, Se quiser, vocé pode permanecer anénimo e dar voz a seus sentimentos sobre alguém que esta apaixonado em seu trabalho... Vocé pode ter opinides fortes sobre varios assuntos, e ainda assim permitir que seus leitores conhecam sua paixao. Se vocé gosta de umas discussdes, vocé pode permitir que seu site seja um ringue de ideias. As discussées vo alargar o seu proprio pensamento e vocé pode acabar fazendo alguns bons amigos. Considere seus leitores Talvez isso soa estranho, mas considere que precisa saber sobre o que o seu site fala antes de espalhar por ai. Vocé sera capaz de escrever liemente se vocé dizer a eles? Quanto deve deixar que seus leitores saibam sobre vocé? E ok se o seu chefe ou namorada(o) Ié suas postagens? Se vocé nao quer que certas pessoas leiam suas postagens, considere o anonimato. Permita comentarios Comentarios deixam as pessoas compartilharem ideias. As vezes, pode nao ser bom, mas vocé pode pedir a essas pessoas que se calem. Na maioria das vezes, eles vao se calar e se nao, pode apagar as observacées que fizeram ou até bloquear estas pessoas. Blogging como na vida real, tanto pode ser divertido quanto um pouco estressante as vezes... Esteja preparado! Além disso, ofereca um espaco para que as pessoas possam entrar em contato direto com vocé através de e-mail por exemplo. Nao se preocupe sé com o design As questées de design do site sé devem ir até certo ponto. Nao desista dos sites s6 porque o projeto nao esta a medida do gostaria que ele fosse. Cedo ou tarde, voce vai ter contornado os problemas de design. Mas continue a escrever! Contetdo é 0 que atrai os leitores, nao apenas a aparéncia do seu blog. Nao Seja o “Liderzinho" Fale sobre o seu verdadeiro eu. Os leitores nao estao interessados com 0 quao grande é a sua casa, as maravilhas do seu carro Ultimo tipo e as festas incriveis que frequenta em Floripa. Nao seja um mala e publique uma longa postagem sobre como vocé fixa a torneira vazando, em minutos. Os leitores nao se importam com as maravilhas de que é capaz, eles se preocupam com 0 seu verdadeiro eu - como vocé se sente, com o que vocé fica animado, porque vocé é a pessoa que vocé ¢. Mas se os resultados sdo tudo 0 que vocé pode falar, vocé sé tende a encher o saco ou ir parar em um programa de tv. Use videos e fotos Eles deixam as paginas coloridas e os visitantes querem ver um pouco da sua parte do mundo. Eles se sentem ligados a sua vida.Continue escrevendo Nao pare de publicar. Se vocé nao tiver nada para escrever, talvez vocé ainda esta se segurando! Solte-se. Visite mais blogs para se inspirar. Vocé pode escrever sobre seus amigos, reclamar do seu chefe, ou simplesmente divertirse sobre o que esta errado. No entanto, se nada mais funcionar, basta escrever uma resenha sobre 0 mais recente filme, livro ou produto. Salve suas postagens Salve suas postagens antes de clicar em Publicar. Qualquer coisa pode acontecer com o computador ou com uma conexao 4 Internet. Vocé nao precisa perder sua Postagem,