As tags #LOGO_XXX

As tags #LOGO_ exibem os ícones de objetos editoriais.

  • #LOGO_SITE_SPIP : ícone do site
  • #LOGO_ARTICLE : ícone de uma matéria
  • #LOGO_RUBRIQUE : ícone de uma seção
  • #LOGO_AUTEUR ícone do autor
  • #LOGO_BREVE : ícone de uma nota
  • .... e mais generalizadamente #LOGO_NOM-OBJET-EDITORIAL

Sintaxe da tag

Para exibir o ícone

#LOGO_ARTICLE

produz o código HTML a seguir:

<img
	src="IMG/logo/por-do-sol.jpg?1661940083"
	class="spip_logo"	
	width="600" 
	height="400"
        alt=""
>

Para exibir o ícone com um link para o objeto

#LOGO_ARTICLE*

produz o código HTML a seguir:

<a href="mon-super-article"><img src="IMG/logo/por-do-sol.jpg?1661940083" class="spip_logo" width="600" height="400" alt=""></a>

Retornar o nome do ficheiro do ícone

#LOGO_ARTICLE**

produz o código HTML a seguir:
por-do-sol.jpg

Retornar o caminho do ficheiro do ícone

[(#LOGO_ARTICLE|extraire_attribut{src})]

produz o código HTML a seguir:
IMG/logo/por-do-sol.jpg?1661940083

Um timestamp é apensado automaticamente os endereço. Ele corresponde à última alteração do ícone. Para não o exibir, pode ser usado:

[(#LOGO_ARTICLE|extraire_attribut{src}|supprimer_timestamp)]

Manipular graficamento os ícones
Para manipular os ícones, pode-se usar os filtros de imagens.

Exemplo: exibir um ícone com a largura reduzida para 220 pixels

[(#LOGO_ARTICLE|image_reduire{220,*})]

Usar #ID_LOGO_ para exibir os campos título, créditos e descrição de um ícone

A partir do SPIP 4.2, os ícones são imagens como as outras. Pode-se portanto atribuir-lhes um título, descrição, créditos, alt, ....

Para aceder a estes dados, pode-se usar a tag #ID_LOGO_ (por exemplo, #ID_LOGO_ARTICLE) que retorna o identificador do documento usado pelo ícone de um objeto.

Por exemple: exibir o título e o crédito de um ícone:

<BOUCLE_logometas(DOCUMENTS){id_document=#ID_LOGO_ARTICLE}{tout}>
[<div class="logo-titre">(#TITRE)</div>]
[<div class="logo-credits">(#CREDITS)</div>]
</BOUCLE_logometas>

Nota: deve-se usar o critério {tout} para recuperar a imagem

Ícone de mouseOver

Historicamente, se a opção "ícone de mouseOver" estiver ativado na configuração do site, o SPIP permite incluir um segundo ícone para se obter um efeito de mouseOver no ícone (efeito "rollover").

Neste caso,
-  #LOGO_ARTICLE exibe o ícone com o efeito de mouseOver

Adicionalmente, duas tags permitem recuperar apenas um dos dois ícones:
-  #LOGO_ARTICLE_NORMAL exibe o ícone normal;
-  #LOGO_ARTICLE_SURVOL exibe o ícone de mouseOver.

O argumento {lien}

Pode-se incluir um argumento à tag para especificar um link.

Exemplo:

[(#LOGO_ARTICLE{#URL_RUBRIQUE})]

produz o código HTML a seguir:
<a href="actualites"><img src="IMG/logo/por-do-sol.jpg?1661940083" class="spip_logo" width="600" height="400" alt=""></a>

O argumento {alignement} (descontinuado)

Em vez de um link, você pode também especificar um alinhamento para o ícone. Os valores possíveis são left, center ou right

Exemplo:

[(#LOGO_ARTICLE{right})]

produz o código HTML a seguir:
<a href="mon-super-article"><img src="IMG/logo/por-do-sol.jpg?1661940083" class="spip_logo spip_logo_right" width="600" height="400" alt=""></a>

Recomenda-se fortemente o uso de #INSERT_HEAD_CSS para fornecer a folha de estilo que gere as classes CSS de alinhamento .spip_logo_left e .spip_logo_right

O critério {logo}

No nível dos loops, o critério {logo} permite selecionar apenas as matérias (ou seções etc.) que possuam um ícone. Ele também funciona no loop (HIERARCHIE). O critério inverso {!logo} lista os objetos que não possuem ícone.

<BOUCLE_rub_logo(RUBRIQUES){racine}{logo}{par num_titre}>
#LOGO_RUBRIQUE
</BOUCLE_rub_logo>

Retorna os ícones das seções na raiz que possuem um ícone.

Herança dos ícones de seções

-  #LOGO_ARTICLE_RUBRIQUE exibe o ícone da matéria, eventualmente substituído pelo ícone da seção, se não houver um ícone especificado na matéria.

Por padrão, a tag #LOGO_RUBRIQUE exibe o ícone da seção corrente e, se este não estiver definido, irá automaticamente verificar se existe um ícone na seção superior de forma recursiva.

Para desativar esta função de herança, pode-se definir a constante _LOGO_RUBRIQUE_DESACTIVER_HERITAGE.

Para definir o ícone padrão de seções, acesse o menu "Edição > Seções" (http://meusite.org/ecrire?exec=rubriques).

Convenção de nomeação

A partir do SPIP-4.0, os ícones são tratados como documentos. Eles são armazenados no diretório IMG/logo/ conservando o seu nome original ligeiramente corrigido, caso contenha caracteres interditos, como acentos, espaços, ..., ou se já existe um ficheiro com o mesmo nome.

Por exemplo: /IMG/logo/por-do-sol.jpg

Até o SPIP 3.2, os ícones eram renomeados pelo SPIP no momento do upload com a seguinte convenção: IMG/tipo-estadotX.ext onde:

  • tipo é o tipo de objeto editorial vinculado ao ícone: art (matéria), rub (seção) ...
  • estado on, off é o estado do ícone normal ou de mouseOver
  • X é o id do objeto editorial
  • ext é a extensão do ficheiro (jpg, png ou gif)

Por exemplo:

  • /IMG/arton4.jpg é o ícone da matéria n°4
  • /IMG/artoff4.jpg é o logo de mouseOver da matéria n°4

Tipos de ícones aceitáveis

É possível especificar os tipos de imagens usáveis como ícone por meio da variável de personalização $GLOBALS['formats_logos'].

Por exemplo, para só aceitar ficheiros SVG :
$GLOBALS['formats_logos'] = array('svg');

Veja também

Para o desenvolvimento em PHP

Autor Ricardo Porto Publié le :

Traductions : English, français, Nederlands, Português