Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
QUESTION How to add my company logo?
#1
After wrestling with Drupal and Wordpress for a while I came upon GetSimple while looking for a CMS with a lower complexity level for a simple web site. SO far I love what I see but ...

The one thing I can't find is how to simply add the company logo instead of the name.

I'm using the Innovation theme and this was so easy in the other CMSs (about the only thing that was!) but I can't find how to do it here. I searched but the only thread I could find gave instructions that must have been for an old version or something as they simply don't work.

Can someone please point me in the right direction.
Reply
#2
(2016-02-21, 12:37:59)JonBoy49 Wrote: The one thing I can't find is how to simply add the company logo instead of the name.


Not quite sure what your looking for...


The site name is in the admin menu under "Settings"
there is a text field [Website Name]

On line 45, 46 of headers.inc.php in your theme folder is where your logo is displayed and can be customized.

<!-- logo/sitename -->
<a href="<?php get_site_url(); ?>" id="logo" ><?php get_site_name(); ?></a>

in style.css lines 62-79 is the format for the header LOGO

/* HEADER: logo */
header #logo {
    position:absolute;
    top:20px;
    left:0;
    font-size:35px;
    white-space:nowrap;
    color:#fff;
    font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px rgba(0,0,0, .4);
}
header #logo:link,
header #logo:visited,
header #logo:hover,
header #logo:focus {
text-decoration:none;
}

If this is not what your looking for, please provide more information Smile
Thanks,
jwzumwalt
(\__/)
(='.'=)
(")_(")
Reply
#3
People use the admin css plugin to add stuff to backend
NEW: SA Admin Toolbar Plugin | View All My Plugins
- Shawn A aka Tablatronix
Reply
#4
First upload your logo into your website files and copy the full picture url.
Go into your admin panel, on Theme / Modify your theme and edit the "header.inc.php" file.

Replace :
<?php get_site_name(); ?>

by :
<img src="http://www.your.full.path.to.company.logo.png" alt="Your Company Name" />
__
Contact me if you need a french translation file for your plugin.
Reply
#5
(2016-02-23, 02:49:39)Charpy1 Wrote: First upload your logo into your website files and copy the full picture url.
Go into your admin panel, on Theme / Modify your theme and edit the "header.inc.php" file.

Replace :
    <?php get_site_name(); ?>

by :
    <img src="http://www.your.full.path.to.company.logo.png" alt="Your Company Name" />

Or something like:
PHP Code:
<a href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/logo.jpg" alt="<?php get_site_name(); ?>"></a
This code is making the logo also a link to the homepage. 

<?php get_site_url(); ?> is changed to the domain url when rendering the page.
<?php get_theme_url(); ?> is changed to the rootfolder of the theme.
<?php get_site_name(); ?> is changed to the name of the site as specified in Website Settings in GS.

For more info on template tags see here: http://get-simple.info/wiki/themes:template_tags

There are actually plugins which make it possible to implement a configuration page for a theme so you can change such settings. But theme makers do not often implement them.

Theme Settings
GS Custom Settings
Reply
#6
Thanks one and all for the information. Each of you added something I didn't know so it all was useful.

I just wasn't expecting to have to modify source code so I figured I was missing something.

Now I just have to work out how to make the logo area larger and I'm good to go.

Thanks again.
Reply
#7
For some reason i read source code and assumed this was for the back end SITENAME.
As it is a trvial thing for front end, as you are meant to modify templates., thats the point and why we include a theme editor.

So ignore this, but if you wanted this on backend here.


........

Use the css and stick a psuedo element..

Code:
#sitename:before {
display:inline-block;
content: "";
background-image: url("/dev/getsimple/develop/data/uploads/image-2.gif");
width: 100px;
height:100px;
float:left
}

http://get-simple.info/extend/plugin/cus...in-css/15/

Or use my hook component plugin or a plugin and insert using jquery.
NEW: SA Admin Toolbar Plugin | View All My Plugins
- Shawn A aka Tablatronix
Reply




Users browsing this thread: 2 Guest(s)