How do you create a re-useable HTML fragment in wordpress

Question

How do you create a re-useable HTML fragment in wordpress

Yoga

2019年10月31日 08:35

Let's say you want all pages to have a common footer, and have that footer editable in WordPress; how would you accomplish this?

My current solution is to create a page "footer" and include it using custom template function.

But I am wondering if there is a better way to do it, without requiring custom coding.

As an example, in the footer of this page you have the text statement

"WordPress is a trademark of the WordPress Foundation, registered in the US and other countries. This site is not affiliated with the WordPress Foundation in any way."

How do you make them editable by normal wordpress user?

Topic plugin-development cms theme-development plugins themes Wordpress

Category Web

rottitime · Accepted Answer · 2019年10月31日 08:35

This is the cleanest method.

Create a fragment php file in your Theme. This file will include all your fragments. We will use a built in PHP technique called heredoc to make this cleaner.

fragments.php

function htmlList () {
    return <<<HTML
        <ul>
            <li>Lorem ipsum.</li>
            <li>Ad, unde.</li>
            <li>Explicabo, delectus.</li>
            <li>Hic, dolore.</li>
            <li>Alias, obcaecati!</li>
        </ul>
    HTML;
}

Now link and call the fragment in your template

<?php 
require get_template_directory() . '/fragments.php';
?>

<?php echo $htmlList; ?>

Krzysiek Dróżdż · Accepted Answer · 2013年8月9日 06:08

If this text was static, then of course you could use custom footer template. So create file footer-my-custom.php and then include it with get_footer('footer', 'my-custom');

If you want to edit this text in wp-admin (or have many editable texts in there) you can use one of these solutions:

1. Custom Fields (good if you use static front page)

If you use static front page, then you can add some custom fields to it and then show these fields in footer on every page. To add these CF only to front page, I would use Advanced Custom Fields plugin.

Then in footer you'll have to add:

<?php echo get_post_meta( get_option('page_on_front'), '<CUSTOM FIELD NAME>', true ); ?>

2. Options

The other solution (better in this case, I guess) is to define some theme options.

I usually use OptionTree plugin to do this. But it's not so hard to do this by yourself.

How do you create a re-useable HTML fragment in wordpress

1. Custom Fields (good if you use static front page)

2. Options

About