Fil dels
Apunts
Comentaris

Word Press

Html. Marcs utilitzats al bloc

Categories: Bloc de Notes, HTML, Word Press Data: gen 28th, 2010

M’ha semblat útil fer algunes parts del bloc en marcs. Especialment les que recullen enllaços a altres webs, per exemple el marc de diaris. Això permet navegar còmodament per tots els sense abandonar la finestra principal.
Com s’aconsegueix això? Simplement es crea una pagina de definició de marcs. Aquesta pàgina indica al navegador que ha de dividir la pantalla en dues parts (o les que siguin) anomenades marcs, i que a cada una ha de mostrar una pàgina html diferent.
Pagina de definició de marcs (per example index.html)

HTML:
  3. <title>diaris</title>
  4. </head>
  5.  
  6. <frameset cols="22%,*">
  7. <frame name="diaris"  src="diaris.htm" >
  8. <frame name="principal" src="principal.htm">
  9. </frameset>
  10.  
  13.  
  14. </body>
  15. </noframes>
  16.  
  17. </html>

Marc esquerr (diaris.html)

HTML:
  3. <title>llistat de diaris</title>
  4. </head>
  6. <p><a href="http://www.beseit.net/" target="_top">home</a></p>
  7. <p><a href="http://www.avui.cat" target="principal">avui</a></p>
  8. </body>
  9. </html>

Marc dret (area reservada per a mostrar el diari escollit)

HTML:
  3. <title>principal</title>
  4. <style type="text/css">
  5. .style1 {
  6.     font-size: large;
  7.     color: #0000FF;
  8.     text-align: center;
  9. }
  10. .style2 {
  11.     font-size: x-large;
  12.     color: #0000FF;
  13.     text-align: center;
  14. }
  15. </style>
  16. </head>
  18. <p class="style1">&nbsp;</p>
  19. <p class="style1">&nbsp;</p>
  20. <p class="style1">&nbsp;</p>
  21. <p class="style2"><strong>Punxa a la esquerra lo diari que vulguis fullejar. </strong></p>
  22. </body>
  23. </html>

deixar un comentari /editar »

Pujar el bloc a localhost

Categories: Bloc de Notes, Word Press Data: des 26th, 2009

  • Hi ha que pujar totes les carpetes del blog al servidor local C:\AppServ\www\beseit (per exemple).

No oblidar de modificar el fitxer wp-config.php

define('DB_NAME', 'beseitne_totenun');    -> beseit

define('DB_USER', 'beseitne_urkizu');     ­-> root

Entra a MySQL i crear la BD beseit. Si ja esta creada barrar totes les taules.

Importar el arxiu de BD que tenim guardat  al directori de bakup

No oblidar de fer el següents canvis a la taula wp_1options:

Siteurl: http://localhost/beseit

Home: http://localhost/beseit/

Tot i això hi ha que tindre en compte  que les imatges i fitxers multimèdia han quedat apunt a la carpeta wp-content/uploads

deixar un comentari /editar »

Backup del bloc

Categories: Bloc de Notes, Word Press Data: des 26th, 2009

Si tard o d’hora no es vols perdre la informació  del blog, es necessari fer un backup. El contingut del blog es guarda en dos parts

  • Fitxers a la carpeta public_html del servidor
  • Bases de dades MySql  gestionables mitjançant cpanel si el proveïdor del servidor te aquesta eina. En cas de un servidor local es pot tenir phpMyAdmin Database Manager Version 2.10.3

Cpanel subministra les eines per a fer aquest backups del servidor i guardar-los al   PC local. Totes les entrades del blog així com link es guarden a la BD. Si fem un canvi al tema  ja sigui MistyLook o un altre es modifica public_html.

deixar un comentari /editar »

Documentació del meu Blog

Categories: Bloc de Notes, Word Press Data: des 14th, 2009

Plantilles utilitzades al blog en lo theme mistyLook:

Archive.php  -> Totes les entrades independentment de la categoria. La plantilla mira quina categoria es per a mostrar una imatge  o un altra.

Page.php -> Pagina inici. Te la presentació del blog

Plantilla_main_pag.php -> pagines de nivell 1. Te la barra lateral

Plantilla_secn_pag.php -> pagines de nivell 2. Sense barra lateral

 

  • Edició de la plantilla:  MistyLook\archive.php

Substituir “Llegir l'apunt sencer »”  per  “fer un comentari»”

HTML:
  1. <a title="Enllaç permanent a &lt;?php the_title(); ?&gt;" rel="bookmark" href="http://www.beseit.net/wp-admin/&lt;?php the_permalink() ?&gt;">Fer un comentari / editar »</a>

  • Canviar la imatge de la pagina d’inici

La foto de capçalera la gestiona la funció interna de WP get_header()  i sembla difícil treure-la en lo tema MistyLook he fet el següent truc: li he posat dimensió cero dintre de stile.ccs

HTML:
  1. #headerimage {
  2. clear: both;
  3. background: #fff url(img/misty.jpg) no-repeat 0 0 center;
  4. margin: 10px; color: #fff;
  5. height: -10px; en looc de 200px
  6.  
  7. Tambe font:
  8.  
  9. 86%/1.6em verdana, tahoma, arial,  sans-serif;
  10.  
  11. #container {
  12.  width: 880px;
  13.  
  14. #content-main {
  15.  width: 620px;

Ara es pot afegir la que convingui. modificant la plantilla page.php

HTML:
  1. <!--p get_header()-->
  2. <img src="wp-content/themes/MistyLook/img/misty.jpg" alt="" width="760" height="200" />

Aquesta plantilla conte:

HTML:
  1. <!--php get_header()-->
  2. <span><img src="wp-content/themes/MistyLook/img/misty.jpg" alt="" width="760" height="200" /></span>
  3. <table class="style1" style="width: 100%;" border="0">

deixar un comentari /editar »