Advanced Use example page

The Melinda Ronda page is a standard WordPress page which uses a special page template containing the donation link, inserted with the use of the the_mmdimo_donation_link() function.

Here is the template file, high highlight on the relevant piece of code that displays the donation link:

<?php
/**
 * Template Name: Page with donation link
 *
 * @package Obits
 */


get_header(); ?>

    <?php while ( have_posts() ) : the_post(); ?>

        <?php get_template_part( 'template-parts/content', 'hero' ); ?>

    <?php endwhile; ?>

    <?php rewind_posts(); ?>

    <div class="content-wrapper <?php echo esc_attr( canape_additional_class() ); ?>">
        <div id="primary" class="content-area">
            <main id="main" class="site-main" role="main">

                <?php while ( have_posts() ) : the_post(); ?>

                    <?php get_template_part( 'template-parts/content', 'page' ); ?>

                    <?php
                        // If comments are open or we have at least one comment, load up the comment template.
                        if ( comments_open() || get_comments_number() ) :
                            comments_template();
                        endif;
                    ?>

                <?php endwhile; // End of the loop. ?>

            </main><!-- #main -->
        </div><!-- #primary -->

        <?php if (get_the_mmdimo_donation_link()): ?>
            <div class="donation-side">
                Help getting <?php the_title(); ?>’s name remembered by making a donation.
                <br>
                <?php the_mmdimo_donation_link(); ?>
            </div>
        <?php endif; ?>

        <br><br>

        <?php get_sidebar(); ?>

    </div><!-- .content_wrapper -->

<?php get_footer(); ?>

This page also features a custom style to the donation link, making it looks like a button.

Here is the relevant piece of code that makes this change in the style.css file:

.donation-side .mmdimo-donation-link {
    background-color: #c39738;
    color: #fff;
    display: inline-block;
    margin: 1em 0 0;
    padding: 5px 15px;
}
.donation-side .mmdimo-donation-link:hover {
    border-bottom: 1px solid #444;
}