TUTORIALDEINSTALAO

WORDPRESS,TEMPLATESDESENVOLVIDOSPORIFCCMPUSARAQUARI
2013

SUMRIO

InstalaodoWordPress

1.1

Download

1.2

Tutorialdeinstalao

1.3

Ativando,configurandoecriandomultisites

ComousaroWordPress

Temas

3.1

Templatedepgina

Plugins

IFCHomePage

5.1

CategoriasdePost(Artigos)

5.2

CategoriasdeLinks

5.3

Slideshow

5.4

Widgets

5.4.1

FontResizer

5.4.2

RedesSociais

5.4.3

Banners

5.4.4

Endereo

5.4.5

Cadeado

5.4.6

TheEventsCalendar

5.4.6.1

Listadeeventos(Estilo)

5.5

Evermore

5.6

AdministraodeUsuriosRoles

5.6.1

UserRoleEditor

5.6.2

Adminimize

5.6.3

NextendAccordionMenu

5.7

AuthorCategory

5.8

Menus

5.9

FGJoomlatoWordPress

Criaodesubsites

IFCServios

7.1

Menu

7.2

Categorias

7.3

FontResizer

7.4

Editarrodap

SubsiteEditais/Blocodeeditais

Redirecionamento(PHPSession)

10

EdiodecdigoeHierarquiadeArquivos

11

AjustesFinais(Obrigatrio)

12

PginaEquipedeDesenvolvimento

13

DimensesdasImagens

1. InstalaodoWordPress
1.1

Download:http://br.wordpress.org/

1.2

Tutorialdeinstalao:http://codex.wordpress.org/ptbr:Instalando_o_WordPress

1.3

Ativando,configurandoecriandomultisites.

Paraativaromultisites,sigaospassosdotutorialdisponvelnolink:
http://codex.wordpress.org/ptbr:Crie_uma_Rede
Aps ter configurado o multisites, o WordPress criar uma rea chamada Painel da
Rede, nela voc poderconfigurartemas,plugins,gerenciarusurios,criarsites,ouseja,
fazerogerenciamentocompletodasuarededesites.

2.

ComousaroWordPress:

TutorialdoWordPress:http://www.rocketprezz.com/tutorialwordpress/

3.

Temas:

Aps ter instalado o WordPress, o prximo passo realizar a instalao dos temas. A
equipededesenvolvimentocriou2temasparaseremutilizados,sendoeles:
IFCHomePageUsadonositeprincipal
IFC Servios No conceito utilizado no IFC Cmpus Araquari, essetema foi utilizado
nossitesdedepartamentos,editais,documentoseoutros.Exemplo:
http://dap.araquari.ifc.edu.br/
Esses temas devem ser salvos dentro da pasta de instalao do WordPress em
/wpcontent/themes, e devem serativadosnopaineldaredeemPaineldaRede>Temas,
e tambm em cadasite emAparncia> Temas, selecionandootema para o respectivo
site. Por exemplo, para o site principal, ative o tema IFC Home Page, para os sites de
editais,departamentos,licitaeseoutros,ativeotemaIFCServios(Instalao:Item6).

3.1 Templatedepgina

Templatesde pginaso estilosparapginasespecficas. NonossotemplateIFCHome

Page,adotamos um templatede pgina, sendoeleSem Guia deCursos,tendooestilo
padro das demais pginas, s que com excesso do guia de cursos, como o prprio
nome sugere. Podese usloempginasquecontenhaiframe,comopginadehorrio
acadmico.
Paraativlo na pgina,quando estiver criandoela, logono painel direitaemModelo,
selecioneotemplateSemGuiadeCursos.

4.

Plugins:

Os sites utilizam plugins para executar algumas funcionalidades para complementar

algumasnecessidadesespecficasquenativamenteoWordPressnocontempla.
Abaixo segue a lista dos plugins utilizados nos sites. Para installos, copieoanexo de
plugins na pastawpcontent/plugins. Aps instalados, os plugins devem ser ativos,o que
deveserfeitoemcadasitepoishpluginsquenosoutilizadosportodosossites.
*Listadospluginsqueserousados:

Adminimize
TheEventsCalendar
AuthorCategory
EasingSlider"Lite"
Evermore
FGJoomlatoWordPress
FontResizer
ImageWidget
LinkManager
NextendAccordionMenu
SocialMediaWidget
UserRoleEditor
jQueryLightboxForNativeGalleries

5.

IFCHomePage:

Parainstalar o temaIFCHomePage,sigaospassosdescritosnoItem3.Paraativlov
nomenulateral emAparncia> TemasecliqueemativarnotemaIFCHomePage.Alm
da ativao do tema principal ser necessrio ativar os plugins citados no Item 4, com
excessodopluginFGJoomlatoWordPress.
ParaativlosvemPluginsefaaaativaodetodos.

5.1

CategoriasdePost(Artigos).

Ascategorias de postso usadaspara alimentar/gerenciaroscontedosdinmicosque

apareceram na pgina principal (IFC Home Page). Para isso devemos criar algumas
categorias especficas para que o tema possalere exibirestecontedoem seudevido
lugar. Para criar as categorias v no site principal e localize Posts > Categorias, ento
crieasseguintescategoriasexatamentecomodescritasabaixo:
Nome

Slug

Avisos

avisos

Gerais

avisosgerais

Notcias

noticias

NotciasPrincipais

noticiasnoticiaprincipal

ltimasNotcias

noticiasultimasnoticias

A categoria Gerais, deve ser filha da categoria Avisos, e as categorias Notcias

Principaiseltimas Notcias devem serfilhasdeNotcias,conformeilustradoacima,
issoservirparafacilitarogerenciamentodasnotcias,fazendocomquetodasasnotcias
apareamquandoclicadonolinkVertodosdositeprincipal.
OBS: podese criar mais subcategorias na categoria Avisos, no influenciando na
disposionosite,easSlugsfilhasdevemseguiropadro,conformelistadonatabela.

5.2

CategoriasdeLinks

As categorias de Links so utilizadas para alimentar oquechamamosdeGuiarpido,

queficacomoumsegundorodaplogoacimadoendereodosite.

Esta funcionalidade realizada atravs do Plugin Link Manager,que deve ser instalado
seguindo ospassosdo Item 4.Foram criadas4 categorias de links,Aluno,Comunidade,
Servidor e Sites de Interesse. Para alimentar essas reas, devemos criar as seguintes
categorias acessando o menu Links >Categorias de links. Crieexatamente comoesto
descritosnatabelaabaixo,paraqueotemapossaidentificlaseexibilascorretamente.
Nome

Slug

Aluno

aluno

Comunidade

comunidade

Servidor

servidor

Sitesinteresse

sitesinteresse

Para adicionar um novo link, v em Links>Adicionarnovo.Preencha ento,oscampos

em branco ecliquenobotoAdicionarlink.Apenasoendereodolinkweb,nome(otexto
quevocdesejaexibirnoseusitecomoolink)ecategoriasocamposobrigatrios.
NomeOnomedolinkoqueserexibidoemseusite
Endereo Web Aqui onde o link aponta. Tambm chamado de URL, este o
destino,ouositequevocquerirquandoclicarnolink.
Categorias Cada ligao pode ter uma ou mais Categorias associados,
selecionando ento uma ou mais categorias queacabou decriar anteriormente. Seno
for selecionada nenhuma categoria antes da adio, a categoria de link padro ser
atribuda, mas isso far que no aparea no site. A categoria de link padro pode ser
alteradonasConfiguraesdoWordPress, ento se configuradaparausarcomopadro
algumadascategoriasquecriouanteriormente,aparecernositenormalmente.
Target Especifica como odestinodolinkexibidoquandoalgumclicanolink.Ser
opadropara_nonesenenhumaopoforselecionadaantesdesalvar.

5.3

Slideshow

No tema IFCHomePage,existeumareareservadaparaumslideshowrotativoqueser
utilizado em divulgaes de maior relevncia. Esse slideshow proveniente do plugin
Easing Slider "Lite" (vide Item 4) e pode ser acessado atravs do menu Slideshowno
painel do site. As imagens queseropublicadas nesseslideshow,devero respeitaras
dimenses de 1349 X 200 para que no ultrapassem as dimenses do tema do site
principal. Paraisso precisopressionarnobotoadireitaAddImagesefazeroupload
delas, ou selecionar da bibliotecadeMdiadoWordPress. Nopainel direita, definiras
dimensesespecificadas(1349X200).LeiamaissobreBibliotecadeMdiaem:
http://www.rocketprezz.com/bibliotecademidiatutorialwordpress/

5.4

Widgets

Os Widgets so pequenos aplicativos de interface grfica, que incluem janelas,botes,

menus, cones, barras de rolagem, etc.., para realizartarefasespecficase facilitaravida
dousurioquandovisitaseusite.OtemaIFCHomePage,possui5reasdewidgets:

1) Social utilizado para os plugins de redes sociais e de acessibilidade (tamanho da

fonte)
2)GuiadeCursosutilizadoparalistaroscursosexistentesnoInstituto
3)Eventosutilizadoparaoplugindeeventos.

4)BannerMaiorutilizadoparaosbanners(imagens)acimadorodapeGuiarpido
5) Footer contentutitilizadoparaoendereodoinstituto,eparaadicionarumaimagem
paraacessorestrito(cadeado)

Para acessar, v em Aparncia > Widgets. Agora observe a imagem abaixo. A seo
Widgets disponveis contm todos os widgets que voc pode escolher para cada rea.
Parapreencheruma desuasreas,arrasteesolteumwidgetparaolocaldesejado.Uma
vez que o Widget arrastado para a barra lateral, ele abrir permitindo alterar suas
configuraes.CliquenobotoSalvardentrodoWidgetparasalvarsuasconfiguraes.

Se voc quiser remover um widget de uma barra lateral, massalvar a sua configurao
para uso futuro, basta arrastlo para a seo Widgets Inativos. Se voc simplesmente
quer apagar o Widget de sua barra lateral, clique no link Excluir dentro do Widget ou
arrasteo para a rea Widgetsdisponveis. Agora listaremososwidgets queutilizaremos
nosite.

5.4.1

FontResizer

Este pluginresponsvelpelaacessibilidade(tamanhodafonte).Eleaumentaoudiminui
afontedossites.ParainseriloarrasteowidgetFontResizeratareaSocial.Cliqueem
salvar.

5.4.2

Redessociais

Aredessociaisso gerenciadaspelopluginSocialMediaWidget,quesermostradona

parte superior direita do site. Para inserilo arraste o widget Social MediaWidgetat a
rea Social abaixo do Font Resizer (Item 5.4.1), aps isso voc deve preencher o
endereode cadaredesocialqueoinstitutopossuir.RemovaoTtuloFollowUs!eadote
asconfiguraesconformeaimagemabaixoesalve.

5.4.3

Banners

Os banners que ficam acima do rodap e do guia rpido, so gerenciados pelo plugin
Image Widget. Primeiramente remova os widgets que vieram padro do WordPress na
primeira rea de widgets (Banner Maior). Para exibir essas imagens arraste 5 vezes o
widget Image Widget para a rea Banner Maior, pois essa rea composta por 5
banners.

Emcadawidgetdeverselecionarumaimagem(conformeabaixo):

Em cada widget dever tambm ter umlink, pois se no, ficarumbannerestticosem

link de destino., Remover o ttulo de cada imagem, pois se no, aparecer acima da
imagem. As imagens que sero publicadas, tambm devem respeitar a dimenso 150X
70,comooexemploabaixo:

5.4.4

Endereo

O endereo podeser colocadoatravs dareaFooterContent,comowidgetTextoPara

isso v em Aparncia > Widgets, e arraste o widget Texto at a rea Footer Content,
ento escreva Endereo na caixa Ttulo,paraotexto ficaremseudevidolugarnosite,e
escrevanacaixalogoabaixodoTtulo,oendereodoinstituto,terminadoisso,salve.

5.4.5

Cadeado

Optouse em pr uma imagem de cadeado, para fazer umlinkparaaadministrao do

WordPress. Para isso, utilizamos o mesmo conceito do Item 5.4.3, e adicionamos um
widget Image Widget na rea Footer Content abaixo do widget Texto referente ao
endereo(Item5.4.4),eadotamosasseguintesconfiguraes:

5.4.6

TheEventsCalendar

O The Events Calendarum pluginonde gerado um calendrio deeventosparaosite.

No painel lateral em Eventos, ter todas as suas funcionalidades, como o registro de
novoseventos, registrode locais,criaodecategorias,configuraesquedesejar,entre
outros,sendo autointuitivodefciluso.Oseventoscriados,apareceroautomaticamente
nocalendriodeeventos,quefoicriadoquandofoiinstaladooplugin.
Parafazercomqueapareaalistadeeventosnoblocodeeventosnapginaprincipal,v
em Aparncia > Widgets, e adicione o widget Lista de Eventos na rea Eventos.
Removaottulodowidget,nacaixadeseleoMostrar,selecione3,entosalve.
OBS: Caso esteja aparecendo o guia de cursos nas demais pginas referente aos
eventos, v em Eventos > Configuraes, e selecione a opo de Template padro de
eventosemTemplatedeeventos.

5.4.6.1

Listadeeventos(Estilo)

Quando criar um novo evento perceba que a lista de eventos no site principal, no far
uma disposioconformeopadrodapginainicialdoIFC,paraalteraresseestilovna
pasta:
/wpcontent/plugins/theeventscalendar/views/widgets/listwidget
Eabraoarquivo:
listwidget.php
Entosubstituaessecdigo:
<liclass="tribeeventslistwidgetevents">
<h4class="entrytitlesummary">
<a
href="<?php
echo
tribe_get_event_link()
rel="bookmark"><?phpthe_title()?></a>
</h4>
<!EventTime>
<divclass="duration">
<?phpechotribe_events_event_schedule_details()?>
</div>
<!EventTitle>
</li>

?>"

Poresse:
<liclass="link_eventos_li">
<spanclass="labellabelsuccess"><?phpthe_modified_date()?></span>
<aclass='eventos'href="<?phpechotribe_get_event_link()?>"rel="bookmark">

<?phpecho("")the_title()?>
</a>
</li>

5.5

Evermore

O Evermoreumpluginque diminui aquantidade decaracteresnas postagens,criando

na pgina principal uma prvia dela para o leitor, para issooplugin identificaoprimeiro
pargrafo deumapostagemoudeixaoadministradorindicarquantoscaractereseledeve
mostrar.Quandoo limitedecaracteres atingido,oplugin mostra reticnciasno finalda
frase. Estas prviasaparecemnapginaprincipal e em pesquisas.Paraconfigurlo,v
emOpes>Evermore

5.6

AdministraodeUsuriosRoles

As Roles so as regras nativas do WordPress que se impe para os usurios, estas

regras dizem o que osusurios podemacessar naadministrao do site. O WordPress
tem 5 tipos de Roles prdefinidas: Administrator, Editor, Author, Contributor e
Subscriber. Cada uma dessas Rolesoferece diferentesfunese capacidades a esses
grupos de usurios. A funo de Administrator oferece todas as capacidades do
WordPress, sem restries. Todas as outras Roles oferecem capacidades em nmero
inferior. Por exemplo, a Role deSubscriber temapossibilidade delercontedoseeditar
operfilpessoaldousurio.
SUMRIODEROLES:
AdministratorTemacessoatodasasfuncionalidadesdoAdministrador
Editor Tem acesso para publicar e gerir artigos, pginas e tambm contedos de
outrosusurios,etc.
AuthorTemacessoparagerirepublicarosseusprpriosartigos
ContributorTemacessoparagerirosseusartigos,masnoospodepublicar
SubscriberTemacessosomenteparavisualizaroseuperfildeusurio
Paramelhorar estas funcionalidades,optamos em utilizardoisplugins:UserRoleEditore
Adminimize.

5.6.1

UserRoleEditor

O User Role Editor, um plugin capaz de criar novas Roles, e alterar algumas

capacidades de gerenciamento das Roles j existentes. Veja o exemplo a seguir, nele

mostra as capacidades criadas para a Role CECOM, que foi crida clicando no boto
ADDROLE:

PercebaqueforamativadasascapacidadesqueestaRolepoderacessar:

As capacidades que o User Role Editor trs, so bem amplas no contexto de

administrao, para poder desativar capacidades mais especficas, optamos emusaro

Adminimize:

5.6.2

Adminimize

O plugin Adminimize, edita as capacidades das roles, desativando certas funes de

cada Role. Diferente do User Role Editor, aqui o plugin trata de outras capacidades,
dando focoaacessos no layout, por exemplo, eledesativa a capacidade deacessarum
menunareadeadministrao.Paraeditar asRolescomoAdminimize,vemOpes>
AdminimizeecliquenaopoquedesejadesativardecadaRole.
OBS: Esseplugin s poder ser usadoemnicosite,porterconfiguraonicaemtoda
arede.Recomendamosusonositeprincipal.

5.6.3NextendAccordionMenus
O plugin Nextend Accordion Menus atribui um menu vertical, um modo interativo e
dinmico,queconformeonome,atribuiaomenu,ummovimentodeacordio.
Para utilizlo, dever ter criado um menu que deseja utilizar em Aparncia > Menus, e
ento entrando no painellateral em AccordionMenus,devercriarumnovomenucomo
nome que desejar. Na primeira linha, e ao lado de Type, clique em Configure, e
selecione o menu que criou logo antes em Aparncia > Menus, e clique em APPLYe
depoisemSAVE,eestarconfiguradooseumenu.
No painel do Accordion Menudoseu menu,ter diversas opesparadeixarseumenu

damaneiraquedesejar.
Ele um widget, ento precisa ir em Aparncia > Widgets, para adicionar o widget em
algumarea.Parautilizaononossosite,acompanheoItem5.8Menus.

5.7

AuthorCategory

O plugin Author Category,faz ogerenciamentodascategorias de postagem porusurio,

ou seja, com ele possvel especificar uma categoria de postagem para um usurio
especfico. Paraacesslovnoperfildousurio,emarqueacategoriaqueelepublicar,
no Menu Utilizadores > Editar no usurio selecionado. Para selecionar mais de uma
categoria,segureCTRLeselecioneascategoriasquedeseja.

5.8

Menus

O tema possui duas reas de menus, uma para a navegao do site e outra para os
cursos.Paragerencilos,vemAparncia>Menus ecrieosseguintesmenus:Superior
e Cursos. Aps isso v na abasuperiorGerir reas e selecionecada menu conforme a
descrio:MainMenu:Superior,MenuCursos:Cursos
Maisdetalhes:http://www.rocketprezz.com/atualizandoomenututorialwordpress/

EntretantoomenuGuiadeCursos,umpluginchamadoNextendAccordionMenu
(videItem4parainstalaoe5.6.3paradescrio).
CliqueentoemAccordionMenusnabarralateralesquerda.
Clique em add new atribua um nome para o menu, que neste exemplo, usamos
CURSOS.
CliqueemconfigurenaprimeiralinhaaoladodapalavraType.

E na rea de seleo Menu [1] selecione o menu que voc criou a pouco na aba
Aparncia>Menu(MenuLateral).EntocliqueemAPPLY[2]
OBS: Caso no esteja aparecendo o menu para selecionar, isso ocorre porque no h
contedonessemenu, entovemAparncia>Menus,eadicionealgumlinknoMenude
Cursos.

Configure ento nessa pgina todas opes da maneira que desejar que o menu se
disponhanapginaprincipal.
Paradeixarcomo noIFCCmpusAraquari,sigaasinstruesabaixo,seno,faa
suasconfiguraescomodesejarecliqueemSALVEepuleparaaetapa12.
1)MarqueaopoImproved(Melhorado):

2)CliqueemConfigureaoladodeTheme(Tema):

3)Substituaacordabordaparaverde:
Verdeutilizado:#065113

4) Logoabaixomarqueoscones,esubstituaacordeClosedState(EstadoFechado)e
OpenedState(EstadoAberto)parabranco:
Branco:#FFFFFF

5)CliqueentoemFonte:

6)NaabaText,substituaacordafonteparabranco:
Branco:#FFFFFF

7)NaabaActive,substituaacordafonteparacinza:
Cinzautilizado:#bcbcbcff

8)NaabaLink,substituaacordafonteparabranco:
Branco:#FFFFFF

9)NaabaHover,substituaacordafonteparacinza:
Cinzautilizado:#bcbcbcff

10)CliqueentoemAPPLY.
11) Observequeessesparmetrosforamaplicados no#1levelparameters(Parmetros
donvel#1),agorarepitaesses10passosparatodososoutrosnveisdomenu,sendoat
o #5 level parameters (Parmetros do nvel #5). Ento depois de terminado,cliqueem
APPLY.
12) Clique em SAVE, e seu menu estarconfigurado.Agora vamosfazer com que ele
aparea no site, v em Aparncia > Widgets, e adicione o Widget Nextend Accordion
Menu na rea Guia de Cursos, e nele deixe o ttulo em branco, e embaixo, no seletor,
selecione o menu que acabou de criar, ento clique em Salvar, para salvar as
configuraesdowidget,conformeabaixo:

5.9

FGJoomlatoWordPress

Este plugin permite a importao de um site JoomlaparaoWordPress. Paraacesslo

v em Ferramentas > Importar > FG Joomlato WordPress,esiga os passosindicados.
Para mais informaes sobre o Plugin, acesse o site do desenvolvedor:
http://wordpress.org/plugins/fgjoomlatowordpress/

6.

Criaodesubsites

Comoj vimosnoincio como criar a rede de multisites, agoravamosrealmenteutilizla

para acriao de subsites. Para acessar o paineldarede, ondeficam asconfiguraes
da rede e a parte de criao de subsites, devemos acessar atravs do link:
SeuDominio/wpadmin/network/, ou pelo menu superior preto, onde mostra Os meus
sites>PaineldaRede.

Acriao dos subsites, necessria para a utilizao desitescomoEditais,Licitaes,

DAP e outros, como foi feito noconceito do IFC Cmpus Araquari. Cadasubsite criado
possuisuaprpriaadministrao.
ParacriarumnovositevnomenuSites>Adicionarnovo,comoilustraaimagemabaixo.
Porpadro, crie osubsiteEditais,poisinfluenciarnositeprincipal,sendoquenobloco
deeditais,listadoasltimaspostagensefetuadasnosubsiteEditais:

Ento preencha os campos Endereo do site, Ttulo do site e Email do administrador.

Perceba que logo abaixo do campo Endereo do site, est escrito o domnio que voc
configurounopasso1.3seguindootutorialoficialdoWordPress.

Comossitescriados,vamosagorapassarparaaconfiguraodenovosTemas.

7.

IFCServios

Para adotar o tema IFC Servios, v nos sites que adotaro esse tema, como o de
Editais,eacesseAparncia>Temas,eentoativeotemaIFCServios.
Este tema, noutilizatantospluginsquantooIFCHomePage,porissosuaadministrao

 mais bsica e voltada para sites internos. No conceitodoIFC CmpusAraquari,este

temafoiutilizadoparaossubsites:Editais,Departamentos,Licitaes,etc.
Ativeosseguintespluginsparaossitesqueutilizamestetema:

AuthorCategoryItem5.7
EvermoreItem5.5
UserRoleEditorItem5.6e5.6.1
NextendAccordionMenu5.6.3
FontResizerItem5.4.1

Paraalterar o nome dosubsitee sua descrio, queapareceronapgina, v nopainel

doseusite,ecliqueemPersonalizeseusite,ouAparncia>Personalizar.Entonaaba
Ttulo&Descriodosite,coloqueonomedosubsite,eadescriocasoexistir.

7.1

Menu

Este temapossuiumareaparamenusuperioreoutraparaummenuverticalesquerda.
VemAparncia> Menus,ecrie2menuscomosnomes:MenuSuperioreMenuLateral.
Maisdetalhes:http://www.rocketprezz.com/atualizandoomenututorialwordpress/.
Quando forcriado o menu superior, selecione aopoPrimaryNavigation,paraqueele
apareanapartesuperiordositeemseudevidolugar.Entosalveomenu.
O menu vertical, tambm usado o Nextend Accordion Menu, como no site IFC Home
Page,mas como para sites internos, o IFC CmpusAraquari manteuasconfiguraes
padresdoplugin(sigaospassosdoitem4paraativlo).
Acesse Accordion Menus > add new, e crie um novo menu, usamos o nome Menu
Lateral, ento clique em configure (Configurar) na primeira linha ao lado da palavra
Type (Tipo) e na rea de seleoMenu selecione omenuquevoc criou a poucona
aba Aparncia > Menu ( Menu Lateral ). Passe para ON o ParentItemsaslink (Itens
parentescomolink).Feitoissosalve.
OBS: Caso no esteja aparecendo o menu para selecionar, isso ocorre porque no h
contedo nesse menu, ento v em Aparncia > Menus, e adicione algum link noMenu
Lateral.

Parafazer comque eleapareanosite,v emAparncia>Widgets,eadicioneoWidget

NextendAccordion Menu na rea ilostsidebar (elimine todososoutroswidgetspadres
dowordpressque estiveremnessa rea), e nele deixeo ttulo em branco,eembaixo,no
seletor, selecione o menu que acabou de criar, ento clique emSalvar, para salvaras
configuraesdowidget.

7.2

Categorias

A organizao dos sites que utilizam este tema, feita atravs de categorias de post
(mais informaes: http://www.rocketprezz.com/categoriastutorialwordpress/ ) no Menu
Lateral criado no item 7.1, so postas as categorias e ento elas buscam os posts
conformeacategoriaclicada.
Veja o exemplo do site de Editais do IFC Cmpus Araquari, ondeo contedo filtrado
atravsdascategorias:http://editais.araquari.ifc.edu.br/.
Paracolocar as categorias nomenulateral, vem Aparncia >Menus,selecioneomenu
lateraleentoadicioneaomenuascategoriasdopainelesquerda.
7.3

FontResizer

Como no IFC Home Page, ossitesque utilizam esse template, tambmfazem o uso da
acessibilidade. Ento v em Aparncia > Widgets e adicione o widget Font Resizer
reaSocial
7.4

Editarrodap

Parafazer a eduodorodap para adicionar umendereo do Instituto,v emOs Meus

Sites > Administrao de Rede > Painel, ento na barra lateral v em Temas > Editor,
ento selecionemais direitaositeIFCServios para editar, procure entonalista de
arquivos direita, o arquivo footer.php Rodap, ento faa a edio do endereo
conformedesejar.

8.

BlocodeeditaisIFCHomePage

O blocode editaisnapginainicialdo site principal(IFCHomePage),oblocodeeditais

busca as ltimas postagens do subsite Editais. Para fazer com o que os posts
relacionado ao site de editais sejam buscados corretamente, v em Os Meus Sites >
Administrao de Rede > Painel, ento na barra lateral v em Temas > Editor, ento
selecionemais direitaositeIFC Home Page para editar(queporpadrojdeveestar
selecionado), procure ento na lista de arquivos direita, o arquivo Modelo dePgina
Inicial/PrincipalouTemplateprincipal,entoprocurenocdigoporessatag:
<?phpswitch_to_blog(n)?>
Entoaltereonqueestentreparnteses,conformeonmerodosubsiteEditais.
OBS: quando clicado em Os MeusSites,alistagem dos sites conformeseu nmero.
Caso ainda no esteja buscando os posts do subsite Editais, ter que achar o valor
referente ao subsite de editais, que dever estar entre 0 e o nmero de subsites
existentesnoWordPress.

9.

Redirecionamento(PHPSession)

Em pocade vestibular, pararedirecionarparaoPortaldeIngresso(ouparaoutrositeou

pgina),deveseeditaroarquivoindex.phplocalizadoem:
/wpcontent/themes/ifc
Logonocomeodocdigo,vocencontrarisso:
<?php
/*
session_start()
if(!isset($_SESSION["ingresso"])){
$_SESSION["ingresso"]=true
header("location: http://araquari.ifc.edu.br/ingresso/2014 ") //endereo da
pginadeingresso

}
*/
?>
Os caracteres /* e */ esto deixando o cdigo em modo de comentrio, ento devese
remover essa parte para o redirecionamento (sesso) poder funcionar. Edite tambm o
site que est representado na cor vermelha, para o site que deseja que redirecione.
Ficandoocdigoassim:
<?php
session_start()
if(!isset($_SESSION["ingresso"])){
$_SESSION["ingresso"]=true
header("location: http://araquari.ifc.edu.br/ingresso/2014 ") //endereo da
pginadeingresso
}
?>

10.

EdiodecdigoeHierarquiadeArquivos

Paraediesdiretonocdigo,paraalteraesnolayoutedesign,podesefazeraedio
direto pelo painel doWordPressem Painelda Rede>Temas>Editor,escolhendoento
otemaquequeiraeditarnoseletordetemasnapartesuperiordireta.
ListadearquivosdoWordPress:
http://codex.wordpress.org/ptbr:Hierarquia_de_Modelos_WordPress
ListadosarquivosprincipaisdotemaIFCHomePage:
Modelos:
404.phpModelodepgina404
Pginaqueaparecerquandoousuriosrealizarumapesquisaenadaforencontrado.
archive.phpArquivos
Pginadelistagemdeposts,sendoporcategoria,data,autor,etc.
footer.phpRodap
Rodap que aparecer em todo o site. Local onde localizase a rea Footer Content
(Widgets),tendooswidgetsdeendereoeocadeado.
functions.phpFunesdotema
Comooprprio nome jsugere,soasfunesdotema,ondeporexemplofazoregistro

denovassidebarsoumenus.
header.phpCabealho
Cabealho que aparecer em todo o site, tendo a rea Social que comporta a
acessibilidadeeredessociaisdosite.
index.phpModelodapginainicial
Pginaprincipal do site,onde comportaoslideshow,omenuguiadecursoseopluginde
eventos(listagemdoseventos).
page.phpModelodapgina
Umapginaqualquerdeinformaes.
search.phpResultadosdapesquisa
Pginadebusca.
single.phpPostnico
Pginadepost.
Estilos:
style.cssFolhadeestilos
acessibilidade.cssFolhadeestilosreferentesacessibilidadedosite

11.

AjustesFinais(Obrigatrio)

Instalar o plugin jQuery Lightbox For Native Galleries, para simplesmente adotar uma
visualizaomelhoradaemgaleriasdeimagensnosposts.
Em cada site vem Configuraes >Geral, e coloque o fuso horrio conformeahora
local (Braslia: UTC3),eesseformatodehora: dd/mm/aa,entosalve as configuraes.
Se no alterar a descrio do site, limpe o campo da descrio, pois se no, adotar
automaticamenteumadescriopadrodoWordPress.
Em cada sitevem Configuraes >LinksPermanentes,eselecionea2opo(Diae
Nome).
Em cada site v em Configuraes > Discusso, e desative todas as opes, depois
salve.
Demaisconfiguraesbsicasnossubsitesplugins,rede,etc.
Paraalteraralogodosite,devesesubstituiraimagemlogoifc.pngnapasta:

\wpcontent\themes\ifc\img , mantendo esse nome, e tambm substituindo ento a

imagemlogoifcacessibilidade.pngnamesmapasta,sendoelaaversobrancadaqual
vocsubstituiu(logoifc.png).

12.

PginaEquipedeDesenvolvimento

Pordireitodosdesenvolvedores,devesecriarumapginacomasinformaesabaixo:
Ttulo:EquipedeDesenvolvimento
LinkPermanente:equipededesenvolvimento
Contedo:
Estagirios do Curso Tcnico em Informtica do Instituto Federal Catarinense Cmpus Araquari
Equipe de Desenvolvimento / Programao / Banco de Dados
Lucas Colossi - lucas.colossi.colossi@gmail.com
Wagner Esser - waesser@gmail.com / wagner_esser@hotmail.com
Equipe de Artes Visuais
Joo Guilherme Santos - joao.guilhermesilvasantos@gmail.com
2013
Orgulhosamente mantido por WordPress.

OBS: Caso no esteja funcionando o link Equipe de Desenvolvimento, copie o link

permanente dessa pgina criada, e v em Painelda Rede>Temas>Editor,selecioneo
arquivo Rodapfooter.phpdotemplate IFCHomePage, e nesse bloco de cdigo,cole
substituindoapartevermelha.
<divstyle='float:rightfontsize:11px'>
<ahref='<?phpechobloginfo('url')?>/equipededesenvolvimento/'>
EquipedeDesenvolvimento
</a>
</div>

13.

DimensesdasImagens

Slideshow:1349pxx200px
ImagemDestaque:160pxx120px
Banners:150pxx70px