PHP code example of hksagentur / kirby-media-kit

1. Go to this page and download the library: Download hksagentur/kirby-media-kit library. Choose the download type require.

2. Extract the ZIP file and open the index.php.

3. Add this code to the index.php.
    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

    

hksagentur / kirby-media-kit example snippets


<?= $page->image()->toResponsiveImage() 

 $image = $page->image()->toResponsiveImage()
    ->widths([400, 800, 1200])
    ->formats(['webp', 'jpeg'])
    ->alt($page->image()->alt())
    ->class(['hero-image']) 

<?= $page->image()->toResponsiveImage()->tabindex(0) 

<?= $page->image()->toResponsiveImage('hero') 

<?= $page->image()->toResponsiveImage([
    'formats' => ['avif', 'webp', 'jpeg'],
    'widths' => [400, 800, 1200, 1600],
    'quality' => 80,
]) 

<?= $page->image()->toResponsiveImage()->loading('lazy') 

// site/config/config.php
return [
    'thumbs' => [
        'presets' => [
            'hero' => ['width' => 1600, 'height' => 900, 'crop' => true],
        ],
        'srcsets' => [
            'hero' => [
                '800w' => ['width' => 800, 'height' => 450, 'crop' => true],
                '1600w' => ['width' => 1600, 'height' => 900, 'crop' => true],
            ],
        ],
    ],
];

<?= $page->image()->toResponsiveImage('hero') 

<?= $page->image()->toResponsiveImage('hero')->crop('top') 

<?= $page->image()->toResponsiveImage()->preset(['width' => 800, 'crop' => 'top']) 

<?= $page->image()->toResponsiveImage()
    ->widths([400, 800, 1200])
    ->ratio('16/9') 

<?= $page->image()->toResponsiveImage('hero')->ratio('1/1') 

<?= $page->file('movie.mp4')->toResponsiveVideo() 

<?= $page->file('movie.mp4')->toResponsiveVideo()
    ->poster($page->file('poster.jpg'))
    ->ratio('16/9')
    ->crop('top') 

<?= $page->file('movie.mp4')->toResponsiveVideo([
    'poster' => $page->file('poster.jpg'),
    'ratio' => '16/9',
    'crop' => 'top',
]) 

<?= $page->file('movie.mp4')->toResponsiveVideo()
    ->poster($page->file('poster.jpg'))
    ->controls()
    ->autoplay(false)
    ->muted()
    ->loop()
    ->preload('metadata') 

<?= $page->file('movie.mp4')->toResponsiveVideo()->tabindex(0) 


/**
 * @var \Hks\MediaKit\Cms\Video $video
 * @var \Hks\MediaKit\Html\Attributes $attributes
 */
$original = $video->original();

<?= $page->image()->toResponsiveImage()->ratio('4/3')->crop('top') 



// site/config/config.php
return [
    'hksagentur.media-kit' => [
        'image' => [
            'formats' => ['avif', 'webp', 'auto'],
            'widths' => [400, 800, 1200, 1600, 2000],
            'attributes' => [
                'data-pin-nopin' => 'true',
            ],
        ],
        'video' => [
            'attributes' => [
                'playsinline' => true,
            ],
        ],
    ],
];

// site/config/config.php
return [
    'thumbs' => [
        'quality' => 80,
    ],
];