WordPress.org

1. alaguapatos
   Member
   Posted 2 years ago #

   Hello everyone!!
   Today i have a an epic ethic question.

   The_question_itself: ¿I'm doing it wrong using 2 Stylesheet files in my theme?

   The_explanation:
   Imagine, i'm working on a theme where the posts in "index.php" are like:
   - a 200x600px Post Wrapper
   - a 200x50px Title & excerpt thinghie (float left;)
   - a 200x530px Image Thumbnail (mady by customflieds and float: right;)

   Well. once i click on a post to read the full content i would like to remove the thumbnail and make the tittle and the content thinghie to be 600px width.

   Here comes the solutions i found:
   A- Create new Class Divs for the new displaying of the post and add its new style on Style.css

   B- make "Single.php" to target a new Stylesheet file called "single-style.css" and then just modify the values i need for the new content display.

   Thoughts:
   I dont know wich option is the correct one.

   Option A seems to be the basic and tipical option.
   But B, seems to be more logical and ethic for me, as i wont need to put code that is not going to be used in index.php and viceversa in single.php.
   Each *.php file will have it's own css code.

   I tested it a bit and if i create an empty single-style.css and visit the single.php page it seems to still reading the style values i used in the basic "style.css" file. So if i modify specific parts of the "style.css" file in the new "single-style.css" file. Everything seems to works fine. Whatever i dont modify, stills being displayed as normal. Whatever i modify, changes...

   Is that correct? it's ethic?
   Any idea?

   Thanks in advance!!

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   I don't think there's anything wrong with using 2 stylesheets.

3. alaguapatos
   Member
   Posted 2 years ago #

   Hi Esmi! Long time no see!

   Thank you for the reply. Now i'll use two stylesheets without regreting.

   ehhrmm.. Another little question:
   Wich way is the correct one to call a new stylesheet?

   the one i'm using is puting this:
   '<link rel="stylesheet" href="/wp-content/themes/The Box 2.0/style_single.css" type="text/css" media="screen" />'
   at the top of the "single.php"

   It seems to run ok, but as i said, if i left empty that "single-style.css" it seems to still using the latest css atributes i used before in the index.php with his style.css.

   Is there any way to call the new stylesheet and even do a global reset of styles before loading the new page?
   is this question silly enough? :P

   Again. Thanks in advance!
   My new portofolio is at 70% atm ^^

   PD: my apologies for the huge content of my posts. Keep in mind that i'm Spanish, and i'm doing my best to write in a way that i can understand and others can, too... (or i hope they do)

   hugs!

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Personally, I'd use:

   <?php if( is_single() ) :?>
   <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style_single.css" type="text/css" media="screen" />
   <?php endif;?>

   in header.php to call the additional stylesheet. Just make sure that this is after the call to style.css or another other screen-based stylehseets in the header code.

   If you need to perform a global reset, you could either add your resets to the top of style_single.css or call a separate reset sheet as part of the conditional:

   <?php if( is_single() ) :?>
   <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/reset.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style_single.css" type="text/css" media="screen" />
   <?php endif;?>

   And - no - the question is nowhere near silly enough. :-P

   If it helps at all, I've created themes that contain 4 or 5 stylesheets - all called at different times etc.

   And your English is way better than my Spanish (which is almost non-existent).

5. alaguapatos
   Member
   Posted 2 years ago #

   Yay! thanks a lot. This is exactly what i was looking for!
   Can't wait until 6p.m. to start coding again.

   Pd: As Spanish guy, in the world we live you have no option to survive if you dont (at least) understand english.
   There's a huge bunch of information aviable and most of the times this information comes in english.
   At the present time, skipping information just because you don't understand it, it's a huge fail.
   Do you guys remember how to do when you wanted to learn something before "The Internet"?
   Isn't fantastic that today we are in a some kind of "global mind sharing" where the limits of every single person are their own imagination?

   anyway, thanks a lot for the reply!

Topic Closed

This topic has been closed to new replies.