Archive | Tutorial RSS feed for this section

Migrating a PowerPC G5 Mac to an Intel Core i7 MacBook Pro

I am moving from my 5 year old PowerPC G5 Mac to my new Intel Core i7 MacBook Pro.

Since I did not find a definitive guide on how to move your data, applications and preferences for my specific case, I am documenting here what I did for so that it might benefit someone else.

Start

I got the point of starting up the laptop and going through Apple’s basic setup process. Simple.
However, in that process the computer asks you if you are moving from another computer. It wants to use the migration assistant. I strongly urge you NOT to use the migration assistant. It will bring over what you need BUT it will also bring over alot of junk that you dont need from apps that were installed and removed from your old computer.

My Custom Applications

Besides its better to start with a a clean install of every application. The best explanation I’ve heard on this comes from my friend Chris Foley (Hat tip to @foleypod).

He prescribes that a clean install is best. Moving applications over from your older system setup, in most cases, will require you to upgrade the software after you move it over.

You will be upgrading code that most likely was installed on a previous version of OS X (10.4, 10.3) and subsequently upgraded by you over time. DON’T DO IT. Clean install ensures that you’re getting code that is optimized to run on an Intel chip with oS X 10.6

And that is just what I did.

The strategy was pretty simple. Open you Applications folder on your old computer, review each application and decide what you want on the new machine. Google the ones you want on the new machine and you will get the latest installers that are correct for you machine (as many websites these days read in browser/platform information and can pass along the correct installer).

So I did that for all my Applications large and small.

What about application registrations?

BUT you may be asking yourself, what about registration data? Will I have to type in all that information again?

I did. I basically have all the applications on my laptop right now and as I need them I launch them and get the right data in place. It takes a few minutes more, but its less headaches.

What about preferences?

On some applications, SOME I will bring over preferences. On Adobe’s fat install, no. I will make new prefs, too much baggage there. On smaller apps, yes. Apps like Typinator, or CSSEdit. Those I will bring over because they are not bloated apps.

Moving Email

I followed this simple guide from eHow. How to Move Apple Mail Settings and Email on a Mac.

It has you move the Mail folder located here: ~/Library/Mail.

It also has you move ~/Library/Preferences/com.apple.mail.plist

I also use MailTags and MailActOn. So I had to deal with their particular preference files.

iTunes.

Fortunately for me I can use the iTunes Home Sharing function to use most of what I need. I will copy over any specific artists as I need them.  I also have a large library of music on my iPhone too.

Then move files.

The last bit for me it to move over my working files (current projects) and my web development files (all my custom programming). That is taking place right now while I am writing this post.

Looking forward to working on this new machine.

Now I have to realize I can getup and take it with me.

Continue Reading

Tags: , , , , ,

WordPress + Thesis Tutorial: Finding and fixing phantom spacing on your web page

I came across something while working with WordPress and Thesis that I know will help at least one person and possibly save them hours of frustration. So here is the tutorial.

I was working on a revision to a visual layout of a website I previously helped develop on the Thesis theme framework. I spent more time than I should trying to find out where the extra space between webpage elements was coming from. Was it the CSS? It had to be.

I checked the CSS using my editing tools. No extra margin, no extra padding, yet I still could not get page elements aligned the way I wanted. There was a mysterious “gap” between page elements. No matter what I tried with my CSS (other than negative margins—no bueno in this case) the gap would not go away.

I finally got smart and looked as source code—the html. Typically I get to the source code earlier in the process, but this time I thought all my issues were in CSS but they were not. The key to the solution lie inside the HTML.

I recorded the video tutorial below in hopes that it might help you. If it does, let me know in the comments.

Be sure to click on the small, 4-arrow button in the bottom right corner of the video (as shown in the graphic below) to see the video at full size. Hope this helps.

Continue Reading

Tags: , , , , , , , , , , , ,

Thesis Tutorial: Funky Header Navigation

Sometimes one has the need to create a custom, or “funky” header navigation and today is the day for me. So I thought I would document the process of what I do to help you with a custom navigation challenge.

We want to create a vertical navigation as is seen below in the previous version of the website (click the image to see full size).

Screen shot 2009-11-02 at 12.19.47 PM

There is a bit of vertical navigation that is distinct from the main horizontal navigation that is governed by the Thesis navigation controls. To do this we need to do some custom programming. Continue Reading →

Continue Reading

Tags: , ,

Thesis Tutorial: Custom “After the Post” Box

Something I have at the end of my all my posts is a box letting people know that I am a WordPress expert, Thesis certified designer, and that I can work with you! This shows up on each and every post. I have this setup in Thesis’ custom_functions.php. I thought I would share how I did this and explain some other options that you might consider if you want to use it.

Continue Reading →

Continue Reading

Tags:

WordPress/Thesis Tutorial: Custom Google Search Engine

One of the things you always want to provide visitors to your website is a good search tool. The default search tool that comes standard with WordPress is adequate. However, if your website covers a topic, or area of topics, or you have a Google AdSense account, you can take advantage of Google’s Custom Search Tool. Continue Reading →

Continue Reading

Tags: , , , , , , ,

WordPress/Thesis Tutorial: Custom ‘Coming Soon’ Page

WordPress-Thesis Image

One of my frustrations when developing WordPress websites (separate from Thesis) is trying to have a “coming soon/under construction/under development” page so that the public gets the message that things are coming while I and the client can work away in the background. Why would you need this? Well in most cases you have a domain name purchased and parked somewhere. Many times you get a lovely, unsightly, generic ‘coming soon’ page that looks very unprofessional.

Continue Reading →

Continue Reading

Tags: , , , , , , , ,

Thesis Tutorial: Sidebars However You Like Them

thesis-binary

One of the things I learned from creating multiple custom page templates within the Thesis framework was how to create and modify sidebars. WordPress and Thesis provide you with a simple an effective way for implementing sidebars on your website with the use of simple syntax, options, and widgets. Continue Reading →

Continue Reading

Tags: , , , , , , ,

Thesis Tutorial: Deleting Preferences and Resurrecting Them Again

thesis-binary

I have been working within WordPress for a few years and with Thesis since the start of 2009.

Recently I upgraded my version of Thesis to the latest ‘stable’ release, verison 1.5. I had been running version 1.4.2 just fine and had been playing around with some of the beta versions too. However, somewhere along the way things got a bit “mucked up.” My teasers were not showing on my website. Continue Reading →

Continue Reading

Tags: , , ,

Thesis Tutorial: Multiple Custom Page Templates

thesis-binary

I have been working with Thesis for a little over a month now. Thesis is a relatively new templating platform for WordPress. Thesis has unmatched SEO, cross-browser compatibility, and top-notch HTML + CSS architecture. This website runs on Thesis.

I was looking through the Thesis forums and tweeting with others on how to get a solution to an issue. The issue has to do with creating custom templates. I want a custom home page design. I also want a custom template for other pages. Basically I want multiple custom templates available under one design. I have tried to explain what I have found below. I welcome your comments and ideas. There may be other ways to do this (usually is) but here is how I did it. Hopefully this can help others.

A Little Thesis Primer

If you are familiar with Thesis you can probably skip to, “Getting To It.” The way Thesis works is to keep all customization inside of one folder–that is part of its genius. Whenever the templating system is updated you overwrite the entire file structure, save your custom folder, and replace that back in and voila you have arguably the best templating system under the hood while keeping your design in tact. This may not seem like much to the layperson, but for those of us that design and develop web sites on platforms like WordPress it is a godsend.

So back to multiple custom templates inside of Thesis.

All of the custom files sit within one folder in ~/wp-content/themes/thesis/custom/

Image of folder structure of where custom files sit inside Thesis

Every customized design using Thesis has their custom templates, css, and images stored within this folder.

To create custom page templates you need to use Thesis’ ingenious “hook” system that allows you to tinker with the components of any part of the standard layout or, if you are brave, roll your own layouts and custom designs. The best entry-level instruction I have found for understanding and using “hooks” is at the web site of Sugarrae: here it is.

Once you have the basic understanding of “hooks” under your belt, have your designs ready to go, and have some WordPress chops, you are ready to create multiple custom page templates.

Getting To It

First thing you need to do is make sure you have your “home page” set to really be the home page. Whenyou are logged in as the admin go to settings/reading. “A static page (select below)” should be set to your homepage. See this image:

homepagesettings

Once I have done this I then need to make sure I have selected the “Custom Template”option from the drop down menu on the right side when you are editing any page (not posts!):

picture-2

So, first I want a custom home page template.

In the file thesis/custom/custom_functions.php I added:

/* HOME PAGE CUSTOM TEMPLATE */

function home_pagecustom() {
/* check to see if homepage. has to happen inside the function */
if (is_home() || is_front_page())  {
?>
...Your custom layout goes here...
<?php } }

/* Now we tell Thesis to use the home page custom template */

remove_action('thesis_hook_custom_template', 'thesis_custom_template_sample');
add_action('thesis_hook_custom_template', 'home_pagecustom');

The code above has been whittled down to show only the essential code. It works to display a custom home page as long as you have selected “custom template” from the pulldown menu when editing the ‘home’ page.

You may insert any HTML and style it in the custom.css file. Be sure to save custom_functions.php and custom.css and upload to your ~/wp-content/themes/thesis/custom/ directory.

One Custom Page Down.
How About A Second?

So how do you add another custom template after defining the home page template?

You need to define another function for your next page template. You can add as many functions (think page templates) that you like. Each one needs a unique name. You also need to define the conditional properly. You need to make sure that the conditional is within the function—it will not work outside of it.

Use the right *if* statement to make sure you apply the right template to the right page. I typically put the page tag and the page ID—a type of insurance. You can find a page ID by hovering your mouse over the link to edit the page when viewing a page list within the admin area of WordPress.

This example below is testing for the “press page” and if it is, puts the WordPress content on the left side of the page and both sidebars to the right:

/* CUSTOM PRESS TEMPLATE */

function new_presspage() {
if (is_page('press') || is_page('512')) { ?>

<div id="content">
<div class="post_box">
<div class="headline_area">
	<h2>Your Headline</h2>
</div>
...This is where your content goes...
</div>
</div>
<div id="sidebars">
<?php thesis_build_sidebars(); ?>
</div>		

<?php } }

add_action('thesis_hook_custom_template', 'new_presspage');

Since you already invoked the “remove_action” on the ‘thesis_hook_custom_template’ in order to replace the home page first you do not need to repeat it.

The example above looks exactly like the standard content column on the left with dual sidebars on the right. I used a custom template in this instance because I wanted to perform specific calls to the database and produce specific lists of posts. Since I am doing it this way I also create the ability to style the page however I like through the use of creative CSS implementation.

Wash, Rinse, Repeat

You could then repeat the code above and apply it to any number of specific custom templates you would like. All you need to do is

  1. create a unique function name
  2. reference the right page in the conditional
  3. make sure conditional is within the function
  4. place whatever content you would like within the proper divs
  5. style the content within the custom.css file
  6. make sure your page within WordPress has the custom template selected as its template option
  7. test, test, test

That’s it. This tutorial should get you well on your way to creating multiple custom page templates within the single custom_functions.php file. If you have any questions, comments, or suggestions I welcome them below.

Hope this helps.

This article is translated to Serbo-Croatian language by Jovana Milutinovich.

Continue Reading

Tags: , , ,