FTP : installation et usage
Il est souvent demandé de mettre quelque chose à la racine du site. Mais où la trouver ?
On utilise un FTP (pour moi c’est FileZilla) (pour d’autres c’est FTP Expert).
On regarde dans le « site distant »
La racine, c’est là où on trouve :
CACHE
dist
ecrire
formulaires
IMG
(etc)
Avertissement : tout ceci a bien fonctionné tant que j’ étais en php3.
Maintenant que j’ai changé de version de spip, et que je suis en php, il faut adapter !
Un Squelette SPIP c’est l’ensemble des fichiers .html
Dans les versions SPIP ant ?rieures ? 1.9 chaque fichier .html est mis en mouvement par un fichier .php3
Par exemple :
article.html est mis en mouvement par article.php3
breve.html est mis en mouvement par breve.php3
Un fichier .php3 commence toujours par ..........
<?php
et se termine par .............?>
De très bonnes indications ici : http://www.spip-party.net/page.php3?fond=article&id_article=102
A partir de la version SPIP 1.9 le squelette c’est seulement l’ensemble des fichiers article.html, sommaire.html, plan.html etc.
Mais comment savoir les fichiers utilisés ? il suffit d’ écrire ..... &var_mode=debug à la fin de l’adresse.
Par exemple, la présente page a pour adresse :
http://www.journal-la-mee.fr/spip.php?article5007
mais si on met : http://www.journal-la-mee.fr/spip.php?article5007&var_mode=debug
on trouve que les squelettes utilisés sont : squelettes/article.html, dist/modeles/lesauteurs.html, dist/modeles/article_traductions.html, etc, etc.
Debug ? voir plus loin
Importer un squelette existant : Renley
On trouve le squelette de Renley ici.
J’ai eu du mal, mais àforce d’essayer « des choses », j’ai trouv ? cette fa ?on de faire :
1) t ?l ?charger un squelette voir ici
2) l’enregistrer sur le disque dur et le d ?-zipper
3) Alors j’ai regard ? ce qu’il y avait dedans.
J’y ai vu trois sous-dossiers :
– squelettes-renley
– IMAGES
– STYLES
J’ai envoy ?, avec FileZilla, les dossiers s ?par ?ment sur le site distant, ? la racine, et j’ai renomm ? « squelettes-renley » en « squelettes » (avec un s)
Cela m’a donn ? un message d’erreur
Warning : main(inc-public.php3) : failed to open stream : No such file or directory in homepages/11/d149162454/htdocs/spip-1-8-2-b/spip/squelettes/inc_balises_met
a.php3 on line 6
Transformer php3 en php
Je me suis dout ?e qu’il y avait un probl ?me avec le php3 : tous mes fichiers de d ?part sont en php (et pas en .php3 car je n’ai pas r ?ussi ? charger du php3 sur 1&1).
Il m’a fallu reprendre tous les fichiers .php3 de Renley, (il y en a une dizaine), les ouvrir et modifier ? l’int ?rieur, pour y mettre :
include (« inc-public.php ») ;
au lieu de include (« inc-public.php3 ») ;
(on modifie ? l’int ?rieur, mais pas le nom du fichier).
Cette simple modification, faite ? l’int ?rieur des fichiers .php3 fait que ?a fonctionne.
Si on avait un h ?bergeur qui accepte le php3 d ?s le d ?but, ce serait sans doute plus facile !
.htaccess
D’apr ?s les conseils qui m’ont ?t ? donn ?s sur les forums SPIP, il semble qu’il est plus facile de modifier le .htaccess. Mais je n’ai pas essay ?. Voir quelques indications plus loin
php ou php3 ?
De bonnes indications ici, en particulier sur MAC
Modifier le design - couleur de fond
Ce que je dis ci-dessous concerne le squelette de Renley, le seul que j’ai essay ?.
Il faut aller dans squelettes/styles et modifier le fichier style.css
Pour modifier la couleur de fond, il faut modifier le background de
#body
#page
#en-t ?te
#menu
#barre_lat ?rale
#pied_de_page
On peut mettre :
– soit une couleur, par exemple
background : #FF6600 ; (ici couleur orange)
– soit une texture, par exemple
background : url(« http://www.grsites.com/archive/textures/view/source=archive/id=229/ ») ;
Il faut ensuite, dans le m ?me fichier style.css changer la couleur de fond des articles. On cherche donc beaucoup plus bas, dans la partie typographie :
On trouve texte (et deux accolades)
On ajoute la couleur, ?a donne par exemple
texte (accolade)background : #FFF197 ; (accolade)
Ne pas oublier le # avant la couleur, et le ; en bout de ligne
Quand tout est pr ?t, exp ?dier style.css , par FTP, dans le site distant, dans squelettes/styles, et regarder ce que ?a donne ... pour pouvoir corriger !
On peut voir ce que cela donne en utilisant Firebug voir plus loin
EVA SPIP / UN AUTRE SQUELETTE SYMPA.
Ce qui est bien :
1) EVA contient les fichiers de SPIP, donc en installant Eva-web_v2-1, on installe aussi SPIP
_2) L’article sur internet est tr ?s bien d ?taill ?.
Ce qui n’est pas bien .... c’est que c’est du php3 et que ?a ne va pas sur 1and1. J’ai essay ? de modifier htaccess.txt mais je n’ai pas r ?ussi.
Squelette de @-Brest
Finalement, ?tant sur 1and1 qui n’accepte pas le php3, j’ai tout vir ? : SPIP, Renley, Eva, qui se trouvaient sur le site distant.
Puis j’ai r ?install ? SPIP en php, et j’ai configur ?.
Puis je suis all ?e chercher le squelette de Brest, en php.
Je l’ai t ?l ?charg ? et d ?-zipp ?. En l’ouvrant j’ai trouv ? dedans :
– squelette
– readme (fichier qui explique bien les choses)
J’ai ouvert « squelette » et j’ai trouv ? dedans :
css
interface
actualit ?s.html
actualit ?s.php
etc.
C’est donc ces fichiers que j’ai exp ?di ?s par FTP sur le site distant, ? la racine. Quand c’est fait (assez rapide), on trouve alors � la racine :
CACHE
css
dist
ecrire
formulaire
IMG
interface
actualit ?s.html
actualit ?s.php
etc.
Il reste ? faire (quelque chose de semblable ? ceci) :
http://s14183945.onlinehome.fr/spip/ecrire
pour trouver le mod ?le correspondant au squelette de Brest. Il reste ? le mettre ? son go ?t avec les indications donn ?es dans le fichier « readme »
C’est finalement TRES SIMPLE
Modifier l’en-t ?te de la page
Il faut aller chercher le fichier inc_header.html
1) ouvrir ce fichier
2) faire : affichage / code source de la page
3) faire : fichier/copier ce code source
4) ouvrir un « bloc-note » (notepad ou autre chose)(1) et faire fichier/coller
5) modifier comme on veut.
Moi ?a me donne ceci :
⚠️
Explications :(header en anglais ?a veut dire : t ?te)
a) j’ai mis br / br / au d ?but car je voulais descendre le bandeau, qu’il ne soit pas trop coll ? en haut de page
b) Entre table> et /table> j’ai fait un tableau d’une ligne, une colonne, sans bordure, centr ?, o ? j’ai mis l’image que j’ai fabriqu ?e : « bandeau-mee.png »
[cette image il ne faut pas oublier de l’exp ?dier dans le site distant, dans le dossier interface]
c) J’ai indiqu ? ce que je voulais, par exemple : l’accueil ? l’article 1 :
a href=« article.php ?id_article=1 »>Accueil
on aurait pu le mettre aussi ? la rubrique 2 :
a href=« rubrique.php ?id_rubrique=1 »>Accueil
d) j’ai enregistr ? le tout sous le nom inc_header1.txt
e) j’ai envoy ? inc_header1.txt, sur le site distant, ? la racine.
j’ai supprim ? le inc_header.html existant (ou du moins je l’ai renomm ? #inc_header.html pour ne pas le perdre au cas o ?)
et j’ai renomm ? inc_header1.txt avec le nom : inc_header.html
Et voil�, ?a marche. C’est TRES simple.
Pied de page
Il faut modifier le fichier inc_footer.html
de la m ?me fa ?on que ci-dessus.
Pour moi voici ce que j’ai mis :
⚠️
Squelette Epona
Bien lanc ?e, j’ai voulu installer un autre squelette. Ca devient de plus en plus facile quand on en a fait plusieurs, diff ?rents.
Pour ne pas perdre le squelette @Brest, qui me pla ?t bien, j’ai install ? EPONA dans un autre SPIP. C’est-�-dire que :
– sur le site distant, j’ai renomm ? SPIP en SPIP1
– sur le site distant, j’ai install ? un nouveau SPIP que j’ai appel ? SPIP2. Il reste ? appeler :
http://s14183945.onlinehome.fr/SPIP2/ecrire
et ? configurer ce nouveau SPIP. Comme ci-dessus. Facile.
Je suis all ?e chercher le squelette EPONA, toujours en php, je l’ai trouv ? ici
J’ai t ?l ?charg ?, d ?zipp ? et cela m’a donn ? un dossier intitul ? : epona-sq30-php . J’ai ouvert ce fichier et j’ai trouv ? deux dossiers :
– 1) ecrire (avec dedans : epona_conf.php et mes_options.php)
– 2) squelettes (avec dedans un dossier « epona »)
Alors j’ai exp ?di ? :
– 1) les deux fichiers epona_conf.php et mes_options.php dans « ecrire » du site SPIP2
– 2) le dossier squelettes ? la racine du site SPIP2.
on trouve alors, ? la racine de SPIP2 :
CACHE
dist
ecrire
formulaires
IMG
oo
squelettes
agenda.php
article.php .... etc
On appelle alors :
http://s14183945.onlinehome.fr/SPIP2/ecrire/epona_conf.php
et il est propos ? « configurateur Epona v3 ». J’ai choisi : aller ? la page d’accueil. Je ferai le reste une autre fois.
Modifier logo
A gauche je vois un logo « Epona » et une adresse.
Sur mon ordinateur, je reviens dans le squelette d’Epona, je l’ouvre, je trouve encore Epona, j’ouvre ? nouveau et je trouve « logo.jpg ». Je supprime ce fichier et je mets mon logo ? moi, (sour le noom logo.jpg) en ne d ?passant pas les dimensions initiales c’est-�-dire 165 pixels sur 151 pixels.
Puis je vais chercher le fichier inc-logo.html.
je le renomme #inc-logo.html pour me le conserver (au cas o ?)
je l’ouvre
j’affiche le code source
J’y vois ceci :
⚠️
Mon titre
Mon nom
Adresse
Telephone 01 32 50 12 97
Il n’y a plus qu’� changer : titre, nom, adresse, t ?l ?phone
puis : enregistrer sous .... inc-logo.txt
et renommer : inc-logo.html
Il n’y a plus qu’� exp ?dier le nouveau logo.jpg, et le nouveau inc-logo.html, sur le site distant SPIP2, dans squelettes/epona.
Et voil� ! A suivre.
On trouve des indications int ?ressantes ici :
– http://www.spip-contrib.net/Squelette-Epona-version-3
– [http://spip-epona.org/spip.php?article5]
C’est quoi les CHMOD (droits d’acc ?s)
chmod .... c’est l’abr ?viation de « change mode » C’est ce qui autorise la lecture, l’ ?criture et l’ex ?cution des dossiers et fichiers, c’est ce qui les s ?curise aussi ;
Voir d’excellentes explications ici :
Pour changer les chmod d’un fichier il faut faire un clic droit, et cliquer sur « attributs du fichier » ou « permissions du fichier ». Il est alors facile de changer les chmod en tapant le nombre d ?sir ? dans le petit cadre blanc qui se trouve au milieu, en bas.
le r ?pertoire racine « public_html » ou « www » doit avoir un chmod 750.
les r ?pertoires dans le r ?pertoire-ravine doivent avoir au maximum le chmod 755.
les fichiers dans le r ?pertoire-racine doivent avoir au maximum le chmod 644.
Quand un script indique « mettez tel r ?pertoire en chmod 777 », ne le faites pas, plusieurs personnes se sont fait avoir.
777 = tout le monde peut y acc ?der,
755 : vous mais pas les autres.
Lire une documentation chez l’h ?bergeur Archive-host
Modifier les squelettes
D’apr ?s les conseils qui m’ont ?t ? donn ?s, il vaut mieux conserver les fichiers .html ? la racine (quitte ? les renommer articleORI.html, rechercheORI.html, etc, ORI comme original) et mettre les fichiers transform ?s dans le dossier squelettes.
Il faut renommer celui qui est dans /squelettes et ne faudra pas oublier de l’appeler dans les squelettes.. Mais comment faire ? D’apr ?s les explications de jean-Christophe V. il faut faire comme ?a :
Par exemple, pour un fichier style_spip modifi ? :
le style_spip.css qui est dans le dossier squelettes, le renommer : style_spip_BP.css (ou autre chose !)
Ecrire ensuite la phrase :
⚠️
mettre cette phrase entre et
dans tous les squelettes o ? l’on veut utiliser cette feuille de style. Par exemple dans les fichiers article.html, auteur.html, breve.html, forum.html, login.html, mot.html, plan.html, recherche.html, resume.html, rubrique.html, site.html, sommaire.html.
quand ces fichiers sont modifi ?s, les renvoyer dans le site distant, dans la partie squelettes
(ne pas oublier de neutraliser la ligne existante qui est :
⚠️
Pour la neutraliser, il suffit de la « commenter » c’est ? dire d’ ?crire apr ?s la phrase.
Autre avantage du syst ?me : on peut envisager des squelettes avec certains styles pour les liens, les cadres ... et d’autres squelettes avec d’autres styles pour les liens , les cadres ... il suffit d’avoir deux ou plus feuilles de style.
Des squelettes sp ?ciaux
On peut faire un squelette sp ?cial pour la rubrique 1, il suffit pour cela de modifier article.html et d’appeler article-1.html le fichier transform ?. Envoyer alors article1.html dans « squelettes » (sans effacer article.html) et alors, tous les articles de la rubrique 1 auront la m ?me pr ?sentation.
On peut faire un autre squelette sp ?cial pour la rubrique 2, il suffit pour cela de modifier article.html et d’appeler article-2.html le fichier transform ? (et faire comme ci-dessus).
Et comme ?a pour les rubriques qu’on veut.
Le squelette a fait des petits en couleur
Sarka spip
Trè ?s bien ce squelette car très logique.
