Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Oct 30, 2006, 05:21 PM   #1
rogersmj
macrumors 68020
 
rogersmj's Avatar
 
Join Date: Sep 2006
Location: Indianapolis, IN
Wordpress theme: Atlantis

I don't know how many of you use Wordpress, but I just released my first theme for it and wanted to share it here. I've used Wordpress for a long time now, but didn't build a theme from the ground up until I made Atlantis back in May of this year. I got a lot of requests to release it from people looking for a bold dark theme, so I turned some of my hacks into real options, and once I had moved my site onto my next theme (because I do want my site to be unique) I decided to release Atlantis.

Depending on how familiar you are with Wordpress themes, you may quickly notice that this has a few more options than most basic themes: the multiple color schemes (six included -- you can set any color scheme for any page on your site via custom post fields), the easy way you can specify which of your pages appear in the top nav bar (again by using a custom field in your post) or bottom nav area, the customized (tamed) page navigation, and the easy CSS overrides to further customize a page (again via custom post fields). I put a lot of effort into making this appealing and easily customizable for many people without touching the code. There's also a Recently Updated Pages function that inserts a nice subtle announcement on the home page when one or more of your pages have been updated within a specific timeframe (defaults to 1 week; can be changed or turned off).

If you're not into dark themes then this may not be your thing, but if you are then you may like it. I've gotten a lot of positive feedback on it so far (not to mention months of "please release your theme!"). Please check the README file for lots more information about how exactly to use the different features.

Screenshot and download: http://rogersmj.com/design/wordpress/atlantis

If you find any problems, please just contact me via my site or post them here. Again, this is the very first thing I've ever released for Wordpress, and I tried to make sure I had everything right but if I missed something please let me know. Enjoy!
rogersmj is offline   0 Reply With Quote
Old Oct 30, 2006, 06:13 PM   #2
dpaanlka
macrumors 601
 
dpaanlka's Avatar
 
Join Date: Nov 2004
Location: Illinois
Send a message via AIM to dpaanlka
The screen shot doesn't seem to display right for me. Can't you make it just a normal image? Notice that I'm scrolled all the way to the top, but I cannot see the top of the screen shot!
Attached Thumbnails
Click image for larger version

Name:	Picture 4.jpg
Views:	60
Size:	194.3 KB
ID:	60979  
__________________
Long-time Mac user and evangelist, creator of ArraySync and curator of Info-Mac and System 7 Today.
dpaanlka is offline   0 Reply With Quote
Old Oct 30, 2006, 06:15 PM   #3
xUKHCx
Administrator emeritus
 
xUKHCx's Avatar
 
Join Date: Jan 2006
Location: The Kop
I quite like it, looks cool. Dont know what wordpress is but i like looking a pictures.
xUKHCx is offline   0 Reply With Quote
Old Oct 30, 2006, 07:07 PM   #4
rogersmj
Thread Starter
macrumors 68020
 
rogersmj's Avatar
 
Join Date: Sep 2006
Location: Indianapolis, IN
Quote:
Originally Posted by dpaanlka View Post
The screen shot doesn't seem to display right for me. Can't you make it just a normal image? Notice that I'm scrolled all the way to the top, but I cannot see the top of the screen shot!
Sorry about that! I use an iBox script for fancy image loading, and I guess it doesn't work well at low res. I'll have to look into that. I added a link below the screenshot to pull the image up normally.

Quote:
Originally Posted by xUKHCx View Post
I quite like it, looks cool. Dont know what wordpress is but i like looking a pictures.
Wordpress is, at its core, a very nice system for blogging. It's PHP/MySQL so it will run on just about any web server, and has tons of plugins and themes so people can customize it to do just about whatever they want. It makes publishing things to your web site very easy.
rogersmj is offline   0 Reply With Quote
Old Nov 1, 2006, 12:13 PM   #5
rogersmj
Thread Starter
macrumors 68020
 
rogersmj's Avatar
 
Join Date: Sep 2006
Location: Indianapolis, IN
UPDATE: Added a live preview so you can view the theme in action directly on my site. Also fixed a minor problem with sidebar text color; updated to version 1.01.
rogersmj is offline   0 Reply With Quote
Old Nov 2, 2006, 12:55 AM   #6
chepistolas
macrumors member
 
Join Date: Apr 2005
Location: Chicago
Send a message via AIM to chepistolas Send a message via Skype™ to chepistolas
It looks nice

Let me ask you, how did you approach making your own theme/design? I want to do the same for mine, I just thought about the idea like an hour ago.
__________________
[FONT="Arial"][SIZE="2"]
2.4 15" MBP 4GB Ram
Black iPhone 4 32GB
chepistolas is offline   0 Reply With Quote
Old Nov 2, 2006, 06:31 AM   #7
rogersmj
Thread Starter
macrumors 68020
 
rogersmj's Avatar
 
Join Date: Sep 2006
Location: Indianapolis, IN
Well, first I sketch out my ideas in a graphics program (I use Fireworks -- the best tool for web layouts). This allows you to quickly change colors, positions, etc, without doing any code, and immediately see what you have.

Once I have something I like, I code the XHTML/CSS for it into a static page. In other words, I make an exact replica of my sketch but this time using code. This is the stage where you "slice" out the images you need from your mockup (like for backgrounds and stuff).

Once you have a sample page (or two), the real fun begins. This is where you start inserting it into your Wordpress theme files. Basically I keep my XHTML/CSS demo code open and then pull up the skeleton files for another Wordpress theme (like the default one, or one I've made before), paste my XHTML in the appropriate spot, move all the function calls (like for getting titles, posts, stuff like that) into the appropriate spots in my code, and then delete the original theme's XHTML. Of course you have to put all the CSS you made into the style.css file for that theme. Then I start tweaking the Wordpress function calls to get exactly what I want.

I suggest you go read up more on the anatomy of a Wordpress theme. There's a number of articles out there; check them out so you understand exactly what all the files mean and what "The Loop" is.
rogersmj is offline   0 Reply With Quote
Old Nov 2, 2006, 07:55 AM   #8
cookie1105
macrumors 6502
 
Join Date: Mar 2006
Location: London, UK
Really nice dark theme you have there. I like the strong colours on the dark background, and I think the colour selector is a great idea. Well done.

I'm currently running my own spiced up version of hemmingway for my photoblog and am doing a pep-up of the water theme for a friend of mine. I am thinking about coming up with my own theme someday soon, but my php skills aren't great
cookie1105 is offline   0 Reply With Quote
Old Jan 16, 2011, 01:02 AM   #9
James Cevert
macrumors newbie
 
Join Date: Jan 2011
3D slider doesn't work

I really like that theme of yours but I can't make the 3D slider work. I've been trying for the last couple days and it is driving me crazy.. Do you think it is due to the new wordpress updates? I would really appreciate it if you could share any tips to get me out of this frustrating situation.

PS: you must be wondering why you don't get any mail on your website: your CAPTCHA on http://rogersmj.com/about/contact/ doesn't work.
James Cevert is offline   0 Reply With Quote
Old Feb 16, 2013, 03:30 PM   #10
5un5h1n3
macrumors newbie
 
Join Date: Feb 2013
Trouble with welcome message in Atlantis theme

Hi Matthew

Since you created this theme, I have a little something to ask if possible.

I already have a post welcoming my guests to my site and to add a welcome title and message seems a bit to much as I have already done this last month... it would be like going backwards, if you know what I mean.

Is there a way to delete this welcome title entirely and it's message in the theme Stylesheet (style.css)? I'm sure that it's possible since you made this from scratch, for sure there's a way!

Sorry for contacting you through MacRumors, but your site Captcha leaves me no other choice!

Thanks for you help and time...awaiting your answer as soon as possible

- M -
5un5h1n3 is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Wordpress and notifications (HELP!) Abazigal iPhone and iPod touch Apps 0 Feb 15, 2013 04:13 AM

Forum Jump

All times are GMT -5. The time now is 11:10 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC