Tutorial: CMS - Como criar um layout e aplicá-lo

1. Abrir o menu do vBulletin CMS no painel de administração e escolher Administrador de Seções.
   Ver o anexo 1959
2. Em uma instalação sem conteúdo de exemplo, veremos apenas uma seção chamada Home. Podemos renomeá-la se quiserem, o que faremos aqui é criar uma seção dentro da existente, Home. Nomearemos a seção como Notícias. Clicamos no botão Adicionar Nova Seção, no canto superior direito.
   Ver o anexo 1960

1. Do menu vBulletin CMS, escolhemos Administrador de Grids.
2. Aqui vocês verão apenas um grid chamado 3 Column Fixed-Liquid-Fixed, se vocês instalaram conteúdo de exemplo terão mais grids, mas vou considerar que não. Clicamos no botão Criar um Novo Grid.
3. Nomeamo-lo Conteúdo + Coluna lateral 250px, com as seguintes opções
   Ver o anexo 1961

1. Antes de passar a criar nosso layout, é preciso criar alguns widgets para a barra lateral. Vamos à opção Widgets.
2. Vamos criar três widgets, um para as mensagens recentes do fórum, um para um widget usando html e outro para enquetes recentes.
   • Mensagens Recentes: clicamos em Criar Novo Widget. Nomeamo-lo Mensagens Recentes e escolhemos Busca Geral, como tipo de widget e clicamos em Salvar.
     • Clicamos no link configurar que está junto ao nosso widget, e das opções que aparecem vamos escolher apenas: Post (Mensagens) e clicamos em Salvar.
   • Widget HTML: criamos um novo widget e desta vez escolhemos HTML Estático, e nomeamo-lo Relógio, ou o nome do widget que vocês forem colocar e clicamos no botão Salvar.
     • Agora vamos configurar este novo widget. No formulário colamos o código HTML do widget que desejam colocar, como exemplo deixo este código que eu usarei
       
       Inserir CODE, HTML ou PHP:

       <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('40f213de-e4d2-4ce1-92a0-bab6f6b09603');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/showtimeapp">Show Time App</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

   • Enquetes Recientes: vamos mais uma vez criar um novo widget e escolhemos como tipo de widget, Enquete e nomeamo-lo Enquetes Recentes e clicamos no botão Salvar.
     • Vamos ao link Configurar do nosso novo widget e escolhemos o total de enquetes a mostrar, e o tempo limite de antiguidade para mostrar enquetes. Eu escolhi 1 enquete, dos últimos 365 dias😛
     Este é o resultado final:
     Ver o anexo 1962
     

1. Agora precisamos criar nosso layout. Vamos à opção Administrador de Layouts. Vamos ver um layout lá, é o que o CMS está usando atualmente. Precisamos criar um usando nosso grid que criamos anteriormente.
2. Clicamos no botão Criar um Novo Layout.
   Título: O que desejarem.. será para seu CMS principal e também para a seção notícias. Eu nomeei Layout Padrão, já que será o que usarei na página principal do CMS incluindo a categoria Notícias.
   Grid (H): aqui escolhemos nosso grid que criamos anteriormente, Conteúdo + Coluna Lateral 240px.
3. Arrastemos o quadro vermelho chamado Conteúdo Primário para o quadro da direita. Depois selecionemos Menu a partir de Widgets, e pressionamos o botão [>] Arrastemos esse widget para a coluna lateral esquerda. Façamos o mesmo para o widget Mensagens recentes, Relógio e Enquetes. Este é o resultado final:
   Ver o anexo 1963

1. Vamos ao nosso CMS, sim.. isso não se faz no painel de administração. Passamos o ponteiro por cima do título HOME e verão um ícone em forma de lápis. Clicamos nele para editar a seção principal.
   Ver o anexo 1965
2. Agora só precisamos mudar a opção Layout de Seção, e escolhemos nosso layout, Layout Padrão e clicamos no botão acima, Salvar.
3. Façamos exatamente o mesmo para a seção Notícias. Indo primeiro à referida seção e depois clicando no ícone em forma de lápis e mudamos para o mesmo layout e voltamos a salvar.
   Ver o anexo 1968
   
   Enquanto estamos nas opções de editar a seção, podemos mudar várias opções também. Eu mudei a opção de publicação para Publicado, assim cada artigo ou notícia que eu fizer nessa seção será publicada e não aparecerão os típicos erros de sem permissão para os usuários. Além disso, mudei a opção Colunas de Conteúdo para 2 Colunas. Assim meu conteúdo aparecerá em duas colunas, vejam o screen abaixo.

<div class="cms_widget">            
<div class="block">
        <!--  Widget Header -->
        <div class="cms_widget_header">
            <h3>La Hora</h3>
        </div>
        <div class="cms_widget_content">
            <div class="cms_widget_post_bit">
        
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('40f213de-e4d2-4ce1-92a0-bab6f6b09603');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/showtimeapp">Show Time App</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>
            </div>
            </div></div>
            </div>

Clumsy disse:

Olá Elmer,

eu (acho) não tenho CMS, acabei de instalar (vBulletin 4.0.0 Beta 5

) mas gostaria de ter uma coluna na qual pudesse colocar links de interesse...

Clique para expandir...

bcilloniz disse:

Justo o que eu buscava... mas uma perguntinha geral:

É possível aplicar qualquer design, ou existem limitações?

Abraços e muito obrigado pelas suas contribuições.

Clique para expandir...

sienteasturias disse:

Por outro lado, tenho uma dúvida, é possível ou seria possível extrair aí no CMS, por exemplo, algum post de alguma categoria do fórum em específico?

Clique para expandir...