GerenciamentoecriaçãodeconteúdocomWordpress Content ...revistapensar.com.br/tecnologia/pasta_upload/artigos/a84.pdf · que por pessoas sem nenhuma experiência em desenvolvimento

Revista Pensar Tecnologia, v. 3, n. 2, jul. 2014

Gerenciamento e criação de conteúdo com Wordpress

Content management and creation using Wordpress

Gestión y creación de contenidos con Wordpress

Ronald Clarindo Teodoro1

Resumo: Há alguns anos, para se criar um website, era necessário ter o conhecimento de html, css ealguma linguagem de programação, além de dominar várias ferramentas de desenvolvimento web.Hoje, graças à evolução tecnológica, têm-se alguns sistemas que permitem desenvolver um websitesem se digitar nem mesmo uma linha de código. Este artigo apresenta um estudo sobre a utilizaçãodo sistema para gerenciamento de conteúdo (CMS) WordPress, que é utilizado para criar e gerenciarconteúdo para websites. O objetivo do trabalho é apresentar uma análise sobre como realizar agestão de conteúdo, com uma ferramenta moderna, sem nenhum custo e de fácil utilização, aindaque por pessoas sem nenhuma experiência em desenvolvimento web. Descreve-se também osprocedimentos de instalação da ferramenta, orientações de utilização, além de técnicas e padrõesque devem ser seguidos para se desenvolver um tema básico para WordPress.Palavras chave: wordpress, website, conteúdo, sistema, gerenciamento.

Abstract: A few years ago, to create a website, it was necessary to have previous knowledge of html ,css and some programming language, besides mastering diverse web development tools. Nowadays,thanks to technological improvements, there are some systems that allow the development of awebsite without even typing a line of code. This paper presents a study on the usage of the contentmanagement system (CMS) WordPress, which is used to create and manage content in websites. Thegoal is to present an analysis on how to perform content management, with a modern, free and easyto use tool, even for people with no expertise in web development. The tool installation procedures,usage guidelines, as well as techniques and standards that must be followed to develop a basic themefor WordPress, are also described.Keywords: wordpress, website, system, content, management.

Resumen: Hace unos años, para crear un sitio web, era necesario tener conocimientos de html, css yalgún lenguaje de programación, y dominar varias herramientas de desarrollo web. Hoy, gracias a losavances tecnológicos, se han convertido en algunos sistemas que le permiten desarrollar un sitio websin siquiera escribir una línea de código. En este artículo se presenta un estudio sobre el uso delsistema de gestión de contenido (CMS) de WordPress, que se utiliza para crear y administrar elcontenido de los sitios web. El objetivo es presentar un análisis sobre la forma de realizar la gestiónde contenidos, con una herramienta moderna sin costo y fácil de usar, incluso para las personas queno tienen experiencia en el desarrollo web. También describe los procedimientos para instalar laherramienta, las pautas de uso, así como las técnicas y normas que se deben seguir para desarrollarun tema básico para WordPress.Palabras clave: wordpress, sitio web, sistema, contenido, administración.

1 Introdução

Este artigo tem como tema, uma análise sobre o que e como é feito o

gerenciamento de conteúdo, tendo em vista a necessidade de um material que

esclareça sobre, o que é, e como funciona um Content Management Systems

1 Graduando de Sistemas de Informação pela Faculdade Inforium de Tecnologia. [email protected]


(CMS), ou seja, Sistema de gerenciamento de conteúdo, mais particularmente o

sistemaWordpress.

Nos dias atuais, onde a informação circula cada vez mais rápido e é cada vez

mais necessária, tanto as pessoas quanto as empresas têm necessidade de publicar

e gerenciar fotos, vídeos e outros materiais digitais na web, surge então a ideia de

gestão colaborativa e descentralizada de conteúdo, onde a responsabilidade de

manutenção e atualização do material não fica a cargo de somente uma pessoa

mais de várias. Um CMS pode ser essencial pela praticidade, facilidade e rapidez na

hora de se publicar este tipo de material.

Assim delimitou-se o tema deste trabalho a análise de uma ferramenta de

gestão de conteúdo conhecida como Wordpress, utilizada para gerenciar desde,

pequenos websites a grandes portais corporativos.

O objetivo geral do estudo é explorar o gerenciamento e criação de conteúdo

em um sistema de gerenciamento de conteúdo (CMS), suas principais

características, bem como algumas práticas que devem ser seguidas para melhoria

no desempenho na manutenção e segurança de todo site.

São objetivos específicos: mostrar o que é um CMS e como ele e utilizado;

apresentar o CMS Wordpress; relacionar suas características; apresentar um breve

resumo da instalação e algumas configurações de segurança e desempenho;

apresentar o que são e como funcionam os temas e plug-ins, bem como a

construção de um tema e aplicação das template tags do Wordpress.

A pergunta que norteou este estudo foi no sentido de investigar se a utilização

das ferramentas de gestão de conteúdo pode facilitar a criação e atualização de

material digital, sem a necessidade de se partir do zero no momento de se criar um

website.

Trata-se de uma pesquisa do tipo exploratória para o qual buscou-se reunir

uma base conceitual e teórica sobre o objetivo de estudo. Como técnica, utilizou-se

da pesquisa bibliográfica e documental.

Para compreensão deste tema dividiu-se este artigo em 5 seções. A seção 1

esta a introdução, e indicativa do estudo; na seção 2 conceitua-se conteúdo e o que

é gerenciamento de conteúdo; a seção 3 apresenta o CMS WordPress; a seção 4

aborda alguns conceitos avançados e o desenvolvimento de um tema para

WordPress; na seção 5, tece as conclusões deste artigo.


2 Visão Teórica sobre Sistema de Gerenciamento de Conteúdo.

2.1 Conceito de Conteúdo

Dentro do contexto deste artigo pode-se conceituar conteúdo como sendo

dados, textos, imagens, sons e software. Boiko(2005) conceitua conteúdo como

sendo, um montante de dados, como palavras, números, sons e imagens que,

isoladamente não possuem significado para o ser humano, mas quando estes

dados são organizados, eles se transformam em informação. O conteúdo e a

informação tratada onde alguém lhe deu algum significado e que possa ter utilidade. A

informação que flui casualmente não pode ser considerada conteúdo.

Silva(2006) propõe uma definição geral para conteúdo como sendo uma

unidade de dados com alguma informação extra, anexada a ela. Esse dado poderia

ser, por exemplo, uma página web, informação sobre um evento, um documento de

texto, uma imagem, um vídeo, ou qualquer outro dado que tenha utilidade para uma

organização.

2.2 Conceito de Gerenciamento de Conteúdo

Gerir conteúdo na web conforme afirma Coelho(2004), exige uma estrutura

técnica cada vez mais complexa. Isso se deve ao fato de que atualmente as

organizações têm que lidar com uma vasta quantidade de conteúdo. São

informações geradas pelos diversos setores e departamentos, informações de

pesquisa e desenvolvimento, procedimentos técnicos e gerenciais, políticas

corporativas, catálogos de produtos e apresentações, dentre outros.

Conforme ressalta Boiko(2005) muitas pessoas pensam que o gerenciamento

de conteúdo seria gerenciar somente conteúdo Web. Este pode ser apenas um dos

tipos de conteúdo que você precisa gerenciar. Grande parte das organizações

precisa gerenciar o conteúdo digital que circula em seus web sites, e muitas vezes

eles também têm que gerenciar conteúdo comum como documentos, catálogos e

outros papeis. O gerenciamento de conteúdo eficaz começa com garimpagem ou

criação e termina com a entrega de um conteúdo que vai satisfazer o cliente, além

de uma forma eficaz para o armazenamento, recuperação e reutilização eficiente

deste material.


2.3 Sistema de gestão de conteúdo

Um sistema de gereciamento de conteúdo e um software utilizado para criar,

editar e gerenciar conteúdo, de forma organizada e permitindo que este conteúdo

sejá alterado ou removido com uma certa facilidade.

Segundo Gartner(2007) um sistema de gerenciamento de conteúdo é uma

ferramenta que proporciona a criação e manipulação de material digital(conteúdo)

em websites a partir de um repositório central. Esta ferramenta pode ser adquirida

como um produto comercial, serviço de hospedagem ou sistema de código aberto. As

funcionalidades de um CMS vão além de uma simples ferramenta para gestão de

paginas html e podem incluir :

funções de criação e modelagem de conteúdo;

repositorio sendo um lugar para armazenar o conteúdo;

área de administração para instalação e configuração de recursos do CMS;

fluxo de trabalho sendo um conjunto definido de passos para cria o conteúdo

e deixá-lo pronto para publicação;

acesso restrito por nivel de usuário a determinadas áreas de publicação;

2.4 Benefícios de um CMS

A maioria das pessoas que têm interesse em compartilhar um determinado

assunto ou tema na internet, estas não têm um conhecimento aprofundado em

desenvolvimento de sites. Silva(2012) destaca que, estas pessoas têm a

necessidade de aprender como codificar e desenhar web sites, o que pode ser

desanimador; mesmo para pessoas que tenham interesse, elas podem cometer

grandes erros de programação ou design. Quando se utiliza um CMS pode-se

facilitar o processo, pois a pessoa com um pouco de conhecimento em HTML pode

postar conteúdo com aparência profissional.

Silva(2012) afirma que quando utiliza-se um CMS e precisa-se alterar o layout do

site, nem sempre precisa-se alterar (editar) o Cascading Style Sheets (CSS) ou

HTML. A pessoa pode alterar apenas o tema e a aparência do website estará

completamente mudada.

Ao utilizar um CMS no desenvolvimento de um website, o seu conteúdo pode ser

alterado facilmente de qualquer computador e em qualquer parte do mundo, basta


que se tenha uma conexão com a internet, na forma mais tradicional de criação

de websites o usuário precisaria ter alguns aplicativos instalados em seu

computador para gerenciar seu conteúdo (conforme SILVA, 2012).

Outro benefícios de se usar um CMS, conforme acrescenta este autor é a

utilização de um CMS de código aberto, onde não se tem nenhum custo de licença.

3 Wordpress

O Wordpress é um sistema de gerenciamento de conteúdo multi-plataforma,

voltado para a web, onde se tem um grande conjunto de recursos para tornar sua

experiência de publicação, fácil, agradável e o mais atrativa possível. O sistema foi

uma iniciativa open source desenvolvido na linguagem de programação php e banco de

dados Mysql, desenvolvido a partir do já extinto sistema b2/Cafelog de Michel

Valdrighi. De acordo com Stern, Damstra e Williams(2010) foi inicialmente criado

para a criação de blogs, mas devido a sua facilidade de adaptação e aplamente

utilizado na construção de sites simples a complexos portais corporativos.

Stern, Damstra e Williams(2010) fazem destaque a facilidade de instalação,

configuração e personalização deste CMS, e afirmam ainda que o sistema

wordpress conta com uma comunidade rica e ativa, colaborando para aprimorá-lo

cada vez mais, além de ser o CMS mais utilizado no mundo tendo uma grande

vantagem sobre os seus concorrentes mais próximos, drupal e joomla.

3.1 Requisitos necessários para instalação do WordPress

A instalação do WordPress é relativamente simples; apresenta-se neste

trabalho às ferramentas utilizadas para a instalação e configuração do WordPress

em um micro local, no caso da instação em um servidor de hospedagem como por

exemplo UOLHOST, LOCALWEB ou outros, deve-se consultar a documentação do

serviço de hospedagem para este fim. Uma instação local básica requer:

PacoteWordPress;

PHP versão 5.2.4 ou Superior;

MySQL versão 5.0 ou superior;

Editor de texto (recomendo o Notepad++ para Windows);

Instalação de um servidor web.


Para facilitar o gerenciamento, pode ser realizada instalação do aplicativoXampp.

Este e um pacote de programas onde já esta incluído um servidor web, banco

de dados Mysql e PHP. Este aplicativo pode ser baixado em:www.apachefriends.org/pt_br/download.html.

3.2 Instalação do WordPress

Após ter realizado a instalação do Xampp, faça o download do WordPress em

http://br.wordpress.org. Depois de ter baixado o arquivo que normalmente vem

zipado, ele deve ser descompactado dentro da pasta C:\xampp\htdocs. Abra o

navegador e acesse o endereço: http://localhost/wordpress/. Na tela de instalação

clique em “Criar arquivo de configuração”. A próxima tela sera a tela de configuração

do banco de dados, como a instalação e local, o usuário do banco de dados é root,a senha sera em branco e o servidor sera localhost, clique em instalar Wordpress. Na

tela seguinte seram preenchidas as informações para o Wordpress, preencha o titulo do

site o nome do usuário que será o administrador, crie uma senha e um email, clique

em instalar Wordpress. Abra o navegador e acesse o endereço

http://localhost/wordpress/ para visualizar o site que foi criado. O resultado será uma

pagina como a figura 01. Agora e só acessar a área administrativa do CMS para criar

as paginas, categorias, galerias de fotos e etc.

Figura: 01 Site WordPressFonte: o autor

3.3 Ferramentas e recursos


Para acessar o painel de controle Wordpress digite no navegador:

http://localhost/wordpress/wp-admin.

Com um conjunto de ferramentas para publicação de conteúdo que visam

facilitar e agilizar o trabalho, o Wordpress conta em seu painel de controle com

ferramentas para monitoramento de posts, publicação rápida, gerenciamento de

comentários e spans, gerenciamento de usuários, imagens e vídeos e outras

configurações.

Figura: 02 Painel de controle WordPressFonte: O autor

3.4 Conteúdo WordPress

O coração de qualquer site da web é o conteúdo. De acordo com Stern,

Damstra e Williams(2010) o conteúdo é a principal razão de um site ganhar tráfego.

Wordpress faz com que a gestãodo conteúdo seja facilmente editáveltanto por

iniciantes quanto por experts. E fundamental entender bem como criar e gerenciar

posts, paginas e categorias para que seu conteúdo fique organizado e ganhe

relevância, facilitando sua indexação pelas ferramentas de busca.

3.4.1 Páginas, categorias, posts e comentários

a) Páginas

As páginas são utilizadas para publicar conteúdo estático e descritivo, como

por exemplo: “quem somos, fale conosco, produtos, etc..”. Elas não são

armazenadas com registro de data ou hora e nem podem ser organizadas por


categoria.

Para publicar uma nova página, vá ao painel de controle, no menu lateral e

clique em paginas, clique em adicionar nova, em seguida adicione o nome da

pagina, logo abaixo adicione o conteúdo. Para adicionar texto, pode-se copiá-lo de

outro editor ou redigi-lo direto no campo de conteúdo. Para adicionar uma

imagem clique em adicionar mídia; na biblioteca de mídia selecione a imagem

e clique em inserir imagem. Após inserir todo conteúdo, coloque no campo

ordem, a ordem que a pagina vai aparecer no menu, clique em publicar e a

pagina estará criada e publicada no site.

b) Categorias

As categorias são utilizadas para organizar e classificar as postagens. Elas

podem ser classificadas utilizando diferentes critérios, como assunto, tipo de tema,

segmento e etc. O responsável em editar conteúdo no site pode criar menus com as

categorias, fazendo com que os diversos assuntos do seu site ou blog sejam

filtrados de acordo com a sua necessidade.

Para se criar uma categoria, clique em posts, em seguida clique em

categorias. Nesta pagina deve ser preenchido o nome da categoria e o campo

descrição onde coloca-se uma pequena descrição referente a esta categoria. Para

finalizar clique em adicionar nova categoria.

c) Posts

As postagens normalmente são utilizadas para conteúdo que tenham atualização

periódica, como noticias, novidades, artigos, promoções, etc. Eles são exibidos em

ordem cronológica inversa, ou seja, sempre o ultimo conteúdo postado será o primeiro a

ser exibido. Todo post e armazenado no banco de dados com data, hora e também

pode ser organizado por categoria.

Para publicar uma postagem, clique em posts, adicionar novo. Para o titulo e o

conteúdo da postagem o processo e o mesmo da publicação de paginas. Após ter

criado o conteúdo do post, selecione a categoria à que ele pertence e clique em

publicar.

d) Comentários


O Wordpress traz nativo em praticamente todos os temas à opção de

comentários para postagens e em alguns temas comentários para paginas. Estes

comentários são interessantes pois, o visitante de seu site pode dar um feedback

sobre o que esta achando de seu conteúdo, como elogios a noticias, artigos ou pode

ser usado como fórum de discursão, dependendo da estrutura que tiver seu site.

Dentro do painel de administração do WordPress temos controle de aprovação, além de

um grande numero de configurações para exibição dos comentários.

3.5 Temas Wordpress

Apresenta-se como essencial no WordPress a opção de exibir seu conteúdo com

design variado, isso porque existe uma separação entre o conteúdo que pode ser

gerenciado e a formatação deste conteúdo e sua exibição na tela. Todo

conteúdo e armazenado no banco de dados MySQL que o repassa ao sistema, este

por sua vez usa de suas funcionalidades para apresenta-lo com diferentes layouts.

Pode-se escolher diferentes temas para mostrar o layout de seu site. Para

Hedengren(2011), o tema e como se fosse uma máscara para o site ou blog, ele

pode ser alterada quantas vezes você quiser, pode-se usar um tema básico que

simplesmente reproduza o conteúdo no esquema de apresentação padrão, ou talvez

queira alterar completamente a forma como o conteúdo deve ser exibido, utilizando

qualquer opção de apresentação entre os mais de 2 mil temas disponíveis.

Hedengren(2011) afirma que para usuário que tenham conhecimento mais avançado

em PHP e nas template tags do WordPress e possível criar temas incríveis, de

qualidade profissional, mas para quem deseja experimentar vários temas sem

nenhum custo, basta acessar o site wordpress.org e fazer o download do tema

favorito.

3.6 Plug-ins Wordpress

Para Stern; Damstra e Williams(2010) os plug-ins são a principal razão para a

popularidade do WordPress, pois eles dão ao CMS uma extensibilidade indiscutível.

Eles ainda afirmam que deve-se olhar para os plug-ins WordPress de uma

perspectiva não só funcional mas também estrutural, sendo que hoje podemos

encontrar plug-ins para fazer praticamente tudo com WordPress.


Já Brazell(2010) afirma que toda a beleza do WordPress está na

extensibilidade que os plug-ins lhe proporcionam e que sua principal característica

não esta no CMS em si, mas sim em tudo que os plug-ins podem oferecer. O

WordPress tem um sistema para integração dos plug-ins que da aos

desenvolvedores uma extrema flexibilidade, com isso não se modifica uma linha de

código de seu núcleo. Outra grande vantagem dos plug-ins e que sua utilização faz

com que o código fonte do CMS fique enxuto e seja adaptado conforme a

necessidade da cada caso.

3.7 Tornando sua instalação Wordpress mais segura

Hedengren(2010) nos relata sugestões, algumas simples, outras um pouco

mais avançadas, sobre como tornar a instalação WordPress mais segura. A primeira e

mais simples delas e sempre manter o seu WordPress atualizado, pois a cada

versão são corrigidos bugs, falhas de segurança e outra falhas que podem deixar

seu site vulnerável.

Crie um novo usuário administrador e exclua o usuário padrão “admin”, pois

qualquer hacker que tentar invadir seu site ira forçar um login pelo usuário admin.

Nunca criar usuário com privilegio de “admin” para usuários que irão apenas

editar conteúdo, afinal não e preciso ser administrador para criar e editar conteúdo.

Assim pode-se evitar que usuários inexperientes possam causar danos que não

podem ser reparados.

Criar sempre senhas longas que use letras, números e caracteres especial,

assim você vai dificultar que alguém possa decifrá-las.

Esta sugestão e para usuários um pouco mais avançados. Abra o arquivo

header.php na pasta de sua instalação WordPress, este arquivo esta localizado em

C:\xampp\htdocs\wordpress\wp-content\themes\seutema\header.php. Abra o arquivo

com um editor de texto e exclua a linha(<?php add_action(‘wp_head’,

‘wp_generator’); ?>), esta linha retorna a versão do WordPress que esta sendo

utilizada, para efeito de segurança não e nada bom que um possível invasor explore as

brechas de vulnerabilidade que esta versão pode oferecer.

4 Conceitos avançados de WordPress


Aborda-se os conceitos essenciais para o desenvolvimento de um layout

básico e transforma-lo em um tema para Wordpress. Para um bom entendimento

sobre o assunto e recomendado que se tenha um breve conhecimento de PHP,

(X)HTML, e CSS. Não é necessário ser um especialista, mas é fundamental que se

tenha um conhecimento mínimo.

4.1 Desenvolvendo um tema

Ao desenvolver um tema WordPress deve-se seguir alguns padrões, no final

do desenvolvimento o ideal e que o código passe pelo validador da W3C que é o

órgão responsável por recomendar padrões de desenvolvimento para a internet,

com isso verifica-se sua qualidade e marcações, não é uma regra, mas quando se

quer compartilhar algo criado deve-se ter a preocupação que outros

desenvolvedores entendam seu trabalho. E preciso ter em mente que é importante

criar um tema flexível, para que possa ser alterado no futuro e otimizado, afinal

quanto mais leve a aplicação melhor.

Ao desenvolver um website a primeira coisa que deve-se definir é qual

conteúdo o site vai exibir. Após ser definido o conteúdo e tudo mais que vai ser

exibido para o visitante do site, precisa-se definir como este conteúdo vai ser

apresentado ao usuário, ou seja, criar um layout. Bem, depois de definir conteúdo e

layout pode-se começar a parte de programação do tema.

4.1.1 Desenvolvendo conteúdo e layout

Para caráter de exemplo será desenvolvido um website de noticias. As

noticias serão postadas diariamente separadas por categorias, algumas paginas

estáticas, um menu para navegação e espaço para comentários.

Pode-se desenvolver um tema básico com o seguinte layout:

Cabeçalho: Nome e logomarca, Formulário de busca, Menu de páginas;

Conteúdo: Postagens, Galeria de imagens;

Sidebar(barra lateral): Widgets;

Rodapé: Nome do site e links úteis.


Figura 03 LayoutFonte: o autor


Na figura 6 pode-se ver o layout básico de um site. Com uma boa dose de

inspiração os arquivos de modelo, plug-ins e as funções WordPress,

Hedengren(2011) afirma que pode-se criar de blogs a grandes portais corporativos

ou fazer seu site se comportar praticamente de qualquer forma.

4.1.2 O que contem a pasta de um tema

A pasta que contem os arquivos de um tema WordPress esta localizada em

C:\xampp\htdocs\wordpress\wp-content\themes\seutema . Esta pasta do tema deve

conter no mínimo um arquivo de folha de estilo ou style.css. Nesse arquivo deve-se

colocar o estilo básico, o nome do tema e os dados do tema. Além disso a pasta do

tema deve conter todos os arquivos PHP. Esses arquivos são chamados de arquivos de

modelo ou “template files”. O principal deles e o index.php, que e utilizado pelo

WordPress na falta dos outros arquivos de modelo. Além dos arquivos PHP o tema

deve conter um arquivo screenshot.png que e a imagem do tema visualizada na

área de temas do painel admin doWordPress.

Na pasta do tema pode-se ter vários arquivos de modelo:

header.php: cabeçalho, onde ficarão a logomarca/título e slogan,

busca, menus, etc.

sidebar.php: arquivo que fará a chamada dos widgets na lateral do

blog;

footer.php: rodapé;

index.php: mostra as postagens na página inicial;

single.php: mostra uma postagem em sua própria página

individualmente;

page.php: página estática;

archive.php: mostra as postagens de um determinado arquivo (categorias,

tags, autores, etc.);

comments.php: formulário de comentários do blog;

functions.php: armazena as funções PHP do blog;

404.php: página de erro 404;


style.css: arquivo de estilo do tema;

screenshot.png: Foto do tema.


4.1.3 O núcleo, template tags, include tags e conditional tags

O Wordpress possui um núcleo que gerencia todo seu comportamento. As

funções contidas neste núcleo são o motor que fazem funcionar plug-ins, temas

etc... .Por este motivo o ideal e que o núcleo do CMS nunca seja alterado, para que

você não tenha problemas com seu funcionamento. É por isso que existe a pasta de

temas diz Hedengren(2011), pois qualquer alteração que você venha a fazer, deve

ser realizada somente em seu tema. O Wordpress possui algumas funções que são

utilizadas para gerenciar e organizar o conteúdo em seu tema, que são as template

tags, include tags e conditional tags. Vamos falar um pouco sobre cada uma delas,

mais se você quiser se aprofundar e conhecer melhor estas funções e só acessar o

site do wordpress.org (https://codex.wordpress.org/pt-br:Tags_de_Modelos).

a) Template tags

As template tags são funções PHP que incluem, conteúdo do banco de dados

dinamicamente em seu tema. Estas Template Tags devem ser inseridas no código

HTML em determinados locais do tema. Algumas possuem passagem de

parâmetros outras não, umas com valores padrão, outras não. No geral as template

tags gerenciam e dão funcionalidade ao seu tema.

Um exemplo de template tags, são :

<?php bloginfo(‘name’)

?>Exibe o nome do blog;

<?php the_time('m-d-y');

?>Exibe a data de publicação de uma postagem;

<?php include(TEMPLATEPATH . ‘/caminho/do/arquivo’);

?>Exibe qualquer arquivo definido entre as aspas simples.

b) Include tags

As include tags são funções PHP para incluir outros arquivos PHP dentro de


seu tema. Um exemplo disso seria incluir header.php, sidebar.php e footer.php

dentro do index.php.

<?php get_header() ?>inserir o arquivo header.php;

<?php get_footer() ?>inserir o arquivo footer.php;

<?php get_sidebar() ?>inserir o arquivo sidebar.php;

c) Conditional tags

As conditional tags são funções php que também são utilizadas dentro dos

arquivos de modelo. Elas podem ser usadas em varias coisas diferentes, podem ser

configuradas para diversas condições.

No exemplo abaixo podemos verificar com a conditional tag (is_home()) se

estamos na pagina inicial e se sim exibir uma mensagem:

<?php

If(is_home())

{echo’<p class=”Bem vindo”> SEJA BEM VINDO AO SITE </P>’;

}

?>

4.1.4 Montando o tema

Para que o Wordpress possa funcionar perfeitamente aplicando os plug-ins e

outras funções de mídia, o ideal e que seja criado na pasta do tema pelo menos seis

arquivos, o header.php, index.php, sidebar.php, footer.php, functions.php e

screenshot.png, no momento de montar o tema estes arquivos de modelo serão

chamados de dentro do index.php utilizando as include tags, como na figura 04 .


Figura: 04 index.phpFonte: o autor

a) Estilo

O arquivo style.css e o arquivo responsável pelas configurações de estilo do

tema, além disso ele possui um cabeçalho onde são incluídas as informações do

tema que o Wordpress ira utilizar para mostrar na área de temas no painel

administrativo, como e mostrado na figura 05.

Figura: 05 style.phpFonte: o autor

b) Header

Dentro do arquivo header.php insere-se todo o cabeçalho até o fechamento da

div header.

O cabeçalho utiliza várias template tags para buscar informações do site e

repassar ao servidor ou serem exibidas em sua parte visível.

Como mostra na figura 05 o arquivo header.php deste exemplo utiliza cinco

template tags diferentes:

wp_title: usada na tag title, busca no banco de dados o nome do site;

bloginfo: usada na tag style, direciona para a pasta do tema onde

esta localizado o arquivo css;

wp_head: template tag de marcação, deve ser colocada sempre antes

do fechamento da tag <head>. Sem ela as funções Wordpress não

funcionam;

wp_list_pages : Exibe o menu de paginas e subpáginas, tag padrão


para menu. Aceita passagem de parâmetros.


Figura: 05 header.phpFonte: o autor

c) Sidebar

O arquivo sidebar.php exibirá uma barra lateral com widgets que podem ser

configurados ou personalizados no painel administrativo. Ela recebe a tag

dynamics_sidebar que e responsável por imprimir neste espaço o conteúdo

gerenciado pelos widgets, como mostra a figura 06.

Figura: 06 Sidebar.phpFonte: o autor

Para que o Wordpress possa gerenciar todo o conteúdo dos widgets, e

necessário que seja criado um arquivo functions.php e dentro dele seja registrado a

área de widgets, como na figura 07.


Figura: 07 functions.phpFonte: o autor

d) Footer

O arquivo footer.php contem a div footer, o fechamento do body do html e a

template tag wp_footer(). A tag wp_footer() e obrigatória e deve ser inserida logo

acima do fechamento do body, de acordo com a figura 08. O conteúdo do footer

pode ser personalizado conforme a necessidade.

Figura 08 – footer.phpFonte: o autor

e) Index

Este e o arquivo mais importante do tema, pois é nele que esta inserido o

loop do Wordpress, e é onde os arquivos de modelo são chamados, como mostra

a figura 09. No arquivo de exemplo temos as include tags get_header,

get_sidebar e get footer, que incluem os arquivos de modelo header.php,

sidebar.php e footer.php.

A partir da segunda linha tem-se a abertura do loop, onde e verificado se

existe algum post, se sim, segue-se a sequencia exibindo os posts com a data, link,


titulo e seu conteúdo. Na linha 10 com a tag comments_template e inserido no tema

a função de comentário e nas linhas 11, 12 e 13 encerramos o loop, no caso de não

existir nenhum post exibimos uma mensagem.

Figura 09 – index.phpFonte: O autor

4.1.5 Configurações finais

Após salvar todos os arquivos no diretório do tema, deve-se logar na área

administrativa do site e acessar a o menu lateral na aba aparência/temas e

selecionar o tema MeuSite.

Salienta-se que estes são os arquivos básicos na criação do tema, mas pode-se

criar temas bem completos utilizando muita criatividade e outros arquivos de

modelo como página de ERRO404, page, single e etc... . Para se aprofundar mais na

construção de temas consulte a documentação no site wordpress.org.

5 Conclusão

Como resultado deste estudo, foi desenvolvido um material para pesquisas

futuras. O estudo realizado acerca do tema gerenciamento e criação de conteúdo

possibilitou adquirir alguns conceitos essenciais em um único trabalho, que servirá

portanto como uma fonte de consulta abrangente mas sucinta sobre CMS. Foi

demonstrado o que é, e as vantagens de se utilizar um CMS, discorrendo também

sobre os aspectos de instalação e configuração, passando a pontos mais avançados


como o desenvolvimento de um tema básico para WordPress. Apresentou ainda sua

estrutura de arquivos, bem como suas principais funções, arquitetura interna e fluxo

de trabalho.

O CMS WordPress foi a ferramenta origem para o desenvolvimento deste

estudo, sendo observado também que o tema em questão e bem amplo, havendo a

possibilidade de continuidade deste trabalho futuramente.

Referências

BOIKO, Bob. Content Management Bible. 2nd Edition, Wiley Publishing. Inc., 2005.

BRAZELL, Aaron: WordPress Bible. Wiley Publishing, Inc. 2010.

HEDENGREN, Thord Daniel. Smasshing Wordpress - Beyond The Blog. John Wiley

& Sons Ltd., 2010.

MAUTHE, Andreas Ulrich; THOMAS, Peter. Professional Content Management.

Systems. John Wiley& Sons Ltd, 2004.

PARREIRAS, Fernando Silva; BAX, Marcello Peixoto – Geração de Sistemas de

Gestão de Conteúdo com Softwares Livres. Belo Horizonte: Universidade Federal de

Minas Gerais, 2004.

SILVA, David Henoch: Sistema de Gerenciamento de Conteúdo para Ambiente Web.

Artigo Científico como Trabalho de Conclusão de Curso em Sistemas de Informação

da Universidade Salvador, 2012.

STERN, Hal; DAMSTRA, David; WILLIAMS, Brad: Professional Wordpress - Design

and Development. Wiley Publishing, Inc. 2010.

Documents

GerenciamentoecriaçãodeconteúdocomWordpress Content ...revistapensar.com.br/tecnologia/pasta_upload/artigos/a84.pdf · que por pessoas sem nenhuma experiência em desenvolvimento