Publicar entradas de series y películas
En éste apartado de la documentación podrás ver los datos que necesitas conocer y agregar para poder crear una entrada de tipo serie/película en Cinema. Te recomendamos mucho seguir éste apartado de forma ordenada; sin saltarte ningún apartado y empezando desde el inicio. Recuerda que la vista de la entrada debe estar en Vista HTML
.
Si te es complicado seguir la documentación escrita de éste partado, puedes ver el video a continuación que te muestra paso a paso como publicar una entrada de serie o película.
Agregar etiqueta especial
En la pestaña de Etiquetas debemos agregar el nombre de la etiqueta que hemos configurado en entryTag
en Configurar etiquetas especiales. Sí no has cambiado los valores por defecto, entonces debes agregar la etiqueta Entry
.
Información para los feed de blogger
Datos de entrada
Copia y pega el siguiente código html al inicio de la entrada:
<div hidden>
<img src="URL_POSTER"/>
<p>SINOPSIS_HERE</p>
</div>
<!--more-->
Es importante que estos datos estén presente en la entrada ya que permiten obtener información importante desde los feed de blogger.
Datos para secciones
Los datos de secciones son valores que se declaran en los atributos de datos contenidos en una etiqueta <div>
. Estos datos son necesarios para poder obtenerlos por medio de un script de javascript e imprimirlos en las tarjetas que se usan en cada sección disponible en la plantilla.
Para agregar estos datos debemos de copiar y pegar el siguiente código html en la entrada que hemos creado:
- Base
- Código de ejemplo
<div class="cv-obj"
data-backdrop="IMAGE_URL"
data-caption="String"
data-type="String"
data-score="Number"
data-category="String"></div>
En la siguiente tabla se detallan para que sirve cada atributo data
Nombre atributo | uso | tipo de dato |
---|---|---|
data-backdrop | Imagen de fondo utilizado en el modo feat de g.hero está activado | String/URL_IMAGE |
data-caption | Solo se muestra cuando el modo feat de g.hero está activado | String |
data-type | Es el tipo que quieres que tenga la entrada. | String |
data-score | Puntaje o score de la serie. Puedes obtener éste valor buscando la serie/película en imdb | Number |
data-category | Categoría de la entrada | String |
Enlace de descarga
Los enlaces de descarga se muestran en un modal cuando agregamos una etiqueta html especifica en nuestra entrada. Si no existe el html requerido se mostrará el texto No hay enlaces para descargar... (¯ ~ ¯;)
.
Agregar enlaces de descarga
En la entrada en modo Vista HTML
debemos pegar el siguiente código html:
<div id="dl-table" class="none">
<div class="table c-plyr__dl">
<table>
<tbody><tr class="table-headline">
<th>Servidor</th>
<th>Calidad</th>
<th></th>
</tr>
<tr class="table-body">
<td>Mega.nz</td>
<td>HD</td>
<td><a href="#1">Descargar</a></td>
</tr>
<tr class="table-body">
<td>Mediafire</td>
<td>HD</td>
<td><a href="#2">Descargar</a></td>
</tr>
<tr class="table-body">
<td>Zippyshare</td>
<td>HD</td>
<td><a href="#3">Descargar</a></td>
</tr>
</tbody></table>
</div>
</div>
Campos personalizados
Los campos personalizados utilizan los vínculos de redifusión para poder ser usados por lo que necesitas activarlos. Puedes hacer esto visitando la sección correspondiente
Información base
Agregar datos
En el campo "Agregar vinculo"
, pegamos el siguiente código:
c.co/base
En el campo "Agregar tipo MIME"
, pegamos el siguiente código
- Base
- Código de ejemplo
{
name: "Futoku no Guild",
category: "Anime",
genres: ["Comedy", "Fantasy", "Adventure"],
status: "on",
imdb: "7.9"
}
En la siguiente tabla se detalla el uso de cada propiedad:
Nombre atributo | uso | tipo de dato |
---|---|---|
name | Título de la entrada | String |
category | Categoría de la entrada | String |
genres | Array de generos. Cada etiqueta declarada aquí debe existir por lo menos en una entrada en nuestro blog | String |
status | Estado de la serie. Recibe dos valores predeterminados: off , on | String |
imdb | Puntaje o score de la serie. Puedes obtener éste valor buscando la serie/película en imdb | String |
Agregar trailer
El trailer es el botón de color rojo que se muestra en el player y solo está disponible siempre y cuando existan servidores para reproducir en el player.
Agregar datos
En el campo "Agregar vinculo"
, pegamos el siguiente código:
c.co/trailer
En el campo "Agregar tipo MIME"
debemos de agregar la url de tipo embed de un enlace de youtube u otro enlace que permita ser embebido por medio de una etiqueta <iframe>
Agregar servidores
Los servidores nos permiten mostrar un player con multiples tabs para mostrar uno o varios videos de manera ordenada y rápida para el usuario.
Agregar datos
En el campo "Agregar vinculo"
, pegamos el siguiente código:
c.co/server
En el campo "Agregar tipo MIME"
, debemos pegar lo siguiente.
- Base
- Código de ejemplo
{
img: "url-imagen.jpg",
servers: [
{embed: "url-video-embed", name: "youtube", isVideo: false},
{embed: "url-video-embed", name: "youtube", isVideo: false}
]
}
En la siguiente tabla se detalla el uso de cada propiedad:
Nombre atributo | uso | tipo de dato |
---|---|---|
img | Imagen de fondo que se usará antes de reproducir un vídeo | String |
servers | Array de videos embed. | Array |
Agregar más videos
Para agregar más enlaces para reproducir, tomemos de ejemplo el "código de ejemplo":
{
img: "url-imagen.jpg",
servers: [
// Aquí agrega los enlaces
]
}
En el texto // Aquí agrega los enlaces
debemos agregar el siguiente código:
- Base
- Código de ejemplo
{embed: "url-video-embed", name: "youtube", isVideo: false},
{embed: "url-video-embed", name: "youtube", isVideo: false},
{embed: "url-video-embed", name: "youtube", isVideo: false}
En la siguiente tabla se detalla el uso de cada propiedad:
Nombre atributo | uso | tipo de dato |
---|---|---|
embed | Es una url a un servicio de alojamiento de videos. | String |
name | Es un nombre que usaremos para identificar a dicho servidor | String |
isVideo | Si el video que intentas agregar está alojado en un servidor propio o bien posee un enlace directo (Por ejemplo dropbox, google drive, one drive, etc...), debemos activar esta opción, de lo contrario arrojará un error. | Boolean |