January 31, 2010

WordPress

(Comments)

I was tired of making all kinds of edits to my theme files when I changed themes. I thought why do we even have to have new files to change themes. Themes are only styles and formats. You can do placement also but all this is done with the CSS. So I created my new themeset. It is one set of main files that you can change the style sheet to.

Simple enough. I also figured why not use HTML5 and CSS3 for the new theme. If you are going to do something be innovative. So in order to play with the theme you need to login to my WP theme site wpthemes.jack-in.com

If you would like to contribute a theme here is the CSS. Edit it and send it to me. I will add it to the vault so you can see it in action.

/* == BASICS == */
*
{
border-width: 2px ! important;
}

header, footer, section, article, aside, nav
{
display: block;
}

body
{
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 150px;
width: 1000px;
background-color: silver;
}

nav+section
{
overflow: hidden;
width: 600px;
float: left;
clear: none;
}

/* == LINKS == */
a:link, a:visited
{
text-decoration: none;
color: #3F3F3F;
}

a:hover, a:active
{
text-decoration: none;
color: #3F3F3F;
}

/* == HEADER == */
body>header
{
background-color: #818181;
border-style: double;
padding: 5px;
color: #0D0D0D;
font-size: 175%;
text-shadow: 0.02em 0.04em #333;
}

body>header h1
{
margin: 0;
color: #ccc;
}

body>header h2
{
margin: 0;
padding-left: 30px;
color: #333;
font-size: 110%;
}

body>header h1 a:link, body>header h1 a:visited
{
text-decoration: none;
color: #4F4F4F;
}

body>header h1 a:hover, body>header h1 a:active
{
text-decoration: none;
color: #fff;
}

/* == POSTS == */
article[id*=post-]
{
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}

article>header p, article>footer p
{
font-style: italic;
}

article+nav
{
font-weight: bold;
}

section>h1
{
padding-top: 10px;
}

/* == NAVIGATION == */
nav
{
text-align: center;
clear: both;
}

body>nav
{
background-color: #999;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}

body>nav ul
{
text-align: left;
margin: 0;
}

body>nav li
{
margin-right: 20px;
font-weight: bold;
display: inline;
}

/* == COMMENTS == */
article[id*=comment-]
{
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding: 10px;
}

article[id*=comment-] h4
{
margin: 0;
}

.alt
{
border-color: #ddd;
border-width: 1px;
border-style: solid;
background-color: #eee;
}

form[method=post] label
{
display: block;
}

form[method=post] input
{
margin-top: 2px;
margin-right: 0;
margin-bottom: 12px;
margin-left: 0;
display: block;
}

/* == SIDEBAR == */
aside
{
margin-top: 30px;
overflow: hidden;
width: 250px;
float: right;
clear: none;
}

aside li
{
list-style: none;
}

aside li ul li
{
: ;
list-style-position: inside;
list-style-type: disc;
}

/* == FOOTER == */
body>footer
{
padding-top: 100px;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}

/* == SEARCH == */
label[for=s]
{
display: none;
}

/* == ELEMENTS == */
/* a place for misc. styles */
/* == ALL YOUR CODE IS POETRY == */

click image to view larger

January 10, 2010

WordPress

(Comments)

Here it is. Simple Amazon Affiliate linking ad words from your post tags. It’s a beta.



I am still having some spacing issues with the widget display on different themes. The screenprint is using a classic based modified theme. My current theme does not like the way the sidebars are CSSed. But Having my own plugins and functions with my own themes will make it so that my code does not clash with the code of other programmers. As it is in some themes some formatting is not co-pasetic. When you want to be fancy sometimes you hack. That leads to issues. My last theme (not by me) was a major hack (and it was nice) and it is not returning from the dead :-( With 2.9+ most of my plugins worked. So that is good but themes seem way more sensitive.

view the live plugin here http://wpthemes.jack-in.com


download it now

January 9, 2010

WordPress

Comments

buy this book on Wprdpress theme design in 2.8 from AmazonI was working out in theory and on paper my first complete Wordpress theme. I modify and edit and add to and subtract from themes. But this one would be completely from scratch. I wanted my own customizable features, header images, logos, placement and functions. All in one theme that I could also change the theme of this theme for holidays. So this would be the be all end all theme.


And I started to over analyze (it’s better that way) about this whole process in general.



I always tend to jump ahead sometimes it just takes a leap of a faith that tells me that it is able and available to be done, but people just don’t do it. I know that I have seen defaults in themes. Where do they come from? How do they link in to a theme? Can I create my own default? Why not. Someone out ther had done this before me. I just have to find out what the steps are and do it also.



I began to wonder why I had to create entire pages of code. CSS can place and format any item on a web page. Why do themes contain pages at all?



It seems to me there should be an id for each part of what can display on a Wordpress site and that #id should have #names and each name could be assigned lower classes also. So, again what is with the pages of any kind of HTML whatsoever. I always said that I would not use CSS until I was ready to give up almost completely on using any kind of HTML at all. If my data is dynamic, and I can completely format with CSS why would I need anything else.



Well, Wordpress may just be the push I need. I would like to say that theme designers around the world need to agree on some standard #ids for components. We know that we use #container, #content, #post, #comments, #sidebar etc. so why not take these basics and develop themes that consist only of style-sheets and a theme settings page the active file being set up by Wordpress itself?



example:


If you have a #comment tag your theme settings can say show comments or not. the <#id> would then be hidden or not. With CSS and the settings of the theme that would be it. no need for the extra files to even exist.



Wordpress itself lets you borrow from other themes with their CSS setting Template: option. So why is it not used more often. Why are there not more strong bases to use as default templates. Kubrick is ok but I want more…lot’s more…



The template option is there for a reason.


Anyway, I just had to get that off my back. Redundancy really bugs me.


Related Posts On Other Sites:



January 7, 2010

WordPress

(Comments)




download it here








If you like it please consider donating.







January 4, 2010

WordPress

(Comments)

first I edited the file wp-includes/formatting.php



search for <br> then it will find where it does a string replace of

$content = str_replace('<br>', '<br/>', $content); this is for xhtml to display properly and with the correct syntax. Change it to

$content = str_replace('<br>', '<br clear="none"/>', $content);




Then go into the settings/writing section of your WordPress admin. Check if you are after all allowing XML-RPC (this will affect your ability to publish from programs like Windows Live Writer). If you don’t want it or don’t know what it is un-check the box. This way you can really be sure that no reformatting for XML should occur.


Of course the annoying thing is that you will have to re-edit the formatting.php file if you upgrade your WordPress install.

January 2, 2010

microblog

Comments


I had my theme Feed Me Seymour fully customized, just the way I wanted it, then the WordPress 2.9 upgrade and back to square one. I swear I will have to write my own themes. I don’t like intensive creative artistic type of work. I like the actual code part. Graphics I can do but my head hurts afterward from all the trying to get a nice look and feel. Most of the time I leave that shorted. But functionality I must have.








I have a long list of features that no longer work like separating my trackbacks from my actual comments. This will occupy my night tonight. Maybe I can keep my mind off the cold. Michigan can freeze you for the winter. Polar bears come here to vacation brrrrrr. We have the heat on but trying to keep from turning it on a constant 82 degrees takes some will power and I stopped being friendly with Will a while back. I do cheat. I use a portable heater in the living room our cat sleeps in front of it, actually she sleeps right on it. I keep telling her I am pretty sure cat fur is flammable, but you know how cats are.

December 28, 2009

WordPress

(Comments)

‘Feed Me Seymore’ my theme (heavily customized) is not happy with the new upgrade. Also the widgets died and the RSS is MIA. I edited code all days to fix much of it but I am reluctant to dig deaper tonight. I ran the fix rss feed Wordpress plugin on all the files in my install. it removed whitespace but still no RSS. :-( My guess is there is one file dynamically creating the header and it is offline. but what file??? I disabled all the plugins and the RSS problem still exists.



I am pretty sure the CSS is off because of the new way that WP must be dealing with widgets.



I also noticed my custom fields are not displaying… so one more thing to repair. idk I am writing a plugin and it is the easiest thing in the world to keep it simple so that your code does not conflict and will work accross upgrades.??? what happened? lack of straight line code writing… bad thing.



C’est la vie. Tomorrow is another day.

I am not sure how this is enabled. It may be because of some plugin that I have installed or it may be a feature built into WordPress itself. But whatever this makes life so much easier.

I was creating custom fields for shortened URL to each post (ie: bitlyurl = bit.ly/1234 tinyurl = tinyurl.com/1234 etc.etc.)

How labor intensive to add each one into the custom WP field of each post. I first had to go the the shortener site and create the URL then copy paste it and update the post. Pain in the neck. but I wanted to display the short URL so…

Then I was playing with the code and discovered that when I used this snippet
view the txt here
But It must be linked to one of the like idk 85 plugins I have installed and also I tweaked them all so they are not original anymore.

I was also thinking that it could be linked to the Ping or Trackback features in WP.

Who know what happened but the URLs pour in from all of the shortening services automatically after they are created by anyone. Love it!!!!

BUT and there is almost always a but with new code snippets. It does not seem to work consistently.

It works here http://www.juanitachronowski.com/jdcblog/?p=1835

but not here (on this page) http://www.juanitachronowski.com/jdcblog/?p=2056 at least not at the time of posting this.

I am not sure what the factor is that turns it on.. :-(

If anyone knows what could cause this let me know.  Otherwise I chalk it up to a happy happenstance where it works and not worry too much about it when it doesn’t.

If you try it on your site and it works let me know (comment here I dofollow back) also

I was at the store with my hubby when all of a sudden it came to me. I was having a problem with some CSS on a site I was working on. What could be the problem? I knew it had something to do with my nested DIVs but which one and where?

pguicheteauwpUsing separate files for each part of the site and each part of each page on each site can be confusing sometimes. I customize any applications and websites that I code and this was no exception. I was changing things to spec on the fly and lost track of one stray tag.

I had designed my own theme to match an old design that was completely in ASP. I had to migrate it to WordPress and convert the database to fit into the WPbase MySQL and rewrite all the ASP to PHP. And also make it function the same. That meant hacking about 20 plugins, modifying and creating my own functions and really getting into the deep end of CSS because I was using a multi-column design and did not want to resort to tables within WordPress.

So I am going over each line of code in my head while shopping (What better time to do that?) then about 60 lines of code in I screamed out loud. “OhMyGaad! I put that DIV in the wrong file, I have it in two places!” I could not wait to get home. I had put a div in the main file and in the head by mistake.

I somehow think that my nerdy/geek husband was not too happy with my revelation. Or maybe it was the public outburst? It was a eureka moment what can I say. When inspiration hit – it hits.

Anyway — Fixed. I slept well that night.

Yes, I am geekgrrl and proud of it :-)   I was a nerd before nerds were multi-billionaires.

Now about that website job you need done. give me a call.

Please comment here to link to the site where you will use this theme. I do follow approved URLs

this theme is for the Wordpress plugin (that allows the display of numbered pages instead of the previous | next) found here by jenst.se

maroon1

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a
{
background-position: center left;
background-repeat: repeat-x;
padding: 0;
margin: 0;
border-style: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
text-transform: none;
text-indent: 0px;
font-variant: normal;
text-align: left;
line-height: 12px;
letter-spacing: 0px;
word-spacing: 0px;
font-size: 12px;
font-family: Arial;
color: white;
font-weight: bold;
}

#wp_page_numbers
{
margin-top: 10px;
width: 100%;
border-color: white;
border-width: 1px;
border-style: dashed;
background-position: center left;
background-repeat: repeat-x;
background-color: maroon;
color: silver;
}

#wp_page_numbers ul
{
width: 100%;
}

#wp_page_numbers li
{
float: left;
display: block;
}

#wp_page_numbers a
{
padding: 6px;
padding-left: 4px;
padding-right: 4px;
display: block;
}

#wp_page_numbers li a:hover
{
text-decoration: underline;
background-color: orange;
color: #000;
}

#wp_page_numbers li.space
{
padding: 6px;
}

#wp_page_numbers li.active_page a
{
background-position: center left;
background-repeat: repeat-x;
padding: 6px;
padding-left: 8px;
padding-right: 8px;
color: olive;
font-size: 115%;
}

#wp_page_numbers li.active_page a:hover
{
color: red;/* IE fix */
}

#wp_page_numbers li.page_info
{
float: left;
display: block;
padding: 6px;
padding-right: 8px;
font-size: 11px;
}

June 30, 2009

Credits

(Comments)

Feed Me, Seymour theme designed by c.bavota

May 9, 2009

microblog

(Comments)

When setting up a web server the structure of your directory system is extremely important.

You have to think of the way it will be used. I have my WP on same level as my root so that if I reference an image it does not know where to find it. I did not configure this structure. I suppose there are ways to make it workable but seems like a lot of trouble for no reason to me.

Anyway I fixed my RT links. so instead of the short jack-in.com/?p=138 it will have to read juanitachronowski.com/jdcblog/?p=138 for now anyway. I guess people will have to learn how to spell my name from memory. Juanita Chronowski . but the /jdcblog part hmmmm… Well I am not moving my Wp again. I just got situated (and not yet fully) on the new server.

You tweek and configure and customize for days and days then one day you hope that you don’t feel the need to add or subtract anything. BOOM! That day has come. I am comfortable in the way my website is functioning. I have everything I need right now running on it both front and back end. YEAH! W00T! YiP!

Now just cross my fingers and hope nothing breaks. And back up daily ;-)

January 1, 2009

WordPress, general

(Comments)

wpadmin1

 wpadmin2

Get Adobe Flash playerPlugin by wpburn.com wordpress themes