Contenido Multimedia

El CMS admite mostrar contenido multimedia como imágenes, archivos de audio y video. Todos los archivos deben almacenarse inicialmente en nuestro disco local para ser publicados. Por el momento, el único repositorio en línea soportado es Google Cloud Storage.

¿Cómo publicar archivos multimedia? #

Cuando necesitamos mostrar algún contenido multimedia en nuestras páginas, comenzamos agregando el archivo multimedia a nuestra carpeta media local. Así que digamos que hemos agregado un archivo de video (getting-started-tutorial.mp4), y ahora nuestra carpeta media se ve así:

        
            media
              └─── default
                     └─── elemental-cms-logo.jpg
              └─── videos
                     └─── getting-started-tutorial.mp4

Ahora podemos publicar nuestro archivo getting-started-tutorial.mp4 usando el comando media push como se muestra a continuación:

        
            elemental-cms media push media/videos/getting-started-tutorial.mp4

Usar los archivos multimedia #

Para usar nuestros archivos multimedia en cualquiera de nuestras páginas, usamos la función elemental_media_url_for así:

        
            <div>
                <img src="{{ elemental_url_for_media('default/elemental-cms-logo.jpg') }}" />
            </div>

Al usar esta función, cuando la aplicación se ejecuta localmente, el servidor usará el archivo multimedia local, mientras que cuando se ejecuta remotamente, el servidor servirá la versión de Google Cloud Storage del archivo.

Explorar el repositorio remoto #

Podemos navegar por nuestro repositorio remoto usando el CLI ejecutando un comando media list --all. Este comando mostrará todos los archivos almacenados en Google Cloud Storage, y mostrará un indicador relacionado de archivo faltante.

Si el indicador de archivo faltante (*) se muestra a la derecha del nombre del archivo, eso significa que el archivo local está faltando. Y si el indicador de archivo faltante se muestra a la izquierda del nombre del archivo, eso significa que el archivo remoto está faltando.

        
            elemental-cms media list --all

            * default/image.jpg
            default/my-json-file.json *
            readme.md

            3 media files found
            * is an indicator of missing files either on remote folder (left) or local folder (right)
Content