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

[wc_box color= »info » text_align= »left »]

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.

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

Listes

[wc_box color= »secondary » text_align= »left »]

[wc_row][wc_column size= »one-third » position= »first »]
  • a
  • b
  • c
[/wc_column][wc_column size= »one-third »]
  • a
  • b
  • c
[/wc_column][wc_column size= »one-third » position= »last »]
  • a
  • b
  • c
[/wc_column][/wc_row] [/wc_box] [wc_box color= »secondary » text_align= »left »]

[wc_row][wc_column size= »one-fourth » position= »first »]
  1. a
  2. b
  3. c
[/wc_column][wc_column size= »one-fourth »]
  1. a
  2. b
  3. c
[/wc_column][wc_column size= »one-fourth »]
  1. a
  2. b
  3. c
[/wc_column][wc_column size= »one-fourth » position= »last »]
  1. a
  2. b
  3. c
[/wc_column][/wc_row] [/wc_box]

Justification du texte

[wc_box color= »secondary » text_align= »left »]

Texte à gauche

[/wc_box] [wc_box color= »secondary » text_align= »left »]

Texte centré

[/wc_box] [wc_box color= »secondary » text_align= »left »]

Texte à droite

[/wc_box] [wc_box color= »secondary » text_align= »left »]

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.

[/wc_box] [wc_box color= »secondary » text_align= »left »]

Indentation

[/wc_box]

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

  •  Emoticon

😆 🙄

  • _ Ligne horizontale

  •  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

  •  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; »)
  • Lien

IPSL

  • Tableau
prenom Henri
nom Iett
  • Image
Climat
Mauvais temps sur la planète
  •  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

[wc_box color= »secondary » text_align= »left »] [wc_row][wc_column size= »one-half » position= »first »]

Mise en forme responsive design

[/wc_column][wc_column size= »one-half » position= »last »]

sur deux colonnes

[/wc_column][/wc_row] [/wc_box] [wc_box color= »secondary » text_align= »left »] [wc_row][wc_column size= »one-third » position= »first »]

trois

[/wc_column][wc_column size= »one-third »]

colon-

[/wc_column][wc_column size= »one-third » position= »last »]

nes.

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

[/wc_column][/wc_row] [/wc_box]

[] Elements

[wc_box color= »secondary » text_align= »left »]

Button lien

[wc_button type= »primary » url= »http://webplantmedia.com » title= »Visit Site » target= »self » position= »float »]ça c’est un bouton[/wc_button] [wc_button type= »secondary » url= »http://webplantmedia.com » title= »Visit Site » target= »self » position= »float »]ça c’est un bouton[/wc_button] [wc_button type= »success » url= »http://webplantmedia.com » title= »Visit Site » target= »self » position= »float »]ça c’est un bouton[/wc_button] [/wc_box] [wc_box color= »secondary » text_align= »left »]

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.

[/wc_box] [wc_box color= »secondary » text_align= »left »] [wc_heading type= »h1″ title= »Heading » margin_top= » » margin_bottom= » » text_align= »left » font_size= » » color= » » class= » » icon_left= » » icon_right= » » icon_spacing= » »] [/wc_box] [wc_box color= »secondary » text_align= »left »]

Skillbar

[wc_skillbar title= »LOCEAN » percentage= »25″ color= »#f00″] [wc_skillbar title= »LATMOS » percentage= »45″ color= »#0f0″] [wc_skillbar title= »LMD » percentage= »18″ color= »#00f »] [/wc_box] [wc_box color= »secondary » text_align= »left »]

Social icon (adresses à configurer dans Réglages)

[wc_social_icons align= »left » size= »large » display= »facebook,google,twitter,pinterest,instagram,bloglovin,flickr,rss,email,IPSL »] [/wc_box] [wc_box color= »secondary » text_align= »left »]

Share buttons

[wc_share_buttons] [/wc_box] [wc_box color= »secondary » text_align= »left »]

Testimonial

[wc_testimonial by= »Anonyme » url= »http://www.luimagazine.fr/ » position= »left »]Et oui encore Lui[/wc_testimonial] [/wc_box]

[] Boxes

[wc_box color= »primary » text_align= »left »]

primary

[/wc_box] [wc_box color= » » text_align= »left »]

secondary

[/wc_box] [wc_box color= »inverse » text_align= »left »]

inverse

[/wc_box] [wc_box color= »success » text_align= »left »]

success

[/wc_box] [wc_box color= »warning » text_align= »left »]

warning

[/wc_box] [wc_box color= »danger » text_align= »left »]

danger

[/wc_box] [wc_box color= »info » text_align= »left »]

info

[/wc_box]

[] Highlights

[wc_box color= »secondary » text_align= »left »] [wc_highlight color= »blue »]blue[/wc_highlight] [wc_highlight color= »gray »]gray[/wc_highlight] [wc_highlight color= »green »]green[/wc_highlight] [wc_highlight color= »red »]red[/wc_highlight] [wc_highlight color= »yellow »]yellow[/wc_highlight] [/wc_box]

[] Divider

[wc_box color= »secondary » text_align= »left »] [wc_divider style= »solid » line= »single » margin_top= » » margin_bottom= » »] [wc_divider style= »dashed » line= »single » margin_top= » » margin_bottom= » »] [wc_divider style= »dotted » line= »single » margin_top= » » margin_bottom= » »] [wc_divider style= »solid » line= »double » margin_top= » » margin_bottom= » »] [wc_divider style= »image » margin_top= » » margin_bottom= » »] [wc_divider style= »image2″ margin_top= » » margin_bottom= » »] [wc_divider style= »image3″ margin_top= » » margin_bottom= » »] [/wc_box]

[] JQuery

[wc_box color= »secondary » text_align= »left »]
  • Accordion
[wc_accordion collapse= »0″ leaveopen= »0″ layout= »box »] [wc_accordion_section title= »Section 1″]

Tous les accordéons

[/wc_accordion_section] [wc_accordion_section title= »Section 2″]

de tous les accordéonistes

[/wc_accordion_section] [wc_accordion_section title= »Section 2″]

Ont eu les sanglots longs quand Freddy est parti

[/wc_accordion_section] [/wc_accordion] [/wc_box] [wc_box color= »secondary » text_align= »left »]
  • Tabs
[wc_tabgroup layout= »box »] [wc_tab title= »First Tab »]

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

[/wc_tab] [wc_tab title= »Second Tab »]

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

[/wc_tab] [/wc_tabgroup] [/wc_box] [wc_box color= »secondary » text_align= »left »]
  • Toggle
[wc_toggle title= »This Is Your Toggle Title » layout= »box »]

données, espace de stockage, grappe de calcul

[/wc_toggle] [/wc_box]

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

Au sujet des clefs ssh

les clef ssh ne sont pas liée à un ordinateur et sont copiable d’un ordinateur à un autre le plus simple est de les générer sur les serveurs linux de votre labo d’origineils sont en général sauvegardés et cela vous permet de vous connecter même sans votre portable – latmos : sirocco, cartman- locean : […]

Menu de page

Pour activer un menu de page basé sur les balises header (H1 to 6)
Insérer en mode texte le code
<style type="text/css">#pagemnu{display:block;}</style>
comme dans cette page.