Portal com vários templates

Paulo Freitas Nobrega · Fevereiro 4, 2010

Fala pessoal!!!

Estou iniciando a criação de um portal estilo globo.com no joomla e tenho várias dúvidas:

1) O portal possuirá o mesmo header em todos suas sessões (home, pagina1, entretenimento, opinião e serviços). Cada uma das sessões descritas possuirá seu template, da mesma forma do globo.com (noticias(g1), esportes, entretenimento e vídeos), ou seja, praticamente uma home para cada sessão descrita acima. Iniciei hoje no joomla, então ainda estou meio boiando. Por isso, caso fale alguma asneira, por favor desconsiderem.

Pergunta 1) Para criar uma página personalizada para cada sessão pensei em fazer o seguinte:

1 - Criar as sessões

2 - Criar os ítens de menu linkados para estas sessões

3 - Criar os tamplates para cada sessão

4 - Em Administrar Theme atribuir cada um ao seu item de menu através da opção (atribuição de menu>seleção de menu)

Estaria correta essa forma de fazer?

Pergunta 2) Considerando que a resposta da pergunta 1) seja sim. O código do header é o seguinte:

Preview do header:

Imagem Postada

<!-- HEADER -->
		<div id="header">
			<!-- LOGOMARCAS -->
			<div id="header-logo">
				<a href="<?php echo $this->baseurl ?>" title="Inet">
					<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logomarca.jpg" alt="Inet" title="Inet" />
				</a>
			</div>
			
			<!-- ABAS -->
			<div id="header-abas">
				<jdoc:include type="modules" name="header_menu" style="xhtml" />
			</div>
			
			<!-- HEADER INFO -->
			<div id="header-inf">
				<div id="inf-banner">
					<div id="full-banner">
						<jdoc:include type="modules" name="header_banner" style="xhtml" />
					</div>
					<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/banner-publicidade.jpg" alt="publicidade - full banner" />
				</div>
				
				<div id="inf-infos">
					<div id="infos-serch">
						<h6>sistema de busca:</h6>
						<jdoc:include type="modules" name="header_serch" style="xhtml" />						
					</div>
					
					<div id="infos-infos">
						<div id="inf-feed">
							<a href="javascript:" id="btnShowBoxRss" title="Inet - feeds">
								<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/icon-feed.jpg" alt="Inet - feeds" />						
							</a>					
						</div>
                        <jdoc:include type="modules" name="header_date_hour" style="xhtml" />										
					</div>
				</div>
		</div>
		<!-- FIM DO HEADER -->

Gostaria de englobar esse código a um modulo, pois inserir ele no index de todos os templates seria algo insano, levando em conta uma futura manutenção. Tentei utilizar o modulo Juni, mas pelo que percebi as chamadas <jdoc:include são ignoradas. Qual é a forma correta de criar um modulo englobando este código?

Pergunta 3) Dei uma boa olhada no joomla e percebi que 90% das minhas necessidades poderão ser criadas atraves do painel administrativo sem maiores problemas como: (notícias mais acessadas, bloco (apenas links) das últimas notícias e alguns blocos com notícias de categorias selecionadas pelo administrador). Mesmo com todas as possibilidades fiquei em dúvida sobre como criar isso:

Preview parcial da home:

Imagem Postada

Na imagem o primeiro bloco branco possuí notícias em destaque. Reparei também que no painel administrativo tenho a opção Administrar Pagina Inicial no menu Conteudo. Nela é possível colocar artigos em evidência e ordernalos como preferir. Gostaria de saber então, como inserir as chamadas dos artigos destaques na home (em lugar específico) junto com foto, como é o caso desse primeiro bloco branco no imagem?

Pergunta 4 "e ultima..rs") Cada uma das sessões já citadas (pagina1, entretenimento, etc...) possuirá pelo menos mais um template. Exemplo: o usuário clica em página 1 que por sua vez clica na opção Administração. Será aberta uma página com a relação dos artigos pertencentes a mesma. É necessário criar mesmo um novo template para isso, ou existe um geito de fazer variações?

Bom Pessoal, preciso de apenas algumas dicas, não há necessidade de explicar nos detalhes. Gostaria apenas que mostrassem + ou - o caminho das pedras. Para ter uma melhor idéia do portal acessem ele aqui. Os layout's já estão todos prontos, o problema agora é integra-los ao joomla...rs

Obrigado desde já!!!!

Edultra · Fevereiro 4, 2010

1) O portal possuirá o mesmo header em todos suas sessões (home, pagina1, entretenimento, opinião e serviços). Cada uma das sessões descritas possuirá seu template, da mesma forma do globo.com (noticias(g1), esportes, entretenimento e vídeos), ou seja, praticamente uma home para cada sessão descrita acima. Iniciei hoje no joomla, então ainda estou meio boiando. Por isso, caso fale alguma asneira, por favor desconsiderem.

Pergunta 1) Para criar uma página personalizada para cada sessão pensei em fazer o seguinte:

1 - Criar as sessões

2 - Criar os ítens de menu linkados para estas sessões

3 - Criar os tamplates para cada sessão

4 - Em Administrar Theme atribuir cada um ao seu item de menu através da opção (atribuição de menu>seleção de menu)

Estaria correta essa forma de fazer?

No joomla alem de criar as sessões você precisa criar categorias dentro das seções, caso não existam categorias internas pode criar uma categoria com o mesmo nome da seção.

Ex.:

Seção Esportes: Categorias: Futebol, Volei, Formula 1, Basquete, etc.

Seção Noticias: Internacional, Nacional, etc.

Após criado da para você fazer conforme você passou nos itens 3 e 4.

Pergunta 2) Considerando que a resposta da pergunta 1) seja sim. O código do header é o seguinte:

Preview do header:

Imagem Postada

<!-- HEADER -->
		<div id="header">
			<!-- LOGOMARCAS -->
			<div id="header-logo">
				<a href="<?php echo $this->baseurl ?>" title="Inet">
					<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logomarca.jpg" alt="Inet" title="Inet" />
				</a>
			</div>
			
			<!-- ABAS -->
			<div id="header-abas">
				<jdoc:include type="modules" name="header_menu" style="xhtml" />
			</div>
			
			<!-- HEADER INFO -->
			<div id="header-inf">
				<div id="inf-banner">
					<div id="full-banner">
						<jdoc:include type="modules" name="header_banner" style="xhtml" />
					</div>
					<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/banner-publicidade.jpg" alt="publicidade - full banner" />
				</div>
				
				<div id="inf-infos">
					<div id="infos-serch">
						<h6>sistema de busca:</h6>
						<jdoc:include type="modules" name="header_serch" style="xhtml" />						
					</div>
					
					<div id="infos-infos">
						<div id="inf-feed">
							<a href="javascript:" id="btnShowBoxRss" title="Inet - feeds">
								<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/icon-feed.jpg" alt="Inet - feeds" />						
							</a>					
						</div>
                        <jdoc:include type="modules" name="header_date_hour" style="xhtml" />										
					</div>
				</div>
		</div>
		<!-- FIM DO HEADER -->

Gostaria de englobar esse código a um modulo, pois inserir ele no index de todos os templates seria algo insano, levando em conta uma futura manutenção. Tentei utilizar o modulo Juni, mas pelo que percebi as chamadas <jdoc:include são ignoradas. Qual é a forma correta de criar um modulo englobando este código?

Você apenas insere a posição na tela das templates:

<jdoc:include type="modules" name="topo" style="xhtml" />

Dai você pode utilizar modulos nativos para exibição de banners e posiciona-los nesta posição (ex.:topo) para a visualização, pode tambem atribuir ao item de menu ao qual deve ser mostrados.

Em resumo você apenas cria o layout (html, php, css) e cria as posições onde devem ser abertos os modulos joomla, em extensões>administrar módulos> novo você pode criar modulos para exibição de banners, codigos personalidados (jumi), fontes de noticias externas e etc.

Pergunta 3) Dei uma boa olhada no joomla e percebi que 90% das minhas necessidades poderão ser criadas atraves do painel administrativo sem maiores problemas como: (notícias mais acessadas, bloco (apenas links) das últimas notícias e alguns blocos com notícias de categorias selecionadas pelo administrador). Mesmo com todas as possibilidades fiquei em dúvida sobre como criar isso:

Preview parcial da home:

Na imagem o primeiro bloco branco possuí notícias em destaque. Reparei também que no painel administrativo tenho a opção Administrar Pagina Inicial no menu Conteudo. Nela é possível colocar artigos em evidência e ordernalos como preferir. Gostaria de saber então, como inserir as chamadas dos artigos destaques na home (em lugar específico) junto com foto, como é o caso desse primeiro bloco branco no imagem?

Desculpe mas não estou conseguindo visualizar, mas para mostrar imagens junto com os artigos em chamadas, ou você cria o artigo ja com a imagem ou utiliza um módulo de demonstração especifico que inclui as imagens na visualização, tem que dar uma procurada em:

http://extensions.joomla.org/extensions/news-display

Pergunta 4 "e ultima..rs") Cada uma das sessões já citadas (pagina1, entretenimento, etc...) possuirá pelo menos mais um template. Exemplo: o usuário clica em página 1 que por sua vez clica na opção Administração. Será aberta uma página com a relação dos artigos pertencentes a mesma. É necessário criar mesmo um novo template para isso, ou existe um geito de fazer variações?

Dependendo do formato de criação da sua template poderá fazer algumas alterações basicas de cor da template, como é visto no site G1, não necessitando a criação de mais de uma template...

Paulo Freitas Nobrega · Fevereiro 4, 2010

Dai você pode utilizar modulos nativos para exibição de banners e posiciona-los nesta posição (ex.:topo) para a visualização, pode tambem atribuir ao item de menu ao qual deve ser mostrados.

Em resumo você apenas cria o layout (html, php, css) e cria as posições onde devem ser abertos os modulos joomla, em extensões>administrar módulos> novo você pode criar modulos para exibição de banners, codigos personalidados (jumi), fontes de noticias externas e etc.

Sim, isso tranquilo. Mas deixa eu tentar ser mais claro. No caso do topo (header no meu caso), tenho várias chamadas nele como:

<jdoc:include type="modules" name="header_menu" style="xhtml" /> -> menu de abas
<jdoc:include type="modules" name="header_banner" style="xhtml" /> -> banner's
<jdoc:include type="modules" name="header_serch" style="xhtml" /> -> busca
<jdoc:include type="modules" name="header_date_hour" style="xhtml" /> -> data e hora (código php no mod com jumi)

Todos esses modulos já foram adicionados ao template e estam funcionando corretamente. O que quero fazer é criar um novo módulo chamado apenas header e nesse modulo englobar todo o código do header (código já postado). Isso porque, pretendo usar esse mesmo header (topo) em todos os templates do portal. Para fazer isso, tentei adicionar um novo modulo jumi em administrar>modulo. No campo code written coloquei o código do header. Na hora que testei o layout carregou normalmente, menos os modulos que antes estavam aparecendo normalmente. Tentei também pelo modulo html personalizado, mas também não consegui. Não sei se deu para entender, mas o que quero fazer é englobar "agrupar" esse cabeçalho junto com as chamadas joomla citadas acima.

Edultra · Fevereiro 4, 2010

Entendi, em qual posição esta este publicado este modulo jumi que você criou?

Paulo Freitas Nobrega · Fevereiro 4, 2010

Só para completar a pergunta 1) e 4) já foram esclarecidas e a pergunta 2) uma explicação melhor esta acima. Agora referente a pergunta 3) dei uma olhada encontrei o modulo News Pro GK1, que por sinal é muito bom. Consegui configurar quase tudo as minhas necessidades, mas travou na hora das imagem. Deveria ter um campo para incluílas separadamente das anexadas ao texto, pois no meu caso, as imagens da home tem cortes diferente. No db vi que a tabela jos_content possuí uma campo chamado images do qual fica vazio. Seria uma mão na roda poder incluí-las nesse campo. Resumindo, gostaria de sugestões de modulos para gerenciar os conteudos destaques dos templates, tipo o Leader Manager do Xemelê para Wordpress. Estou dando uma olhada no http://extensions.joomla.org/extensions/... mas até agora não encontrei algo que suprima as necessidades!!!

De qualquer forma, por enquanto, obrigado pela ajuda!!!!

Paulo Freitas Nobrega · Fevereiro 4, 2010

Entendi, em qual posição esta este publicado este modulo jumi que você criou?

Eu tinha feito assim:

<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/header-default.css" type="text/css" />

</head>
<body>

	<div class="container_16" id="global">
		<jdoc:include type="modules" name="header" style="xhtml" /> <--- aqui a chamada do mudulo JUMI
		
		<div id="global2">       	
        	<div id="breadcrumbs">
        		<jdoc:include type="modules" name="breadcrumb" style="xhtml" />
            </div>
            
            <div id="baseboard">
            	<jdoc:include type="modules" name="footer" style="xhtml" />
            	<jdoc:include type="modules" name="footer_menu" style="xhtml" />            	
            </div>
        </div>
		
	</div><!-- final da div total -->

</body>
</html>

E dentro do campo code written do modulo jumi:

<!-- HEADER -->
		<div id="header">
			<!-- LOGOMARCAS -->
			<div id="header-logo">
				<a href="<?php echo $this->baseurl ?>" title="Inet">
					<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logomarca.jpg" alt="Inet" title="Inet" />
				</a>
			</div>
			
			<!-- ABAS -->
			<div id="header-abas">
				<jdoc:include type="modules" name="header_menu" style="xhtml" />
			</div>
			
			<!-- HEADER INFO -->
			<div id="header-inf">
				<div id="inf-banner">
					<div id="full-banner">
						<jdoc:include type="modules" name="header_banner" style="xhtml" />
					</div>
					<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/banner-publicidade.jpg" alt="publicidade - full banner" />
				</div>
				
				<div id="inf-infos">
					<div id="infos-serch">
						<h6>sistema de busca:</h6>
						<jdoc:include type="modules" name="header_serch" style="xhtml" />						
					</div>
					
					<div id="infos-infos">
						<div id="inf-feed">
							<a href="javascript:" id="btnShowBoxRss" title="Inet - feeds">
								<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/icon-feed.jpg" alt="Inet - feeds" />						
							</a>					
						</div>
                        <jdoc:include type="modules" name="header_date_hour" style="xhtml" />										
					</div>
				</div>
		</div>
		<!-- FIM DO HEADER -->

Edultra · Fevereiro 4, 2010

Na verdade, queria saber em que posição esta este jumi que você criou, va em extensões>administrar módulo e na tabela que aparece veja a coluna posição ao qual o modulo que você criou aparece, verifique se esta posição existe em seu layout.

Paulo Freitas Nobrega · Fevereiro 4, 2010

Na verdade, queria saber em que posição esta este jumi que você criou, va em extensões>administrar módulo e na tabela que aparece veja a coluna posição ao qual o modulo que você criou aparece, verifique se esta posição existe em seu layout.

Posição: header

Chamada no template: <jdoc:include type="modules" name="header" style="xhtml" />

No browser em Exibir>Código Fonte:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br" >
<head>
  <base href="http://localhost/Joomla/" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="inet, ilha solteira" />
  <meta name="description" content="Inet - O maior portal do interior de SÃ£o Paulo" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Inet</title>
  <link href="/Joomla/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
  <link href="/Joomla/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
  <link href="/Joomla/templates/inet/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <script type="text/javascript" src="/Joomla/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/Joomla/media/system/js/caption.js"></script>


<link rel="stylesheet" href="/Joomla/templates/inet/css/template.css" type="text/css" />
<link rel="stylesheet" href="/Joomla/templates/inet/css/header-default.css" type="text/css" />

</head>
<body>

	<div class="container_16" id="global">
				<div class="moduletable">
					<!-- HEADER -->
		<div id="header">
			<!-- LOGOMARCAS -->
			<div id="header-logo">
				<a href="/Joomla/" title="Inet">
					<img src="/templates//images/logomarca.jpg" alt="Inet" title="Inet" />
				</a>
			</div>
			
			<!-- ABAS -->
			<div id="header-abas">
				<jdoc:include type="modules" name="header_menu" style="xhtml" />
			</div>
			
			<!-- HEADER INFO -->
			<div id="header-inf">
				<div id="inf-banner">
					<div id="full-banner">
						<jdoc:include type="modules" name="header_banner" style="xhtml" />
					</div>
					<img src="/templates//images/banner-publicidade.jpg" alt="publicidade - full banner" />
				</div>
				
				<div id="inf-infos">
					<div id="infos-serch">
						<h6>sistema de busca:</h6>
						<jdoc:include type="modules" name="header_serch" style="xhtml" />						
					</div>
					
					<div id="infos-infos">
						<div id="inf-feed">
							<a href="javascript:" id="btnShowBoxRss" title="Inet - feeds">
								<img src="/templates//images/icon-feed.jpg" alt="Inet - feeds" />						
							</a>					
						</div>
                        <jdoc:include type="modules" name="header_date_hour" style="xhtml" />										
					</div>
				</div>
		</div>
		<!-- FIM DO HEADER -->		</div>
	
		
		<div id="global2">        	
        	<div id="breadcrumbs">
        				<div class="moduletable">
					<span class="breadcrumbs pathway">
Pagina Inicial</span>
		</div>
	
            </div>
            
            <div id="baseboard">
            			<div class="moduletable">
					2010 - ilhasolteira.net todos os direitor reservados Â©		</div>
	
            			<div class="moduletable">
					<ul class="menu"><li class="item6"><a href="/Joomla/index.php/pagina1"><span>PÃ¡gina1</span></a></li><li class="item7"><a href="/Joomla/index.php/entretenimento"><span>entretenimento</span></a></li></ul>		</div>
	            	
            </div>
        </div>
		
	</div><!-- final da div total -->

</body>
</html>

1) Note que as chamadas <jdoc:include são exibidas como tags normais ao invés de chamar os módulos

2) As chamadas: <?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/, são ignoradas ficando: <img src="/templates//images/icon-feed.jpg"...

Alguma sugestão?

Arquivado

Portal com vários templates

Recommended Posts

Paulo Freitas Nobrega 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Edultra 13

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo Freitas Nobrega 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Edultra 13

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo Freitas Nobrega 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo Freitas Nobrega 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Edultra 13

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo Freitas Nobrega 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante