Support forums > Plugins

Add social pages on site header and footer

(1/2) > >>

ig:
Please, how can i add my social media pages link on my website header and footer so that users will follow my pages on social medias like facebook, twitter, linkedin, google+, pinterest, instagram and others.

ig:
please who knows the solution to this issue.

Classifieds_:
What theme are you using?
If it's bender (might work for other themes too)

Open header.php and add the following


--- Code: ---<ul id="header-links">
    <li>
        <a href="https://www.facebook.com/" target="_blank"><?php _e("Facebook", 'vendorpro'); ?></a>
    </li>
    <li>
        <a href="https://twitter.com/" target="_blank"><?php _e("Twitter", 'vendorpro'); ?></a>
    </li>
    <li>
        <a href="https://www.instagram.com/" target="_blank"><?php _e("Instagram", 'vendorpro'); ?></a>
    </li>
    <li>
        <a href="https://plus.google.com/" target="_blank"><?php _e("Google Plus", 'vendorpro'); ?></a>
    </li>
</ul>

--- End code ---

and in footer.php if you want them to show up as links you can add something like this


--- Code: ---<ul id="footer-links">
    <li>
        <a href="https://www.facebook.com/" target="_blank"><?php _e("Facebook", 'vendorpro'); ?></a>
    </li>
    <li>
        <a href="https://twitter.com/" target="_blank"><?php _e("Twitter", 'vendorpro'); ?></a>
    </li>
    <li>
        <a href="https://www.instagram.com/" target="_blank"><?php _e("Instagram", 'vendorpro'); ?></a>
    </li>
    <li>
        <a href="https://plus.google.com/" target="_blank"><?php _e("Google Plus", 'vendorpro'); ?></a>
    </li>
</ul>

--- End code ---

dont forget to replace vendorpro with your theme name for example bender

once done you can use css to make the header links on one line while keeping the footer ones as a list

Good luck.

ig:
First of all, thanks for that information, am grateful.

am using osclasswizards theme.

the code makes it appear below the footer border and is listed. i want only the social logos to show and list in grid within the footer border.

again, which css code can i use to make it appear in grid on header.php.

WEBmods:
Hello,

For Osclasswizards footer, open footer.php and find


--- Code: ---        <?php if( osc_users_enabled() || ( !osc_users_enabled() && !osc_reg_user_post() )) { ?>
        <li class="publish"> <a href="<?php echo osc_item_post_url_in_category(); ?>">
          <?php _e("Publish your ad for free", OSCLASSWIZARDS_THEME_FOLDER);?>
          </a> </li>
        <?php } ?>

--- End code ---

After it add this. You can copy the line multiple times and change URL and text.


--- Code: ---    <li><a href="Your Facebook URL" target="_blank">e.g. Facebook</a></li>

--- End code ---

For Osclasswizards header, open header.php and find


--- Code: ---       <?php if(osc_user_registration_enabled()) { ?>
        <li><a href="<?php echo osc_register_account_url() ; ?>">
          <?php _e('Register for a free account', OSCLASSWIZARDS_THEME_FOLDER); ?>
          </a></li>
        <?php }; ?>
        <?php } ?>
        <?php } ?>

--- End code ---

After it add this. You can copy the line multiple times and change URL and text.


--- Code: ---    <li><a href="Your Facebook URL" target="_blank">e.g. Facebook</a></li>

--- End code ---

Regards.

Navigation

[0] Message Index

[#] Next page

Go to full version