Quarta-feira, 22 de Abril de 2009

Dúvidas - Desenvolvimento de templates

 

Segue-se  uma síntese das dúvidas colocadas por alguns grupos, resultantes das experiências que foram realizando na plataforma de templates do SAPO:

 

- É possível incluir JavaScript nos templates?  Se sim de que forma é possível fazer?

- É possível modificar (acrescentar/retirar) DIV’s da estrutura do template?

- Após analisar e perceber o significado e papel de cada Layer da plataforna, surge uma dúvida básica: por onde começar um template?

- Quando há necessidade de utilizar S2? Onde se pode editar e escrever scripts S2?

- Calendário, é possível adicionar/remover  eventos?

 

Ainda que tenham sido disponibilizados tópicos de ajuda, todos temos sentido dificuldades em perceber como, quando e onde utilizar a linguagem S2. Nem os exemplos apresentados na página do SAPO conseguimos implementar.

A maior parte dos alunos tem ficado pela escolha de um template base com um “esqueleto” semelhante ao que pretendem e costumizado a respectiva CSS.

Toda a ajuda no sentido de esclarecer como podem ir mais longe recorrendo a S2 será bem vinda.

Obrigado.

publicado por sirlicman às 22:12
link do post | comentar | favorito
6 comentários:
De Hugo a 23 de Abril de 2009 às 15:45
"Após analisar e perceber o significado e papel de cada Layer da plataforma, surge uma dúvida básica: por onde começar um template?"

Um "template" é um conjunto layers associadas para criar um style. Tipicamente um style é constituído por 3 layers:
- core
- i18nc
- layout

Para começar a desenvolver um template é necessário criar um novo layer "layout" (ou copiar um layer "layout" existente).
No layer "layout" vai-se reescrever os métodos print das classes definidas no core, de modo que estes métodos devolvam o html definido por nós.
No final, criamos um style para o blog e temos que associar os 2 layers de sistema (core e i18nc) e a layer layout que desenvolvemos.

Todas as layers desenvolvidas pelo SAPO são públicas e podem ser consultadas na personalização avançada (ver exemplo):
http://blogs.sapo.pt/customize/advanced/layerbrowse.bml

Para ver o código, clicamos no link com o nome do layer (ver exemplo) e na página seguinte clicamos em "Raw source code" (ver exemplo).

Para criar um layer:
- Personalização avançada > As suas layers (ver exemplo)
- Criar top-level layer do tipo layout
- Clicar no botão "Edit" para editar o layer no Editor de S2 (ver exemplo)

Para criar um style:
- Personalização avançada > Os seus estilos (ver exemplo)
- Dar um nome ao style e clicar no botão "Create" (ver exemplo)
- Escolher layer "i18nc" (Portuguese)
- Escolher layer "layout" da lista. Os layouts do blog aparecem no fim da lista. Clicar no botão "Change". (ver exemplo)
- Clicar em "Save Changes"

Depois do style estar criado, é necessário clicar no botão "Use" que aparece ao lado do style que pretendemos activar para o blog (ver exemplo).


De Hugo a 23 de Abril de 2009 às 15:48
"Quando há necessidade de utilizar S2?"

O S2 é uma linguagem de programação, que corre nos servidores dos blogs, para gerar html.

Deve-se usar o S2 sempre que é necessário alterar a estrutura do html do template do blog (editando a layer "layout"):
- Acrescentar / retirar tags html
- Alterar nomes de classes ou id de tags html
- Adicionar tags script no <head>


De Hugo a 23 de Abril de 2009 às 15:53
"Onde se pode editar e escrever scripts S2?"

Na Personalização avançada > As suas layers (ver exemplo)

Nesta página estão todas as layers que o utilizador criou para o blog. Para editar o código S2, basta clicar no botão "Edit" que aparece ao lado de cada layer (ver exemplo).

O Editor de S2 está divido em 4 partes (ver exemplo):
- Menu de topo, com o botão "Save & compile"
- Barra lateral, com atalhos para as funções / métodos definidos no código
- Editor
- Área de notificações

Para gravar as alterações feitas no código, clicar no botão "Save & compile" e verificar a área de notificações.


De Hugo a 23 de Abril de 2009 às 16:09
"É possível modificar (acrescentar/retirar) DIV’s da estrutura do template?"

Sim, é possível. Para isso é preciso criar um novo layer "layout" e alterar as funções que geram o html.

Algumas das funções / métodos que geram html do blog:
- function Page::print - Estrutura global do template
- function print_entry - Estrutura dos posts
- function print_comments - Estrutura dos comentários
- function print_generic_widget - Estrutura dos componentes da barra lateral


De Hugo a 23 de Abril de 2009 às 16:29
"É possível incluir JavaScript nos templates? Se sim de que forma é possível fazer?"

Sim, é possível incluír javascript no template, mas é preciso respeitar algumas regras de implementação.

Os scripts devem ser colocados dentro da tag <head> ou no fim junto à tag </body>. Dentro da tag <head> colocam-se scripts de frameworks como a libSAPO.js, prototype, jquery ou outras. Todos os outros scripts devem ser colocados no fim do template, junto à tag </body>.

Outra regra importante é que o template funcione correctamente em browsers com o javascript desactivado. O javascript deve ser utilizado como melhoramento progressivo (Progressive Enhancement) do template. Podem ver mais sobre este tema neste artigo da Smashing Magazine: http://www.smashingmagazine.com/2009/04/22/progressive-enhancement-what-it-is-and-how-to-use-it/


De Hugo a 23 de Abril de 2009 às 16:33
"Calendário, é possível adicionar/remover eventos?"

Não. O calendário é uma forma de representação do arquivo de posts do blog. Só são marcados os dias com posts publicados (posts com data de publicação no futuro não aparecem no calendário).


Comentar post

.mais sobre mim

. *spring

. , danii

. 38333

. 3dandme_theblog

. actry

. again_again

. ahital

. allone

. ana_naz

. André Lages

. anim8

. arianacarla

. AtCine

. avromao

. bandesenhada

. bartzinho

. basement

. blue_rose

. Bruno Abrantes

. camlab4

. carina

. Catarina Caravela

. catia

. chooseyourmood

. cilocas

. cinefila

. coisasdoorvalho

. coisastantas

. csantos

. danisa

. dani_9

. dejo

. Diogo Costa

. dummy

. eu

. euuu

. Filipe Monteiro

. Filipe Nunes - 39407

. florataveira

. Francisco_Tiago

. freak_da_passa

. gajodosapo

. Graziela Costa 🍒

. greens_nr

. histeria

. holland-dozier-holland

. iloveblogging

. iLustrame

. inesamorim

. inezvent

. itsoneofthosedays

. Ivo Santos e Joana Maduro

. jesebebe

. johnmakukula

. johnzdakid

. josecarlosribeiro

. João Macedo

. joão ramos

. jpeg_kru

. julianaalves

. Jul_Lena

. kabuki

. keta

. kittythekat

. kyoto

. labsimplex

. lapins

. laranjinhas

. lastrepeat

. lou_ventura

. luispnp

. madscientist2

. marbra

. maria clara

. mariabaunilha

. marujo

. miguel

. milfavaios

. milhodoce

. milko

. movimentoestudantil

. mrocha

. mteixeira

. murasaki

. np

. opaijavai

. opifolio

. parklife

. patanoias

. pedrobeca

. primedev

. Radioativo

. Raquel

. rdmpcarvalho

. redpix

. Rikku

. RitaBelinha

. rr_team

. rsilva

. ruimakukula

. sandboks

. sara.c

. saraquel

. sarra

. sendas

. shimeus2

. sirlicman

. soulmusic

. sweetmotherfucker

. teatroua

. tellmesomethingnew

. tenacious_p

. Tey-karisy

. thesweetest

. thybius

. timpano

. todd

. Tolas

. tomás

. Undómiel

. upsidedown

. urbanize

. violeta

. wallpost

. wine

. wiseallec

. world_cinema

. |Ds|

.pesquisar

 

.Fevereiro 2013

Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2

3
4
5
6
7
8
9

10
11
12
13
14
15
16

17
18
19
20
21
22
23

24
25
26
27
28


.posts recentes

. ...

. novo espaço

. Dúvida (claro! )

. Meteorologia

. Edit:Problema solucionado...

. And the winner is...

. Lista Actualizada de Blog...

. ...

. Como disponibilizar mais ...

. Adicionar os Professores ...

.arquivos

. Fevereiro 2013

. Abril 2011

. Maio 2010

. Abril 2010

. Junho 2009

. Maio 2009

. Abril 2009

. Março 2009

. Junho 2008

. Maio 2008

. Abril 2008

. Março 2008

.tags

. todas as tags

.links

.participar

. participe neste blog

blogs SAPO

.subscrever feeds