TinyMCE editor

TinyMCE, c'est quoi ?
Tiny Moxiecode Content Editor
TinyMCE is a platform independent web-based JavaScript HTML WYSIWYG
editor control released as open source under LGPL.
TinyMCE enables you to convert HTML textarea fields or other HTML elements to editor instances.
fr.wikipedia.org/wiki/TinyMCE

Il s’agit de l’outil que vous utiliser pour éditer le contenu de vos pages.
tinyMCE-advance


TinyMCE standard + advanced

Document1 - Microsoft Word_23

L’éditeur standard de WordPress est assez sobre, nous vous en proposons une version enrichie grâce à un package de plugins pré-installés.

  • TinyMCE Advanced
    Enables advanced features and plugins in TinyMCE, the visual editor in WordPress.
  • TinyMCE Color Grid
    Extends the TinyMCE color picker with custom and more colors.
  • WP Canvas – Shortcodes
    A family of shortcodes to enhance site functionality.
  • Shortcodes Ultimate
    Ajoute à ton thème un nombre impressionnant de shortcode

La liste de ces plugins n’est pas forcément exhaustive, vous êtes autorisé à en ajouter d’autres.

Vous trouverez ci-dessous des exemples variés des possibilités offertes, les fonctionnalités derrière chaque icône.

Listes

  • a
  • b
  • c
  • a
  • b
  • c
  • a
  • b
  • c

  1. a
  2. b
  3. c
  1. a
  2. b
  3. c
  1. a
  2. b
  3. c
  1. a
  2. b
  3. c

Justification du texte

Texte à gauche

Texte centré

Texte à droite

Depuis sa création, l’Institut Pierre Simon Laplace accorde beaucoup d’importance aux données. Données d’observations issues de IPSL campagnes sur le terrain, données d’observation satellites, données issues de simulation, toutes les données associées aux recherches de l’IPSL nécessitent d’être disponibles, qualifiées, documentées et diffusées largement. De plus, dans le cadre des études menées par l’IPSL, la priorité a été mise sur l’accès à des ressources calcul au plus près des données afin d’en faciliter leur analyse et leur exploitation par les scientifiques de l’IPSL.

Indentation

Mise en forme du texte

gras B

italic I

Souligner U

Barrer ABC

Exposant X2

Indice X2

paragraphe

citation

Texte dans un élément div
pre un bloc pour insérer 
des données text

<?php echo 'code source php ou autre' ?>

 

Insertion

  • Cractère spécial

πℜŒ€♣

  • Balise lire la suite

  • [icon name= »smile-o » class= » » unprefixed_class= » »] Emoticon

😆 🙄

  • _ Ligne horizontale

  • [icon name= »anchor » class= » » unprefixed_class= » »] Ancre

Ancre (le lien vers l’adresse URL #ancre1 scroll la page sur cette ancre)

  • Break page

Pages: 1 2 3 4 5 6 7 8 9 10 11 12

  • [icon name= »clock-o » class= » » unprefixed_class= » »] Date heure

11:20:42

2016-07-27

11:20:56 AM

07/27/2016

  • Espace insécable (entité html correspondant au caractère espace « &nbsp; »)
  • [icon name= »link » class= » » unprefixed_class= » »] Lien

IPSL

  • [icon name= »table » class= » » unprefixed_class= » »] Tableau
prenom Henri
nom Iett
  • [icon name= »file-image-o » class= » » unprefixed_class= » »] Image
Climat
Mauvais temps sur la planète
  • [icon name= »file-video-o » class= »video-small » unprefixed_class= » »] Video


Shortcode ultimate

Document1 - Microsoft Word_24

heading

Heading text

list

  • Contenu
  • Contenu
  • Contenu

expand

youtube

box color

C’est le titre de la boite
Energie
Agriculture et écosystèmes
Eau
Santé
Assurances – Finance
Médias – Collectivités – États
Développements méthodologiques
Copernicus (projets européens)
Transfert d’expertise

tabs

Title 1Title 2Title 3
Content 1
Content 2
Content 3

button

lightbox

Un MESOCENTRE est un centre de calcul haute performance (HPC) localisé le plus souvent au niveau régional. Un MESOCENTRE regroupe à la fois des moyens humains et des ressources matérielles et logicielles‚ c’est une structure pilotée par un comité scientifique‚ destinée à fournir un environnement scientifique et technique propice au calcul haute performance. Le MESOCENTRE permet d’augmenter la puissance de calcul disponible‚ de mutualiser les coûts (matériels, logiciels, humains) de simplifier l’accès aux ressources‚ de fédérer les communautés au niveau local‚ de préparer l’accès aux grands centres nationaux.

RSS feed

slider

spoiler

C'est quoi ?
Peut-on deviner les montagnes à travers les nuages de Vénus ? L’atmosphère de Vénus est si épaisse qu’il a toujours été totalement impossible de voir au travers : son n’a été révélé qu’avec l’usage de radars et les premières sondes spatiales se posant à sa surface. Mais pour la première fois, une équipe internationale a réussi à « deviner » les montagnes de Vénus à travers son atmosphère. Grâce à la camera VMC de la sonde Venus Express de l’ESA, les chercheurs ont constaté que les nuages, lorsqu’ils étaient observé en ultra-violet, apparaissaient plus brillants au-dessus du grand massif montagneux d’Aphrodite Terra. Ils ont constaté que la vitesse du vent y chutait d’environ 18%, et démontré comment cette diminution entrainait une plus grande brillance des nuages.

label

Label

animate

Un seuil record de CO2 franchi dans l’hémisphère Sud La concentration atmosphérique en dioxyde de carbone mesurée au niveau de l’île d’Amsterdam (océan Indien Sud) vient pour la première fois de dépasser la valeur symbolique des 400 ppm, soit 0,04 %, le mois dernier. Or, cet observatoire est celui où l’on relève les concentrations en CO2 les plus basses au monde (hors cycles saisonniers), du fait de son éloignement des sources anthropiques. Le seuil de 400 ppm avait déjà été franchi dans l’hémisphère Nord au cours de l’hiver 2012/2013. Par ailleurs, l’augmentation du CO2 dans l’atmosphère s’accélère avec un taux de croissance supérieur à 2 ppm par an depuis quatre ans.

qrcode

Le système climatique de la Terre

quote

Nous savons qu’on ne peut faire du grand art que dans un climat de liberté absolue. L’inverse est soumission, art conventionnel, donc faux. Et par conséquent il n’est pas utile à l’homme. Les rêves sont utiles parce qu’ils sont libres.Ernesto Sábato

note

En diffusant auprès des professionnels les connaissances, les données et les outils issus de la recherche sur le climat, l’Institut Pierre-Simon Laplace apporte son expertise au service de l’adaptation aux changements climatiques. Ce site décrit les différentes actions auxquelles participe l’IPSL dans ce domaine.

custom_gallery


WP Canvas – Shortcodes

Document1 - Microsoft Word_25

[] columns

Mise en forme responsive design

sur deux colonnes

trois

colon-

nes.

ainsi qu’un tas d’autre mises en forme possibles !

[] Elements

Google Map

Comme ça ne semble pas fonctionner je recommande d’obtenir directement le raccourcis sur Google Map et de le coller en mode texte dans cet éditeur.

Heading

Skillbar

LOCEAN
25%
LATMOS
45%
LMD
18%

Social icon (adresses à configurer dans Réglages)

  • Facebook
  • Google
  • Twitter
  • Pinterest
  • Instagram
  • BlogLovin
  • Flickr
  • RSS
  • Email
  • Custom 1
  • Custom 2
  • Custom 3
  • Custom 4
  • Custom 5

Share buttons

Testimonial

Et oui encore Lui

[] Boxes

primary

secondary

inverse

success

warning

danger

info

[] Highlights

blue gray green red yellow

[] Divider








[] JQuery

  • Accordion

Tous les accordéons

de tous les accordéonistes

Ont eu les sanglots longs quand Freddy est parti

  • Tabs

Le mésocentre ESPRI (Ensemble de services pour la recherche à l’IPSL) de l’IPSLcorrespond à l’aboutissement de

cette démarche. Distribué sur plusieurs sites (UPMC et Ecole Polytechnique), il fournit des services variés : acquisition de

  • Toggle

données, espace de stockage, grappe de calcul


Des fonctions cachées

L’ajout et l’activation d’un plugin IPSL personnalisé permet de créer des fonctions spécifiques.

Les titles sur les acronymes.

Positionnez le curseur sur les acronymes ci-dessous vous verrez la définition des acronymes s’afficher.

IPSL, CEAESPRICNRS

 

Le zoom sur image

Lorsque vous ajoutez un média image sur la page affectez lui la class = zoomable.
Cliquez sur l’image pour l’agrandir.

 

L’animation des news.

Insérer le shortcode / Articles

Articles non trouvés

Menu de page

Pour activer le menu de page, insérer

<b class="pagemnu"...

dans n’importe quel élément HTML de la page.