Comment insérer un bouton dans une page ?

[Dreg 7]

Bonjour, tout est dans le titre

Je vois comment modifier le style du bouton.. mais pour l'insérer ?
Dominique

[roger 302]

Salut @Dreg,

Ttu as une partie de solution à l'endroit où la première fois tu a poser cette idée...pour ton bouton imprimer la page...

mais il faudrait dans ce cas précis ici que tu nous précise quel bouton (sa fonction première) tu veux mettre dans ta page et où tu veux le placer dans ta page (header/footer ou ailleurs) bien entendu.

Roger

Modifié 29 décembre 2020 par roger

[Dreg 7]

OOOk merci roger, je cherchais dans l'éditeur le moyen d'insérer un bouton.. (je suis fénéant) mais s'il faut le faire a la mano on va le faire à la mano..

La fonction souhaitée est un lien vers une page du site.

 

Modifié 29 décembre 2020 par Dreg

[roger 302]

il y a une heure, Dreg a dit :

je cherchais dans l'éditeur le moyen d'insérer un bouton.. (je suis fénéant)

Je vais te rendre encore plus courageux....en te faisant "bosser un tiot peu"

 

L'éditeur tinymce ne te proposera pas la fonction, par contre tu peux ruser et utiliser les Templates dans l'éditeur....

 

1° Sur ton bureau tu crées un fichier que tu nomme " bouton.txt " (une fois que tu auras copié le code que je vais te donner, il te faudra le renommer avec l'extension .html)

Entre ceci dans le fichier bouton.txt:

<div class="row">
	<div class="col2">
<p><a href="/Z10400/accueil"><button>Cliquez Ici</button></a></p>
	</div>
</div>

Tu enregistre la modif et tu renomme ton fichier en bouton.html

 

2° Tu envoies ce fichier dans le dossier des templates du tinymce en ligne (  /core/vendor/tinymce/templates )

 

3° tu ouvres maintenant le fichier init.js situé ici :

/core/vendor/tinymce/

 

- Dans le fichier tu recherches ces lignes:

	// Templates
	templates: [
		{
			title: "Bloc de texte",
			url: baseUrl + "core/vendor/tinymce/templates/block.html",
			description: "Bloc de texte avec un titre."
		},
		{
			title: "Effet accordéon",
			url: baseUrl + "core/vendor/tinymce/templates/accordion.html",
			description: "Bloc de texte avec effet accordéon."
		},

Et pour avoir ton bouton tout en haut de la liste dans le choix des templates, tu ajoutes ceci:

	// Templates
	templates: [
		{
			title: "Un bouton lien vers...",
			url: baseUrl + "core/vendor/tinymce/templates/bouton.html",
			description: "Bloc de texte avec un titre."
		},

Tu auras alors un truc du genre...

	// Templates
	templates: [
		{
			title: "Un bouton lien vers...",
			url: baseUrl + "core/vendor/tinymce/templates/bouton.html",
			description: "Bloc de texte avec un titre."
		},
		{
			title: "Bloc de texte",
			url: baseUrl + "core/vendor/tinymce/templates/block.html",
			description: "Bloc de texte avec un titre."
		},
		{
			title: "Effet accordéon",
			url: baseUrl + "core/vendor/tinymce/templates/accordion.html",
			description: "Bloc de texte avec effet accordéon."
		},

Tu peut si tu veux changer la description "bloc de texte...." par "bouton vers un lien" pour faire plus classe

 

Voila tu viens de créer un bouton qui sera déjà prérempli vers une page du zwii.

 

4° quand tu rédiges ta page, tu fait appel au template "bouton" depuis la barre°  d'outil.

 

5° Ton bouton apparaît alors en visu dans ton post.*

 

6° Tu cliques sur code source pour changer le lien pour celui que tu veux

<div class="row">
		<div class="col2">
				<p><a href="/Z10400/accueil"><button>Cliquez Ici</button></a></p>
		</div>
</div>

et tu enregistres le tout...et pi c'est tout.

 

Vieille astuce de Roger que je te confie là.

[Dreg 7]

Hoaouw merci Roger ! Il va falloir que je regarde ça à tête reposée, j'ai bien peur que ça dépasse mais faibles "compétences".. si on peut appeler ça comme ça  En tous cas je ne manquerai pas de m'y pencher (ça semble bien détaillé) dès que j'aurai un peu de temps devant moi. pas tout de suite.. taf oblige.. Sans compter les copier/coller de mes centaines de pages pour la migration du site.. c'est mal barré cette migration.. 

@+

Modifié 30 décembre 2020 par Dreg