Forum Replies Created
-
Wow, that worked perfectly!
Only thing I need to figure out now is why it works when I call the tabs.css stylesheet from an external source, but not when I copy it into my child theme. I believe it would be best practice and proper form to serve it myself.
WORKS:
function daves_tabs_style(){ ?>
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/tabs.css" />
<?php }Doesn’t work:
function daves_tabs_style(){ ?>
<link rel="stylesheet" type="text/css" href="http://freetravelgenius.com/wp-content/themes/graphene-child-ftg/tabs.css" />
<?php }No, this will have nothing to do with the site’s navigation/menus. This will simply be implemented on a single page. I thought that was the whole point of “tabs”.
So this page also has them linked to “#”, but it works:
http://flowplayer.org/tools/demos/tabs/index.htm
The goal is not to jump to different pages, but use script to show the information I want in different tabs immediately upon switching tabs.
Sorry, I am brand new to javascript (and quite an amature at web ‘programming’ in general) so I am probably phrasing my questions very poorly.
Thank you.
Jon, it worked, you rock! It took me a few minutes since I had to put it in custom css instead of the child style.css (I hate that), but got it working and think it looks a lot better now.
Do you have a suggestion for adding the Google Plus One and Facebook like button to the top bar without messing up the styling? E.g., keeping consistent with the large twitter logo?
Thanks!
Oh, and I totally redid the structure of the site from being blog focused to static page focused. The front page now has two tables on it (using wp-tables-reloaded) that summaries what I think the reader should do instead of making them read a lot of blog posts to figure it out. The blogs are still there and accessible from the top menu. As is a new menu header with 4 static pages of summary info.
Comments on if you like it better? You can go to the “Points Blog” page and it is basically my old home page without the “category archive” title.
@dota2hook. I cropped part of the header from the travel_map theme (http://freetravelgenius.com/files/2011/09/cropped-Header.jpg) and am trying it out. I like that it is relevant to the website, but it may clash with the general color scheme of graphene. What do you think? If you see the default Graphene image by the time you look at the site, that means I already had enough negative feedback to switch back.
@Kenneth:
Yes, I know, I went back to using custom css.
I read that link, though I don’t think I understand. Are the light color header bars check box supposed to fix things or was that just an example of how custom css is different from a child style?
So if I put code into a child style.css after the @import, wouldn’t that overwrite prior code from the theme?
Is it possible to have native support for the Google+1 button instead? I think I mentioned somewhere else that I would love to be able to put it (as well as a facebook like instead of a facebook link) on the Top Bar with the option of showing or not showing the counter.
I have google+1 in the page by putting Add This code into the Graphene options under Sharing. I can’t for the life of me, however, figure out how to get all the AddThis icons on one line — http://www.freetravelgenius.com.
Hmmm, I have been able to make changes to functions.php in a child theme and get new css to work by putting it in the extra css box in graphene options, but I have not been able to get changes to my style.css to work in a child theme. The following will make my links bold when inserted in the graphene option box but not in the child css. Does the option box handle css differently?
WP 3.2.1 (Networked)
Filename:
public_html/wp-content/themes/graphene-child/style.css/*
Theme Name: Graphene Child
Description: Child theme for the Graphene theme
Author: The Acqumen Group, LLC
Author URI: http: //www.acqumengroup.com
Template: graphene
Version: 0.1.0
*/
@import url("../graphene/style.css");
a,
a:visited {
font-weight:bold
}
a:hover {
font-weight:bold
}PERMALINKS:
yes, probably not an issue with the theme, just a wordpress thing and if I am doing anything using custom code, I would need to copy that to the mobile theme, such in this case I made a copy of the index.php page and made it into a page template (in the child theme folder) that only shows a certain category. I then created a blank page called travel-blog that referenced that page template. This works on the desktop version, but not the mobile version since there is no corresponding pagetemplate in the mobile version. My alternative is to reference http://www.freetravelgenius.com/category/travelblog/. My only issue there is that it is a less friendly URL. Maybe I just do it and have http://www.freetravelgenius.com/travel-blog 301 redirect to it? Maybe less ideal for SEO if I am continually putting the word out on a redirected page? Also, it has the title “Category Archive” which would be slightly better not to have.
MANUAL SWITCHING:
I turned off all three check boxes for manual switching in mobile smart. I will check google webmaster in a few days to see if that helps.
CHILD THEME:
I created my own child theme (graphene-child) so I would be able to make advanced changes. See my child code below. Note I commented out (and moved into php so the // comment-out would work) the google plus one link for the top bar since it was messing up the look and feel. I needed to move Twitter and Facebook into the child theme from Graphene Top Bar Options since the hook had put it inbetween the RSS and Facebook and messed up the look and feel even worse with all of them jumping to lower lines. There is probably something I can add to the google code so it doesn’t effectively make a line break at the beginning, I just don’t know what it is.
In addition to the below, I have some stuff in there that I will be using in the future to make sortable tables, e.g., sortable_us.js.
STYLE.CSS
/*
Theme Name: Graphene Child
Description: Child theme for the Graphene theme
Author: The Acqumen Group, LLC
Author URI: http: //www.acqumengroup.com
Template: graphene
Version: 0.1.0
*/
@import url("../graphene/style.css");FUNCTIONS.PHP
<?php
function daves_googleplusone_fun() {
?>
<a href="http://www.facebook.com/FreeTravelGenius" title="Visit Free Travel Genius's Facebook page"><span>Visit Free Travel Genius's Facebook page</span></a>
<a href="http://twitter.com/#!/freetravelg" title="Follow Free Travel Genius on Twitter"><span>Follow Free Travel Genius on Twitter</span></a>
<?php
// <div class="g-plusone" data-annotation="none" href="http://www.FreeTravelGenius.com"></div>
}
add_action('graphene_feed_icon','daves_googleplusone_fun')
?>PAGE-TRAVELBLOG.PHP:
a copy of index.php from graphene with the following key changes:
/*
Template Name: Travel Blog
*/AND
<?php query_posts("cat=37"); ?>RTL.CSS
/*
Theme Name: Graphene Child
Description: Child theme for the Graphene theme
Author: The Acqumen Group, LLC
Author URI: http: //www.acqumengroup.com
Template: graphene
Version: 0.1.0
*/
@import url("../graphene/rtl.css");Oh, I fixed the “More” issue. It was a some code I had in my child functions.php.
For next version
I am using some child themes, but please consider adding code boxes for header (can sneak it into the analytics box for now), body and footer. For example, I was told it was best to put the goolge plus script on the bottom of the page.
Also, a place for code in the top bar. I’m trying to put google plus in the top bar and having a hell of a time. I was able to insert it using functions.php, but still working on figuring out how to stop it from going to the next line (annoying on its own) and then causing the site name to shift to the right (even more annoying). Hopefully I will have figured it out by the time anyone reads this.
