Search

<p>Do you want to change the content in the footer of your website but just can’t figure it out? We’re here to help!</p><div class="lwptoc lwptoc-autoWidth lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="24"><div class="lwptoc_i">    <div class="lwptoc_header" style="font-size:175%;">
        <b class="lwptoc_title">Contents</b>                    <span class="lwptoc_toggle">
                <a href="#" class="lwptoc_toggle_label" data-label="show">hide</a>
            </span>
            </div>
<div class="lwptoc_items lwptoc_items-visible" style="font-size:125%;">
    <div class="lwptoc_itemWrap"><div class="lwptoc_item">    <a href="#TLDR_Links">
                    <span class="lwptoc_item_number">1</span>
                <span class="lwptoc_item_label">TL:DR Links</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Edit_the_footer_widget_content_and_features">
                    <span class="lwptoc_item_number">2</span>
                <span class="lwptoc_item_label">Edit the footer widget content and features</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Edit_footer_code_and_content_via_footerphp">
                    <span class="lwptoc_item_number">3</span>
                <span class="lwptoc_item_label">Edit footer code and content via footer.php</span>
    </a>
    <div class="lwptoc_itemWrap"><div class="lwptoc_item">    <a href="#Edit_footerphp_via_the_WordPress_dashboard">
                    <span class="lwptoc_item_number">3.1</span>
                <span class="lwptoc_item_label">Edit footer.php via the WordPress dashboard</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Edit_footerphp_via_FTP">
                    <span class="lwptoc_item_number">3.2</span>
                <span class="lwptoc_item_label">Edit footer.php via FTP</span>
    </a>
    </div></div></div><div class="lwptoc_item">    <a href="#Edit_footer_content_via_theme_options">
                    <span class="lwptoc_item_number">4</span>
                <span class="lwptoc_item_label">Edit footer content via theme options</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#Conclusion">
                    <span class="lwptoc_item_number">5</span>
                <span class="lwptoc_item_label">Conclusion</span>
    </a>
    </div></div></div>
</div></div>
<p>We get this question a lot so we figured we’d write a guide on how to manage the content in the footer of your website including copy, dynamic widgets, theme features, colors, and more.</p>
<h4><span id="TLDR_Links">TL:DR Links</span></h4>
<p><a href="https://admin.brytdesigns.com/edit-wordpress-footer-content-widgets#widgets">Edit the footer widget content and features</a><br>
<a href="https://admin.brytdesigns.com/edit-wordpress-footer-content-widgets#footerCode">Edit footer content and code via footer.php</a><br>
<a href="https://admin.brytdesigns.com/edit-wordpress-footer-content-widgets#themeOptions">Edit footer content via Theme Options</a></p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-1163 size-full" src="https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-widgets.jpg" alt="WordPress Widgets list and sidebars" width="1189" height="589" srcset="https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-widgets.jpg 1189w, https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-widgets-300x149.jpg 300w, https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-widgets-1024x507.jpg 1024w" sizes="(max-width: 1189px) 100vw, 1189px"></p>
<h2 id="widgets"><span id="Edit_the_footer_widget_content_and_features">Edit the footer widget content and features</span></h2>
<p>Looking to add an <a href="https://admin.brytdesigns.com/best-wordpress-event-registration-plugins-2019/">event registration plugin</a> form to your website? Perhaps you want to add a dynamic <a href="https://admin.brytdesigns.com/best-wordpress-store-locator-plugins/">store locator plugin</a> feature to a column in your footer to show customers where they can find you? This can all be done and more from your WordPress admin dashboard!</p>
<p>First, log in to your WordPress admin at www.(your site).com/wp-admin/. Once you’re logged in, <strong>click “Appearance”, then “Widgets”.</strong></p>
<p>From here, you will see all the widgets used with your theme including widgets for sidebars, page elements, and the website footer. Edit the necessary widgets or add/remove widgets to various areas of your website.</p>
<p>Widgets you’ll typically find here include but are not limited to: recent blog posts, social media feeds, archive lists, search widgets, comments and more! Don’t see what you’re looking for? You can add more widgets to your website by <a href="https://admin.brytdesigns.com/essential-wordpress-plugins/">adding WordPress plugins to your website</a> via the WordPress Plugins menu item.</p>
<p>The left hand side of this page will contain all available widgets, the right will display dynamic sidebars your theme is using. Add a widget by selecting a widget and then selecting the sidebar you’d like to display the widget in. Don’t forget to hit Update to save your changes!</p>
<h2 id="footerCode"><span id="Edit_footer_code_and_content_via_footerphp">Edit footer code and content via footer.php</span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1165" src="https://admin.brytdesigns.com/wp-content/uploads/2019/02/footer-php-wp-editor.jpg" alt="Footer.php in the WordPress editor" width="1727" height="569" srcset="https://admin.brytdesigns.com/wp-content/uploads/2019/02/footer-php-wp-editor.jpg 1727w, https://admin.brytdesigns.com/wp-content/uploads/2019/02/footer-php-wp-editor-300x99.jpg 300w, https://admin.brytdesigns.com/wp-content/uploads/2019/02/footer-php-wp-editor-1024x337.jpg 1024w" sizes="(max-width: 1727px) 100vw, 1727px"></p>
<h3><span id="Edit_footerphp_via_the_WordPress_dashboard">Edit footer.php via the WordPress dashboard</span></h3>
<p>Use this method if you’re not familiar with FTP, don’t have your hosting server’s login credentials, or if you don’t have a preferred development environment.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1164" src="https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-heads-up-editor.jpg" alt="Heads up WordPress editor notification" width="510" height="369" srcset="https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-heads-up-editor.jpg 510w, https://admin.brytdesigns.com/wp-content/uploads/2019/02/wordpress-heads-up-editor-300x217.jpg 300w" sizes="(max-width: 510px) 100vw, 510px"></p>
<p>First, log in to your WordPress admin at www.(your site).com/wp-admin/. Once you’re logged in, <strong>click “Appearance”, then “Editor”.</strong> This is your built in WordPress code editor. When you navigate to this page, WordPress will notify you that making changes to these files can harm the functionality of your site — if you’re comfortable with code and know what you’re doing — click “I understand”.</p>
<p>Next, look for the file labeled “footer.php” in the sidebar on the right to open the file. From here you can make any changes to the file you’d like and they will reflect on your website!</p>
<p>Don’t forget to always hit “Update” after making changes or your changes will not be saved! It’s also always good practice to save a backup of the file before making changes so you can revert to a previous version of the file if you do make mistakes.</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-1169 size-full" src="https://admin.brytdesigns.com/wp-content/uploads/2019/01/footer-code-bg.jpg" alt="Footer.php WordPress code" width="1251" height="632" srcset="https://admin.brytdesigns.com/wp-content/uploads/2019/01/footer-code-bg.jpg 1251w, https://admin.brytdesigns.com/wp-content/uploads/2019/01/footer-code-bg-300x152.jpg 300w, https://admin.brytdesigns.com/wp-content/uploads/2019/01/footer-code-bg-1024x517.jpg 1024w" sizes="(max-width: 1251px) 100vw, 1251px"></p>
<h3><span id="Edit_footerphp_via_FTP">Edit footer.php via FTP</span></h3>
<p>Use this method if you’re familiar with FTP software and have a favorite code editor. The WordPress editor is not quite up to par with sublime text, atom, and the like — using the FTP method will allow you to edit the file in your own dev environment.</p>
<p>First, connect to your hosting server via FTP. Then, navigate to your root folder, then <strong>/wp-content/themes/(name of the theme you are using)/</strong>. In the theme folder you’ll find footer.php — download this file to your local machine.</p>
<p>Open the file, edit the desired code, save, upload the file via FTP and overwrite the footer.php file on the server and done!</p>
<p>Typically, and all themes can be different, you want to <strong>look for the &lt;footer&gt; element with the ID “colophon”.</strong> In this element you’ll find dynamic sidebars for footer widgets, copyright code (powered by wordpress, all rights reserved, etc.), and anything contained in your website footer.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1166" src="https://admin.brytdesigns.com/wp-content/uploads/2019/02/change-footer-content-via-wp-customizer-e1548793785301.jpg" alt="Edit footer content via WordPress Customizer" width="730" height="290"></p>
<h2 id="themeOptions"><span id="Edit_footer_content_via_theme_options">Edit footer content via theme options</span></h2>
<p>Note: all themes are different and there is no “one size fits all solution”</p>
<p>First, log in to your WordPress admin at www.(your site).com/wp-admin/. Once you’re logged in, click “Appearance”.</p>
<p>From here, you may see a <strong>menu item labeled “Theme Options”</strong> or the name of your current theme — if you do see this, click that — if not, move on to the next paragraph. From here, you should see a new page with a list of menu options, look for anything related to your “footer”, “branding” or “general”. Somewhere on one of these pages you will find an area to edit footer content, colors, copyright text, etc. Don’t forget to save your changes!</p>
<p><strong>If you don’t see a “Theme Options” or the name of your theme under “Appearance”, click “Customize”</strong>. Often themes will include their customization options directly in the WordPress Customizer. From here, you should see a new page with a list of menu options, look for anything related to your “footer”, “branding” or “general”. Somewhere on one of these pages you will find an area to edit footer content, colors, copyright text, etc. Don’t forget to save your changes!</p>
<h2><span id="Conclusion">Conclusion</span></h2>
<p>It can be extremely frustrating when you can’t figure out where to edit certain areas of your website. Hopefully we were able to ease some of that frustration for you, if you have any questions or would like us to write a guide for anything else web development, design, or search marketing related — <em>let us know in the comments below!</em></p>


How to Edit the WordPress Footer Content & Widgets

<p>Whether you’re new to WordPress, or you’ve been creating custom themes for years, you’re probably familiar with a different number of ways to include stylesheets and scripts into your theme. At BRYT DESIGNS, we focus on utilizing the best practices in web design to ensure positive search results, optimized code, and happy developers. As recommended by the <a href="http://codex.wordpress.org/" target="_blank">WordPress Codex</a>, the preferred method of enqueuing stylesheets and scripts into your custom WordPress theme is via the functions.php file. When you enqueue a stylesheet or script, WordPress will create a handle and a path to find the requested file and any dependencies it may have like jQuery, etc. — and then will use a hook that will insert your stylesheets and scripts.</p><div class="lwptoc lwptoc-autoWidth lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="24"><div class="lwptoc_i">    <div class="lwptoc_header" style="font-size:175%;">
        <b class="lwptoc_title">Contents</b>                    <span class="lwptoc_toggle">
                <a href="#" class="lwptoc_toggle_label" data-label="show">hide</a>
            </span>
            </div>
<div class="lwptoc_items lwptoc_items-visible" style="font-size:125%;">
    <div class="lwptoc_itemWrap"><div class="lwptoc_item">    <a href="#Why_not_just_include_stylesheets_scripts_in_the_headerphp_file">
                    <span class="lwptoc_item_number">1</span>
                <span class="lwptoc_item_label">Why not just include stylesheets &amp; scripts in the header.php file?</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#The_benefits_of_loading_your_stylesheets_scripts_via_WordPress_functionsphp_file">
                    <span class="lwptoc_item_number">2</span>
                <span class="lwptoc_item_label">The benefits of loading your stylesheets &amp; scripts via WordPress functions.php file</span>
    </a>
    </div><div class="lwptoc_item">    <a href="#TLDR_The_copy-pasta_code">
                    <span class="lwptoc_item_number">3</span>
                <span class="lwptoc_item_label">TLDR: The copy-pasta code</span>
    </a>
    </div></div></div>
</div></div>
<h2><span id="Why_not_just_include_stylesheets_scripts_in_the_headerphp_file">Why not just include stylesheets &amp; scripts in the header.php file?</span></h2>
<p>In the functions.php file, WordPress utilizes the enqueue system to add external stylesheets and scripts which helps prevent conflicts with other installed plugins. If you are loading your stylesheets and scripts via the header.php file or wp_head function, you are force-loading these files which may cause conflicts with other plugins and break your code.</p>
<h2><span id="The_benefits_of_loading_your_stylesheets_scripts_via_WordPress_functionsphp_file">The benefits of loading your stylesheets &amp; scripts via WordPress functions.php file</span></h2>
<p>WordPress has an extremely strong and expansive web developer community. To ensure compatibility with any other scripts and plugins you may be using, WordPress utilizes the enqueue script function. With this method, you are telling WordPress when you want to load the script, where you want to load it, and what it’s dependencies are.</p>
<h2><span id="TLDR_The_copy-pasta_code">TLDR: The copy-pasta code</span></h2>
<p>Enqueuing stylesheets and scripts is easy to do, and will help avoid problems for your website down the road. To enqueue your stylesheets and scripts via the functions.php file, place the following code at the bottom of your functions.php file (with your specific needs/modifications of course):</p>
<pre>function theme_assets() {

 // Load styles, replace stylesheet-name and stylesheet-path with your files
 wp_enqueue_style( 'stylesheet-name', get_template_directory_uri() . '/stylesheet-path.css' );

 // Load scripts in footer, replace script-name and script-path with your files
 wp_enqueue_script( 'script-name', get_template_directory_uri() . '/script-path.js', '', '', true );

}

add_action( 'wp_enqueue_scripts', 'theme_assets' );
</pre>
<p>Read more about enqueuing scripts and stylesheets (and add dextra parameters beyond what is explained here) to your WordPress theme at the <a href="https://developer.wordpress.org/reference/functions/wp_enqueue_script/" target="_blank">WordPress.org</a>.</p>


How to add Custom Stylesheets and Scripts to your WordPress Functions.php File

Tag:"Php"

Tag:
"Php"