How to Display Created Pages in Different Ways

				
					<?php
/*
Plugin Name: Display Pages Sorted by Category
Description: A plugin to display pages sorted by category and in alphabetical order.
Version: 0.1
Author: Your Name
*/

function display_sorted_pages_by_category($atts) {
    // Shortcode attributes with no default values
    $atts = shortcode_atts(
        array(
            'slug' => '',  // No default value, user must provide the slug
        ), 
        $atts, 
        'sorted_pages_by_category'
    );

    // Check if a slug is provided
    if (empty($atts['slug'])) {
        return '<p>No slug provided. Please add a slug.</p>';
    }

    // Query arguments to get pages from the specified category
    $args = array(
        'post_type' => 'page',  // Query only pages (not posts)
        'posts_per_page' => -1,  // Query all pages, no limit
        'orderby' => 'title',  // Sort by title
        'order' => 'ASC',  // Sort in ascending order (alphabetical)
        'tax_query' => array(  // Taxonomy query to get pages from a specific category
            array(
                'taxonomy' => 'category',  // Category taxonomy
                'field' => 'slug',  // Use the slug (URL-friendly name) of the category
                'terms' => $atts['slug'], // Use the provided slug
            ),
        ),
    );

    // Query the pages based on the arguments defined above
    $pages = new WP_Query($args);

    // Check if pages were found
    if ($pages->have_posts()) {
        // Create an array to store titles and links
        $sorted_pages = array();

        // Loop through the found pages
        while ($pages->have_posts()) {
            $pages->the_post();
            $title = get_the_title();  // Get the page title

            // Remove placeholder text from the title to sort by the actual name
            $clean_title = str_replace('Window Cleaning in ', '', $title);

            // Store the cleaned title and permalink (URL) of the page in the array
            $sorted_pages[$clean_title] = get_permalink();
        }

        // Sort the array by the cleaned titles (alphabetically)
        ksort($sorted_pages);

        // Start output buffering (to collect HTML)
        ob_start();

        // Add CSS styles for layout and design
        echo '<style>
            .sorted-pages {
                margin: 20px auto;
                max-width: 800px;
            }
            .sorted-pages .letter-section {
                margin-bottom: 20px;
            }
            .sorted-pages .letter-indicator {
                font-size: 24px;
                font-weight: bold;
                color: #F5A623;
                margin-bottom: 10px;
            }
            .sorted-pages ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }
            .sorted-pages ul li {
                margin: 5px 0;
                padding: 10px;
                box-sizing: border-box;
                width: 100%;
            }
            .sorted-pages ul li a {
                text-decoration: none;
                color: #333;
                font-size: 16px;
            }
        </style>';

        $current_letter = '';  // Current letter (for comparison)

        echo '<div class="sorted-pages">';

        // Loop through the sorted pages
        foreach ($sorted_pages as $clean_title => $permalink) {
            $first_letter = strtoupper($clean_title[0]);  // First letter of the cleaned title

            // Display a new letter heading if the first letter changes
            if ($first_letter !== $current_letter) {
                if ($current_letter !== '') {
                    echo '</ul></div>';  // Close the previous list if present
                }
                $current_letter = $first_letter;
                echo '<div class="letter-section">';
                echo '<div class="letter-indicator">' . $current_letter . '</div>';  // Display letter indicator
                echo '<ul>';
            }

            // Display the title with a link to the page
            echo '<li><a href="' . esc_url($permalink) . '">' . esc_html($clean_title) . '</a></li>';
        }

        // Close the last list and section
        echo '</ul></div>';

        echo '</div>';

        // Reset post data (very important)
        wp_reset_postdata();

        // Return the collected HTML
        return ob_get_clean();
    } else {
        // If no pages were found, display a message
        return '<p>No pages found for slug "' . esc_html($atts['slug']) . '"</p>';
    }
}

// Register shortcode to allow the code to be used within content
add_shortcode('custom_lp_sorted_pages_by_category', 'display_sorted_pages_by_category');