https://lubrin.org/ es SPIP - www.spip.net https://lubrin.org/local/cache-vignettes/L144xH59/siteon0-86d4a.jpg?1772811323 https://lubrin.org/ 59 144 https://lubrin.org/Un-sencillo-esqueleto-para-SPIP https://lubrin.org/Un-sencillo-esqueleto-para-SPIP 2007-05-06T00:35:33Z text/html es dani esqueletos <p>Estoy desarrollando un sencillo esqueleto para SPIP. Si quieres probarlo ..</p> - <a href="https://lubrin.org/SPIP" rel="directory">SPIP</a> / <a href="https://lubrin.org/esqueletos" rel="tag">esqueletos</a> <img src='https://lubrin.org/local/cache-vignettes/L150xH50/arton138-f8415.png?1772829140' class='spip_logo spip_logo_right' width='150' height='50' alt="" /> <div class='rss_texte'><p>El esqueleto tiene este aspecto:</p> <div class='spip_document_245 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://lubrin.org/IMG/png/captura_esqueleto_Linux_Firefox_2.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://lubrin.org/local/cache-vignettes/L500xH408/captura_esqueleto_Linux_Firefox_2-42692.png?1772829140' width='500' height='408' alt='' /></a> </figure> </div> <div class='spip_document_246 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://lubrin.org/IMG/png/captura_esqueleto_Linux_Firefox_2b.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://lubrin.org/local/cache-vignettes/L500xH408/captura_esqueleto_Linux_Firefox_2b-2f4fb.png?1772829140' width='500' height='408' alt='' /></a> </figure> </div> <p>Toda la información del esqueleto se encuentra en <a href="http://lubrin.org/esqueleto" class="spip_url spip_out" rel="external">http://lubrin.org/esqueleto</a></p></div> https://lubrin.org/Modificando-el-esqueleto-rubrique https://lubrin.org/Modificando-el-esqueleto-rubrique 2007-04-11T23:00:26Z text/html es dani código esqueletos <p>Aprenderemos a entender la estructura del esqueleto rubrique.html, que controla las secciones de nuestra web. Además veremos cómo crear secciones especiales.</p> - <a href="https://lubrin.org/SPIP" rel="directory">SPIP</a> / <a href="https://lubrin.org/codigo" rel="tag">código</a>, <a href="https://lubrin.org/esqueletos" rel="tag">esqueletos</a> <img src='https://lubrin.org/local/cache-vignettes/L97xH78/arton127-f25b0.png?1772813992' class='spip_logo spip_logo_right' width='97' height='78' alt="" /> <div class='rss_texte'><p>Un esqueleto consta de varios ficheros, entre ellos los de extensión html. Me ocupo en este artículo del fichero <strong>rubrique.html</strong> encargado de controlar la estructura de nuestras secciones (la web que nos aparece cuando hacemos clic en alguna de las secciones).</p> <p>[(Recuerde que debe trabajar con su rubrique.html de la carpeta /squelettes. Si no tiene esa carpeta, debe crearla y poner en ella una copia del fichero /dist/rubrique.html)]</p> <p><span class="spip-puce ltr"><b>–</b></span> [*Modificar todas las secciones*]: para ello debemos editar el fichero /squelettes/<strong>rubrique.html</strong></p> <p><span class="spip-puce ltr"><b>–</b></span> [*Modificar una sección determinada*]: para ello debemos crear el fichero /squelettes/<strong>rubrique=x.html</strong> como una copia de rubrique.html y después modificarlo.</p> <p><span class="spip-puce ltr"><b>–</b></span> [*Modificar una sección y todas sus subsecciones*]: para ello debemos crear el fichero /squelettes/<strong>rubrique-x.html</strong> como una copia de rubrique.html y después modificarlo.</p> <p>Sustituya 'x' por el número de la sección.</p> <p>En cualquier caso partimos de un rubrique.html que tiene la siguiente estructura:</p> <div class='spip_document_221 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <img src='https://lubrin.org/local/cache-vignettes/L457xH530/esqueleto2-d4e6c.png?1772829140' width='457' height='530' alt='' /> </figure> </div> <p>Las partes anteriores están delimitadas en el código por etiquetas del tipo:<br></p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><div class="contre-encart"> ... </div><!-- fin contre-encart --></code></pre></div> <p>Los principales bucles que aparecen en las anteriores zonas son:</p> <p><code class='spip_code spip_code_inline' dir='ltr'><B_articles></code><br class='autobr' /> los artículos de la sección</p> <p><code class='spip_code spip_code_inline' dir='ltr'><B_documents_joints></code><br class='autobr' /> los documentos adjuntos de la sección</p> <p><code class='spip_code spip_code_inline' dir='ltr'><B_breves></code><br class='autobr' /> las breves de la sección</p> <p><code class='spip_code spip_code_inline' dir='ltr'><B_sites></code><br class='autobr' /> los sitios sindicados de la sección (contienen las noticias de cada sitio)</p> <p><code class='spip_code spip_code_inline' dir='ltr'><INCLURE{fond=inc-rubriques}{id_rubrique}></code><br class='autobr' /> el menú de navegación lateral de las secciones (es una llamada al fichero inc-rubriques.html el cual controla el menú de secciones)</p> <p><code class='spip_code spip_code_inline' dir='ltr'><B_Mots></code><br class='autobr' /> las palabras clave de la sección</p> <p>En la siguiente imagen se puede observar la distribución de los mismos:</p> <div class='spip_document_223 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <img src='https://lubrin.org/local/cache-vignettes/L500xH583/esqueleto3-dce47.png?1772829140' width='500' height='583' alt='' /> </figure> </div> <p>Parte del código en esquema es el siguiente:</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><div class="contre-encart"> [(#REM) Articles de la rubrique ] <B_articles> . . . </B_articles> . . . <//B_articles> [(#REM) Documents joints a la rubrique ] <B_documents_joints> . . . </B_documents_joints> </div><!-- fin contre-encart --> <div class="encart"> [(#REM) Breves du secteur ] <B_breves> . . . </B_breves> [(#REM) Sites de la rubrique ] <B_sites> . . . </B_sites> [(#REM) Proposer un site ] #FORMULAIRE_SITE </div><!-- fin encart --> <div id="navigation"> ... </div><!-- fin navigation --></code></pre></div><h2 class="spip">Ejemplo práctico</h2> <p>Supongamos que queremos dedicar una sección especial a noticias sindicadas. Será la sección 13 y no tendrá artículos, ni breves, ni palabras clave, ni documentos adjuntos.</p> <p><span class="spip-puce ltr"><b>–</b></span> Hacemos una copia de rubrique.html, la renombramos a rubrique-13.html y la ponemos en /squelettes</p> <p><span class="spip-puce ltr"><b>–</b></span> Ahora editamos el fichero /squelettes/rubrique-13.html</p> <p><span class="spip-puce ltr"><b>–</b></span> Copiamos el bucle <br><code class='spip_code spip_code_inline' dir='ltr'> <B_sites> .. </B_sites> </code> <br> y lo pegamos justo delante de la etiqueta <br><code class='spip_code spip_code_inline' dir='ltr'> <div class="contre-encart"> </code>.</p> <p><span class="spip-puce ltr"><b>–</b></span> Borramos los bloques encart y contre-encart</p> <p><span class="spip-puce ltr"><b>–</b></span> Aumentamos el número de noticias sindicadas a 12</p> <p>Quedará de la siguiente forma:</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code> [(#REM) Sites de la rubrique ] <B_sites> <div class="syndic"> <h2 class="menu-titre"><:sur_web:></h2> <ul> <BOUCLE_sites(SITES) {id_rubrique} {par nom_site}> <li><a href="[(#ID_SYNDIC|generer_url_site)]">#NOM_SITE</a> <B_syndic> <ul> <BOUCLE_syndic(SYNDIC_ARTICLES) {id_syndic} {age<180} {par date}{inverse} {0,12}> <li><a href="#URL_ARTICLE" class="spip_out">#TITRE</a></li> </BOUCLE_syndic> </ul> </B_syndic> </li> </BOUCLE_sites> </ul> </div> </B_sites> <!-- encart y contre-encart borrados de aquí --> <div id="navigation"> ... </div><!-- fin navigation --></code></pre></div> <p><span class="spip-puce ltr"><b>–</b></span> Podemos añadir la baliza #DESCRIPTIF si queremos que aparezca también un resumen de cada noticia sindicada.</p> <p><span class="spip-puce ltr"><b>–</b></span> Otra opción es cambiar el estilo: sustituyendo class=<i>"syndic"</i> por class=<i>"liste-articles"</i></p></div>