SPIP
Artículos de esta sección
[12] Todas las balizas propias de un artículo
Estamos acostumbrados a ver en los esqueletos un boucle articles en el que se incluyen las balizas habituales: título(titre), fecha, autor, etc.
Si miramos la base de datos de spip, concretamente la tabla spip_articles, vemos que tiene 29 campos, cada uno de ellos dará lugar a una BALIZA del mismo nombre que el campo (salvo en MAYÚSCULAS y precedida por el símbolo #).
Además SPIP calcula nuevas BALIZAS basándose en esos campos y en otros datos, por lo que las posibilidades de expresar un artículo (o las balizas del mismo) son inmensas.
Demos un vistazo a esos 29 campos:
Estructura de la tabla spip_articles de la base de datos spip (ver 1.9 final) Nombre Tipo Null Indice Por Defecto Extras id_article bigint(21) PRI auto_increment surtitre text titre text soustitre text id_rubrique bigint(21) MUL 0 descriptif text chapo mediumtext texte longblob ps mediumtext date datetime 0000-00-00 00:00:00 statut varchar(10) MUL 0 id_secteur bigint(21) MUL 0 maj timestamp(14) YES export varchar(10) YES oui date_redac datetime 0000-00-00 00:00:00 visites int(11) 0 referers int(11) 0 popularite double 0 accepter_forum char(3) date_modif datetime MUL 0000-00-00 00:00:00 lang varchar(10) MUL langue_choisie char(3) YES non id_trad bigint(21) MUL 0 extra longblob YES idx enum(’’,’1’,’non’,’oui’,’idx’) MUL id_version int(10) unsigned 0 nom_site tinytext url_site varchar(255) MUL url_propre varchar(255) MUL Todos los campos dar lugar a una baliza:
campo #BALIZA Descripción id_article #ID_ARTICLE nº que identifica a cada artículo. Se incrementa automáticamente surtitre #SURTITRE antetítulo titre #TITRE título soustitre #SOUSTITRE subtítulo id_rubrique #ID_RUBRIQUE nº que identifica la sección a la que pertenece el artículo descriptif #DESCRIPTIF descripción chapo #CHAPO epígrafe texte #TEXTE texto principal del artículo ps #PS PostData date #DATE Fecha de publicación (o de creación en caso de no estar aún publicado). Se puede modificar trás la publicación statut #STATUT Estado del artículo (prepa, prop, publie, refuse o poubelle) id_secteur #ID_SECTEUR identificador del sector (rama principal; sale directamente de la raíz) maj #MAJ última modificación en la tabla (calculado por MySQL) export #EXPORT ??? date_redac #DATE_REDAC Fecha de la primera publicación. Modificable. Se puede elegir «no mostrar» visites #VISITES número de visitas del artículo referers #REFERERS Enlaces al artículo desde otras páginas de Internet popularite #POPULARITE Popularidad del artículo en porcentaje accepter_forum #ACEPTER_FORUM Indica si el artículo acepta comentarios y el tipo de moderación date_modif #DATE_MODIF Fecha de laúltima vez que se abrió el artículo para editarlo (aunque no modificara nada) lang #LANG idioma del artículo langue_choisie #LANGUE_CHOISIE id_trad #ID_TRAD extra #EXTRA idx #IDX Está o no indexado id_version #ID_VERSION nom_site #NOM_SITE Nombre del sitio refrenciado en el artículo url_site #URL_SITE URL del sitio refrenciado en el artículo url_propre #URL_PROPRE Algunas de las balizas se explicarán más detalladamente en artículos posteriores. Incluso puede que no le encuentres sentido a algunas, pues sólo sirven como enlace para otras tablas (por ejemplo referers).
Para que estén disponibles algunas balizas, tienen que estar activadas en la configuración. Por ejemplo si entramos en:
Configuración del sitio / Contenido del sitio /Los artículosvemos que las opciones pueden estar activadas o No activadas. Si no está activada Enlaces hipertexto no estarán disponibles las balizas NOM_SITE y URL_SITE. Puedes ver un ejemplo de artículo con enlace hipertexto-lubrin.org/probando_spip/spip.php?article9
Veamos un ejemplo con un artículo real que se encuentra en:
lubrin.org/probando_spip/spip.php?article1campo id_article surtitre titre soustitre id_rubrique descriptif chapo texte ps date statut id_secteur maj export date_redac visites referers popularite accepter_forum date_modif lang langue_choisie id_trad extra idx id_version nom_site url_site url_propre Contenido 1 Antetítulo Mi primer artículo Subtítulo 1 descripción rápida de mi primer artículo Introducción de mi primer artículo Aquí está el texxto o contenido ... (CORTADO) Post Data de mi primer artículo 2006-08-09 11:01:46 publie 1 20060809110147 oui 0000-00-00 00:00:00 2 0 0.0196282324760186 pos 2006-08-09 10:51:46 es non 0 oui 0 Los datos del artículo anterior se han sacado directamente de la base de datos. En el siguiente ejemplo (un artículo con más de 3000 visitas) veremos los datos extraídos usando las balizas de spip.
El ejemplo está en el siguiente enlace:
lubrin.org/spip.php?page=articulo_total&id_article=33[11] Fórmulas matemáticas en tus artículos
Las fórmulas matemáticas en SPIP se insertan usando código LaTeX.
El procesador de macros o lenguaje de bajo nivel LaTeX no sólo se usa para escribir ecuaciones matemáticas, sino que es lo mejor que existe para redactar artículos científicos o libros técnicos, no sólo porque se puede conseguir cualquier expresión, sino por la calidad final (en PDF) del documento. Afortunadamente no vamos a necesitar instalarlo, ni aprenderlo para poner fórmulas en nuestros artículos.
¿Cómo funciona LaTeX en SPIP?
– Las fórmulas se teclean en el artículo usando comandos LaTeX
– Spip las envía a un servidor TeX público y éste se las devuelve a spip ya procesadas y en formato imagen.png
– Spip muestra la imagen.png en el artículo y además la guarda en la caché, de forma que si vuelves a necesitar la misma fórmula la saca de la caché para evitar tener que enviarla a procesar de nuevo.Por tanto, estamos dependiendo de un server público, que en ocasiones pudiera estar saturado, y que tiene un tamaño predeterminado para los caracteres de las fórmulas. Aunque es suficiente para unas pocas fórmulas, si quieres crear un blog o web que las use a menudo (como la base de datos de ejercicios de matemáticas de esta web) se hace necesario instalar nuestro propio servidor TeX (lo haremos posteriormente, cuando esté más avanzado nuestro manual).
Pero vayamos al grano:
Insertar una fórmula entre el texto
Usaremos la siguiente expresión:
<math> $ fórmula $ </math>
Por ejemplo el código siguiente:La fórmula <math> $ 1 +\frac{2x}{5} $ </math> siqnifica que ...
ofrecerá como salida:
La fórmula siqnifica que ... Insertar una fórmula centrada
Usaremos la siguiente expresión:
<math> $$ fórmula $$ </math>
Por ejemplo el código siguiente:<math> $$ 1 +\frac{2x}{5} $$ </math>
ofrecerá como salida:
Varias fórmulas en un artículo
Si se usan muchas fórmulas en un mismo artículo, pondremos sólo una vez las etiquetas <math> y </math> (por ejemplo al principio y al final del documento), sin embargo sí hay que poner el símbolo $ al principio y final de cada fórmula.
Por ejemplo el código siguiente:Calcula la función derivada de las siguientes funciones: <math> - a) $f(x) = 2x^5 - 4x^3 + 5x -12$ - b) $g(x) = \frac{x^2-3x}{2x-5}$ </math>
ofrecerá como salida:
Calcula la función derivada de las siguientes funciones: – a)
– b)Resumen de comandos LaTeX
– Exponentes, subíndices, fracciones y radicales
LaTeX Resultado x^3+5x^2 A_0=x_0+x_1 \frac{2x}{3}
\sqrt{3x^2+5}
\sqrt[3]{3x^2+5}
– Letras griegas y símbolos matemáticos
LaTeX Resultado LaTeX Resultado \alfa \exists $\exists$ \beta $\beta$ \infty $\infty$ \gamma $\gamma$ \forall $\forall$ \delta $\delta$ \emptyset $\emptyset$ \epsilon $\epsilon$ \pm $\pm$ \pi $\pi$ \cup $\cup$ \sigma $\sigma$ \cap $\cap$ \omega $\omega$ \leq $\leq$ \theta $\theta$ \geq $\geq$ \lambda $\lambda$ \neq $\neq$ \mu $\mu$ \in $\in$ \Omega $\Omega$ \notin $\notin$ \rho $\rho$ \subset $\subset$ – Flechas, espacios, puntos suspensivos, ...
LaTeX Resultado LaTeX Resultado \rightarrow \ldots \leftarrow \cdots \Rightarrow \vdots \Leftarrow \ddots \Longrightarrow \: espacio \Longleftarrow \bigcup \longrightarrow \bigcap \longleftarrow \leftrightarrow \Leftrightarrow \longleftrightarrow \Longleftrightarrow – A veces necesitamos escribir algunos caracteres encima de otros:
\overline{A}
\underline{A}
\bar{B}
\underbar{B}
\overbrace{a+b}
\underbrace{a+b}
\vec{a}
\dot{a}
Para más información puedes visitar la sección LaTeX de esta misma web
[10] Redactar artículo - Insertar imágenes y Previsualizar
Insertar imágenes
Para insertar una imagen en un artículo se puede usar código html:
<img src="http://...">
O mejor aprovechar las ventajas de spip:
– Cuando estamos redactando el documento, tenemos (arriba-izquierda) la zona: AÑADIR UNA IMAGEN
– Pulsamos sobre Examinar y la buscamos en nuestro disco duro
– Pulsamos sobre Subir– Nos aparece entonces un nuevo panel donde podemos poner Título y Descripción que aparecerán (bajo la imagen) en el artículo. Si rellenas alguno de estos campos, no olvides pulsar después Guardar
– A continuación debemos decirle a spip en qué lugar queremos insertar la imagen y su alineación (izquierda, derecha o centrada). Para ello ponemos el cursor en la parte del artículo donde queramos insertarla y hacemos doble clic sobre una de las tres opciones:<img1|left> <img1|center> <img1|right>
Cuando sean muchas las imágenes que necesitamos incluir en nuestros artículos, es más rápido subirlas todas a la vez.
– Tendremos que hacerlo entonces mediante ftp y ponerlas en la carpeta /ecrire/upload.
– Pulsamos en el triangulito que hay delante de Enviar desde tu ordenador .. en el panel Añadir una imagen
– Pulsamos sobre Instalar todos los documentos
– Elegimos la imagen a insertar
– Pulsamos sobre elegir
– La insertamos igual que hicimos antesInsertar documentos
Procedemos de forma análoga a insertar imágenes. La única diferencia es que podemos elegir un icono personalizado para el documento (aunque si es uno de los formatos normales, por ejemplo PDF, spip ya tiene buenos iconos)
Previsualizar un artículo
Aunque después de editar un artícuo, cuando pulsamos Guardar spip nos ofrece una aproximación de cómo quedará, la opción de previsualizarlo nos hará verlo exactamente y en su contexto, tal y como quedará al publicarlo.
La opción de previsualizar no está disponible por defecto, por lo que tendremos que entrar en la configuración y modificarla.
Configuración del sitio / Opciones avanzadasEntonces buscamos el panel Previsualización y lo modificamos
Además, para que se pueda previsualizar es necesario que el artículo esté Propuesto a la evaluación, pues mientras esté En curso de redacción no se puede previsualizar
[09] Redacción de un artículo completo
Escribo aquí un artículo completo en el que intentaré usar todo lo que puede necesitar un redactor (insertar imágenes, tablas, listas, tipografías, etc.).
El primer problema que nos surge (normalmente al escribir nuestro primer artículo) es el siguiente:
Si escribimos
Las causas que influyeron fueron: En primer lugar el clima ...
Obtenemos:
Las causas que influyeron fueron:
En primer lugar el clima ...¿Por qué no respeta el salto de línea? ¿Tengo que escribir códigos html?
Sí, puedes insertar todos los códigos html que quieras, o mejor aún: puedes usar los Atajos tiopgráficos de SPIP.Para obtener el texto:
Primera línea.
Línea siguiente.Nuevo párrafo
puedo usar código html:
o bien, usar atajos tipográficos de spip:
Primera línea. _ Línea siguiente. Nuevo párrafo
Es recomendable usar los atajos tipográficos y puedes ontener información sobre los mismos en la propia Ayuda en línea de SPIP, a la que se accede desde el espacio privado.
Los más usados son:
Atajo Resultado Aclaraciones _ Salto de línea Guión bajo seguido de espacio Nuevo párafo Dejamos una o varias líneas en blanco { } cursiva {{ }} negrita {{{ }}} título
Deja línea en blanco antes y después ---- Línea horizontal de separación Pero hay muchos más:
Link o enlaces
– Hacia sitios externos
El códigoLa web [Matemáticas IES->http://lubrin.org/mat]
producirá:
La web– Hacia un artículo de nuestro sitio
El códigoPuedes visitar el [Índice->390] de capítulos
producirá:
Puedes visitar el Índice de capítulos– Hacia un glosario externo (por defecto la wikipedia)
El códigoLa localidad de [?Lubrín] está situada en ...
producirá:
La localidad de Lubrín está situada en ...– Hacia un ancla (zona concreta de la página)
El ancla debe existir en la forma [ancla<-]
Ponemos un ancla al principio y el enlace entonces quedaría así:Para ir al [principio->#inicio] del presente artículo
y se verá:
Para ir al principio del presente artículoNotas a pié de página [1]
– De forma automática [2] el siguiente código:
Los usuarios de Linux[[En realidad deberíamos llamarle GNU/Linux]] no tenemos problemas de virus.
producirá:
Los usuarios de Linux [3] no tenemos problemas de virus.– Manualmente, donde nosotros elegimos la numeración de la nota.
El código siguiente:
Mi número primo[[<13> forzando la numeración de la nota]] preferido ...
producirá:
Mi número primo [13] preferido ...Listas
Listas sin numerar
- uno - dos - tres
Resultado:
– uno
– dos
– tresListas numeradasr
-# uno -# dos -# tres
Resultado:
- uno
- dos
- tres
Listas ramificadas
- uno -* uno-1 -* uno-2 -** uno-2-1
Resultado:
– uno- uno-1
- uno-2
- uno-2-1
<code> , <quote> y <cadre>
<code>
texto bajo las etiquetas code
</code>
Resultado:texto bajo las etiquetas code
<cadre>
texto bajo las etiquetas cadre
</cadre>
Resultado:<quote>
texto bajo las etiquetas quote
</quote>
Resultado:texto bajo las etiquetas quote
Normalmente se suelen definir estilos con css para las tres etiquetas anteriores eligiendo un borde para recuadro, tipografía, fondo, etc.
Puedes ver este artículo con los formatos predefinidos de spip aquí: lubrin.org/probando_spip/spip.php?article4tablas
El código para una tabla es:
| {{ columna1}} | {{ columna2}} |{{ columna3}} | | fila1-1 | fila1-2 | fila1-3 | | fila2-1 | fila2-2 | fila2-3 | | fila3-1 | fila3-2 | fila3-3 |
Onteniéndose el resultado:
columna1 columna2 columna3 fila1-1 fila1-2 fila1-3 fila2-1 fila2-2 fila2-3 fila3-1 fila3-2 fila3-3 Consejos:
– si queremos la primera fila resaltada usar {{negritas}}
– No poner espacio trás la última barra vertical de cada filaHTML & Atajos Tipográficos de SPIP
A veces nos pueden surgir problemas cuando SPIP interpreta como atajo tipográfico algo que nosotros no queremos. Veamos un ejemplo:
Quiero escribir la expresión:
El conjunto B de números impares = {1, 3, 5, ...}
Sin embargo si escribo:
El conjunto B de números impares = {1, 3, 5, ...}
me mostrará:El conjunto B de números impares = 1, 3, 5, ...
porque las llaves { } las interpreta como el atajo para la cursiva. Debemos decirle a spip que esas llaves no son atajos.
Para que spip no interprete los atajos hay que usar las etiquetas <html> y </html>. Para conseguir lo deseado en el ejemplo anterior debemos escribir:El conjunto B de números impares = <html>{1, 3, 5, ...}</html>
Puesto que se ha hecho ya demasiado extenso, dejo los funciones avanzadas (insertar imágenes, revisar ortografía, fórmulas matemáticas, etc.) para un posterior artículo.
[08] Personalizando la portada en SPIP
En este artículo vamos a analizar la portada de nuestra web para estar en condiciones de modificarla.
Veamos la configuración de portada que trae SPIP por defecto, analizando el fichero sommaire.html. Para ello he dejado que se vea parte del código (en colores) en la página de pruebas. Observa las imágenes siguientes (también puedes verlo completo en lubrin.org/probando_spip)
Los códigos a analizar son:
– Los INCLURE para cabecera, pié de página y secciones
<INCLURE{fond=inc-entete}{lang}> <INCLURE{fond=inc-pied}{lang}> <INCLURE{fond=inc-rubriques}{lang}>
Las tres líneas anteriores serán sustuidas por el contenido de los ficheros inc-entete.html, inc-pied.html y inc-rubriques.html (estos ficheros están incluidos en el esqueleto). Por tanto si queremos modificar cabecera, pié o secciones de nuestra portada, tendremos que modificar los ficheros anteriores.
– Los estilos div id=, div class=, ..
<div id="contenu"> <div class="contre-encart"> <div class="encart"> <div id="navigation">
Separan las diferentes partes de la portada
– Los BOUCLES
<B_articles_recents> (Bucle últimos artículos) <B_articles> (Bucle resto de artículos) <B_breves> (Bucle de breves) <B_forums_liens> (Bucle de últimos comentarios) <B_syndic> (Bucle de sitios sindicados)
Si nos interesa, por ejemplo que los sitios sindicados aparezcan en la parte derecha, no tenemos más que quitar el boucle y ponerlo dentro de navigation:
<div id="navigation"> ... <B_syndic> bucles de sitios sindicados </B_syndic> ... </div> <!-- fin de navigartion -->
Evidentemente también se pueden eliminar bucles y/o añadir otros es incluso podemos añadir código html en cualquier parte de la página.
2006 - 2024 ► Matemáticas IES
Síguenos en [Youtube] [Twitter: @matematicasies] [Pinterest]
©Daniel López Avellaneda, licenciado en Ciencias Matemáticas (Contactar)
Mapa del sitio | RSS 2.0 | Privacidad | Cookies