Test Shortcodes

Todos los Shortcodes de Barrio CMS.

Nombre: Urls

Descripcci贸n: Podremos incrustar enlaces de la p谩gina

[Site_url]  // https://localhost/cmsbarrio
[Site_current]  // obtenemos el hash, en este caso editor
Demostraci贸n


Nombre: Php

Descripcci贸n: Podemos incrustar funciones Php

[Php]echo 'holas';[/Php]
Demostraci贸n

El shortcode Php se ha desactivado por precauci贸n.


Nombre: Estilos css

Descripcci贸n: Podremos incrustar css en la cabecera

[Styles]body{background:red;}[/Styles]
[Styles minify=true]body{background:red;}[/Styles]
Demostraci贸n

Podemos ver la demostraci贸n abriendo devtools f12.


Nombre: Archivo Estilos css

Descripcci贸n: Podremos incrustar un archivo de css en la cabecera

[Style href='//example.css']
Demostraci贸n

Podemos ver la demostraci贸n abriendo devtools f12.


Nombre: Scripts

Descripcci贸n: Podremos incrustar Javascript al final de body

[Scripts]console.log("test");[/Scripts]
[Scripts minify=true]console.log("test");[/Scripts]
Demostraci贸n

Podemos ver la demostraci贸n abriendo devtools f12.


Nombre: Script

Descripcci贸n: Podremos incrustar un archivo Javascript al final de body

[Script src='//example.js']
Demostraci贸n

Podemos ver la demostraci贸n abriendo devtools f12.


Nombre: Archivo texto

Descripcci贸n: Podremos incrustar un archivo de texto

[Html src='/public/lorem.txt']
Demostraci贸n

hola Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Nombre: Config

Descripcci贸n: Podremos incrustar un objecto del archivo de configuraci贸n

[Config name='title']
Demostraci贸n

Barrio CMS


Nombre: Divider

Descripcci贸n: Podremos incrustar un barra de division (hr)

[Divider]
[Divider num='2']
[Divider type='br' num='2']
Demostraci贸n




Nombre: Button

Descripcci贸n: Podremos incrustar un boton

[Btn text='hola' id='btn' href='//example.com']
Demostraci贸n


Nombre: Space

Descripcci贸n: Podremos incrustar un espacio

[Space]
[Space num=2]
Demostraci贸n

hola 聽聽 que tal 聽 聽 聽 estas.


Nombre: Code

Descripcci贸n: Podremos incrustar un codigo

[Code type='php']php code here[/Code]
Demostraci贸n
function sayname(name){


Nombre: Imagenes

Descripcci贸n: Podremos incrustar imagenes

[Img src='public/notfound.jpg']
[Img url='//google.es' src='public/notfound.jpg']
[Img url='//google.es' title='Hello' src='public/notfound.jpg']
[Img url='//google.es' title='Hello' class='well' src='public/notfound.jpg']
[Img url='//google.es' title='Hello' class='well' ext='true' src='//localhost/cmsbarrio/public/notfound.jpg']
Demostraci贸n


Nombre: Text

Descripcci贸n: Podremos incrustar textos con fondo y color o clases css

[Text]Color texto[/Text]
[Text bg='red']Color texto[/Text]
[Text bg='blue' color='white']Color texto[/Text]
Demostraci贸n

Color texto


Nombre: Link

Descripcci贸n: Podremos incrustar enlaces con clasess css

[Link href='GxEc46k46gg']
[Link title='Ir a monchovarela.es' href='//monchovarela.es']
[Link alt='website' title='Ir a monchovarela.es' href='//monchovarela.es']
[Link class='btn btn-primary' alt='pagina ' title='Ir a monchovarela.es' href='//monchovarela.es']
Demostraci贸n


Nombre: Details

Descripcci贸n: Podremos incrustar un bloque con contenido oculto

[Details title='example']Markdown Hidden content [/Details]
Demostraci贸n

Lo que estas viendo ya es el Shortcode.


Nombre: Iframes

Descripcci贸n: Podremos incrustar un bloque con un iframe

[Iframe src='//monchovarela.es']
Demostraci贸n


Nombre: Youtube

Descripcci贸n: Podremos incrustar un bloque de Youtube

[Youtube id='GxEc46k46gg']
[Youtube class='ratio ratio-1x1' id='GxEc46k46gg']
Demostraci贸n


Nombre: Vimeo

Descripcci贸n: Podremos incrustar un bloque de Vimeo

[Vimeo id='149129821']
[Vimeo class='ratio ratio-1x1' id='149129821']
Demostraci贸n


Nombre: Video

Descripcci贸n: Podremos incrustar un bloque de video

[Video class='p-1' src='public/test.mp4']
[Video class='p-1' autoplay=true src='public/test.mp4']
[Video class='p-1' autoplay=true autobuffer=true src='public/test.mp4']
[Video class='p-1' controls=true autoplay=true autobuffer=true muted=true' loop=true src='public/test.mp4']
Demostraci贸n


Nombre: Listas

Descripcci贸n: Podremos incrustar un lista de enlaces de una carpeta

[List folder='posts']
[List folder='posts' limit='2']
[List folder='posts' limit='2' order='[title,date,description,etc...]']
Demostraci贸n

Optenemos 2 y ordenamos por fecha:

  • Kitchen Sink - mi茅rcoles, 16 de febrero de 2022
  • Jodit - mi茅rcoles, 16 de febrero de 2022

Optenemos 3 y ordenamos por titulo:

Ultimo articulo

Kitchen Sink

De todo un poco como en b贸tica.

Ultimos articulos

Kitchen Sink

De todo un poco como en b贸tica.

Jodit

Probando shortcodes #2

Hola Mundo

Hola Mundo

Lorem ipsum dolor sit amet, consectetur adipisicin...