Här är din omgjorda kod för galleriet, där varje bild är en egen wp:image-block inuti en wp:gallery-block, precis som i ditt exempel. Jag har använt samma struktur, men med de nya bild-ID:n och URL:erna från din jetpack/tiled-gallery-kod:
html<!-- wp:gallery {"linkTo":"none"} --> <figure class="wp-block-gallery has-nested-images columns-default is-cropped"> <!-- wp:image {"id":651,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/bm_bmf_pride_and_joy_066_2015-2.jpg" alt="" class="wp-image-651"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":652,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/bm_bmf_pride_och_joy_066_2015-1.jpg" alt="" class="wp-image-652"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":653,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_1.jpg" alt="" class="wp-image-653"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":654,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_2.jpg" alt="" class="wp-image-654"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":655,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_3.jpg" alt="" class="wp-image-655"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":656,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_4.jpg" alt="" class="wp-image-656"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":657,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_5.jpg" alt="" class="wp-image-657"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":658,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_6.jpg" alt="" class="wp-image-658"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":659,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_7.jpg" alt="" class="wp-image-659"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":660,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_8.jpg" alt="" class="wp-image-660"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":661,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_9.jpg" alt="" class="wp-image-661"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":662,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_10.jpg" alt="" class="wp-image-662"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":663,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_11.jpg" alt="" class="wp-image-663"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":664,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_12.jpg" alt="" class="wp-image-664"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":665,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_13.jpg" alt="" class="wp-image-665"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":666,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_14.jpg" alt="" class="wp-image-666"/> </figure> <!-- /wp:image --> <!-- wp:image {"id":667,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_15.jpg" alt="" class="wp-image-667"/> </figure> <!-- /wp:image --> </figure> <!-- /wp:gallery -->
wp:gallery-block, precis som i ditt exempel.wp:image-block.Vill du att jag ska justera något mer?
Här är den uppdaterade koden där alla <!-- wp:image -->-taggar är borttagna, men bilderna ligger kvar i galleriet:
html<!-- wp:gallery {"linkTo":"none"} --> <figure class="wp-block-gallery has-nested-images columns-default is-cropped"> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/bm_bmf_pride_and_joy_066_2015-2.jpg" alt="" class="wp-image-651"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/bm_bmf_pride_och_joy_066_2015-1.jpg" alt="" class="wp-image-652"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_1.jpg" alt="" class="wp-image-653"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_2.jpg" alt="" class="wp-image-654"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_3.jpg" alt="" class="wp-image-655"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_4.jpg" alt="" class="wp-image-656"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_5.jpg" alt="" class="wp-image-657"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_6.jpg" alt="" class="wp-image-658"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_7.jpg" alt="" class="wp-image-659"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_8.jpg" alt="" class="wp-image-660"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_10.jpg" alt="" class="wp-image-662"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_11.jpg" alt="" class="wp-image-663"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_12.jpg" alt="" class="wp-image-664"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_13.jpg" alt="" class="wp-image-665"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_14.jpg" alt="" class="wp-image-666"/> </figure> <figure class="wp-block-image size-large"> <img src="http://morganhorse.demoklubben.se/wp-content/uploads/2019/03/pepper_15.jpg" alt="" class="wp-image-667"/> </figure> </figure> <!-- /wp:gallery -->
<!-- wp:image -->-kommentarer är borttagna, men strukturen och bilderna finns kvar.<!-- wp:gallery -->) är kvar, så bilderna kommer att visas som en samling.Vill du ha någon ytterligare justering?
För att uppnå detta behöver vi skapa en WordPress-plugin som:
Här är en grundläggande struktur för en sådan plugin. Du kan lägga till detta i din WordPress-installation genom att skapa en ny fil i wp-content/plugins/ mappen, t.ex. gallery-converter/gallery-converter.php.
gallery-converter.phpphp<?php /* Plugin Name: Galleri Omvandlare Description: Omvandlar Jetpack Tiled Galleries till WordPress Core Galleries. Version: 1.0 Author: Niclas Evaldsson */ // Lägg till admin-meny add_action('admin_menu', 'gallery_converter_admin_menu'); function gallery_converter_admin_menu() { add_menu_page( 'Galleri Omvandlare', 'Galleri Omvandlare', 'manage_options', 'gallery-converter', 'gallery_converter_admin_page', 'dashicons-format-gallery', 6 ); } // Admin-sida function gallery_converter_admin_page() { if (!current_user_can('manage_options')) { return; } // Hantera omvandling if (isset($_POST['convert_galleries'])) { $batch_size = isset($_POST['batch_size']) ? intval($_POST['batch_size']) : 1; $converted_pages = convert_galleries($batch_size); } // Visa admin-gränssnitt ?> <div class="wrap"> <h1>Galleri Omvandlare</h1> <form method="post"> <label for="batch_size">Välj batch-storlek:</label> <select name="batch_size" id="batch_size"> <option value="1">1 sida</option> <option value="10">10 sidor</option> <option value="all">Alla sidor</option> </select> <input type="submit" name="convert_galleries" class="button button-primary" value="Omvandla Gallerier"> </form> <?php if (!empty($converted_pages)): ?> <h3>Omvandlade sidor:</h3> <ul> <?php foreach ($converted_pages as $page_id => $page_title): ?> <li> <a href="<?php echo get_permalink($page_id); ?>" target="_blank"> <?php echo esc_html($page_title); ?> </a> </li> <?php endforeach; ?> </ul> <?php endif; ?> </div> <?php } // Omvandlingsfunktion function convert_galleries($batch_size) { $args = array( 'post_type' => 'page', 'posts_per_page' => -1, 'post_status' => 'publish', ); if ($batch_size !== 'all') { $args['posts_per_page'] = $batch_size; if (isset($_POST['offset'])) { $args['offset'] = intval($_POST['offset']); } } $pages = get_posts($args); $converted_pages = array(); foreach ($pages as $page) { $content = $page->post_content; $updated_content = $content; // Här är regex för att hitta och ersätta Jetpack Tiled Gallery $pattern = '/<!-- wp:jetpack\/tiled-gallery.*?-->/s'; preg_match_all($pattern, $content, $matches); foreach ($matches[0] as $match) { // Extrahera bild-ID:n från Jetpack-galleriet preg_match_all('/data-id="(\d+)"/', $match, $image_ids); if (!empty($image_ids[1])) { $gallery_images = array(); foreach ($image_ids[1] as $image_id) { $gallery_images[] = '<figure class="wp-block-image size-large"><img src="' . wp_get_attachment_url($image_id) . '" alt="" class="wp-image-' . $image_id . '"/></figure>'; } $new_gallery = '<!-- wp:gallery {"linkTo":"none"} -->' . '<figure class="wp-block-gallery has-nested-images columns-default is-cropped">' . implode("\n", $gallery_images) . '</figure>' . '<!-- /wp:gallery -->'; $updated_content = str_replace($match, $new_gallery, $updated_content); } } if ($updated_content !== $content) { wp_update_post(array( 'ID' => $page->ID, 'post_content' => $updated_content, )); $converted_pages[$page->ID] = $page->post_title; } } return $converted_pages; } ?>
gallery-converter i wp-content/plugins/.gallery-converter.php med ovan kod.Vill du att jag ska förklara eller anpassa något specifikt?