[Tutoriel] Comment crée des pages personnalisé !

Salut tout l'monde cette fois si je vais vous expliquer comment crée une page un peu plus personnalisé !
A vous de juger avec c'est screenshot :
/!\ JE PRÉCISE QUE JE NE CRITIQUE EN RIEN L’ÉDITEUR DE PAGE DU CMS) /!\
/!\ SI VOUS CREE VOS PAGES DEPUIS LA BDD LE CREATEUR DE PAGE DU CMS VA ÊTRE BUGER (100% fonctionnelle mais la modification de pages impossible) /!\
Page classique : (Pour l'exemple la page banlist)

Page personnalisé : (Pour l'exemple la page de download de mon launcher)

Commençons par quelque explication :
Pour crée une page personnalisé je n'utilise pas le créateur de page classique disponible dans le panel du CMS (Je ne sais pas si on peux en crée des comme celle la d'ailleurs, si on peux sorry) Les pages crée avec le panel ne se trouve pas dans le dossier pages de votre site -> (./theme/votretheme/pages)
Les pages que vous crée sont dans votre base de donnée dans la table cmw_pages

Cadre noir : Liste des table
Cadre rouge : La table cmw_pages qui nous intéresse



Quand vous cliquez sur cmw_pages cette page apparait :

Cadre noir : Vos pages crée depuis le créateur de page.
Cadre rouge : Ma page modifié.



Maintenant cliquez sur le "Modifier" sur la ligne de la page que vous voulez changer.
Cette page s'affiche alors :


Cadre noir : L'ID de votre page ne le modifié pas.
Cadre rouge : Le titre de votre pages (Il se trouve dans l'url de la pages : Merci de vous Connecter/S'inscrire pour voir les liens.Launcher
Cadre bleu : Le contenu de votre pages (La pour l'exemple elle contient tout ce qu'il y a sur ma page de download du launcher)

Ce qui nous intéresse aujourd'hui c'est le contenu de la page donc vous aurez compris le cadre bleu.

Donc pour ne pas vous embrouiller j'ai tout supprimé le contenu de ma page et je recommence tout à 0 le contenu

Alors commençons par ajouter un titre (Ce n'est pas obligatoire mais c'est plus propre)
/!\ JE NE PARLE PAS DE LA COLONNE TITRE MAIS JUSTE D'AJOUTER UN TITRE DANS LE CONTENU DE MA PAGE /!\

Genre ça :


L'ajout d'un titre ce fait comme ça :​

HTML:

<h1 class="titre"><center>Votre titre</center></h1>

Donc pour le moment ça donne ça le contenu de votre pages

Cadre noir : Permet d'agrandir la page contenu

Maintenant ajoutons un petit cadre bleu pour mettre une sorte de sous titre comme ça : ​

HTML:

<div class="panel panel-primary">

  <div class="panel-heading">
    <h3 class="panel-title"><h4 style="color: white;"><center>Votre phrase de sous titre</center></h4></h3>
  </div>

Donc pour le moment ça donne :




Suite au prochain post​

 

Suite :

Maintenant ajoutons du contenu dans mon cas c'est des image cliquable pour download mon launcher
​

HTML:

<div class="panel-body">

<p><center><strong>

<a href="./SweetLifeCraft.exe"><img  src="./win.png" /></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="./SweetLifeCraft.jar"><img  src="./apple.png" /></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="./SweetLifeCraft.jar"><img  src="./lin.png" /></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="./SweetLifeCraft.jar"><img  src="./java.png" /></a>

</strong></center></p>

  </div>
</div>

Voila ce que donne la page complète au niveau sql :

Quelque truc utile :​

Spoiler: Pour un lien avec image cliquable :

HTML:

<a href="votre lien"><img src="votre image"/></a>

Spoiler: Pour un lien classique vous pouvez faire :

HTML:

<a href="votre lien"> Le texte cliquable </a> 

Spoiler: Un texte classique

HTML:

<p> Votre texte </p>

Spoiler: Une image

HTML:

<img src="votre image">

Spoiler: Balise utile

HTML:

<br /> // Sert à passer une ligne
<center> votre textre </center> // Sert à centrer le texte
&nbsp; // Sert à faire un espace (utilisé pour faire un espace entre mets image pour mon cas)

Si vous tester votre pages vous remarquerez que votre titre s'affiche deux fois est bien il vous suffit d'aller dans le fichier pages de votre thème est d'ouvrir le fichier standard.php avec notepad++ -> (./theme/votretheme/pages/standard.php)

Vous n'avez plus cas supprimé la ligne qui se trouve dans le cadre noir est enregistré votre fichier pour supprimé le titre qui s'affiche en trop.


Il ne vous reste plus cas relier votre page au menu comme ceci : ?page=Le titre de votre page (Dans la colonne titre de votre table cmw_pages)



PS : Pour crée une page depuis votre BDD c'est comme ceci

Cliquez sur insérer vous tomberez alors sur cette page :


Inutile de vous expliquez comment remplir cette page vous le savez déjà !
(Juste inutile de remplir la case ID elle se remplit automatiquement quand vous cliquez sur exécuter)
PS : Vous avez deux "formulaire" pour crée votre page, remplissez uniquement le premier

Voila c'est la fin de ce long tutoriel j'espère qu'il vous aideras.
Cordialement, Frozen​

 

C'est grâce au "class="container" dans le css il doit être dit que pour toutes les classes "container" les polices sont celles par défaut. (Je suppose parce que j'ai pas vérifier dans le code directement ^^)