Theme your lockscreen with wĕdaPanel

I ran across this lockscreen theme called wĕdaPanel over at the ModMyi forums in this thread. I love the look of this theme as I like my weather updates. There are several pages you can access from your lockscreen which provide information on today's weather, a forecast for the week, the phases of the moon, and can also link to animated weather maps for any area you program!


WĕdaPanel was originally written for 3.x firmware, but has been updated to work on iOS 4, and the graphics upscale pretty well I think. The developer stated they are working on creating higher quality graphics for iPhone 4 users. This tutorial will use an iPhone 4. You will also need SSH to upload the theme, and a text editor like BBEdit to alter the html file to reflect the locations you'd like to see weather reported from.

Note: If you are somewhere that does not offer Wi-Fi or data reception, this theme will not load and you'll only see the wĕdaPanel logo on your lockscreen.



iPhone

Attention

If you have not read the two prerequisite tutorials: Using YummyFTP and OpenSSH to create themes, and Understanding a theme's directory structure, then you should prior to performing any of the instructions in the following tutorial.



Step 1.

Download the wĕdaPanel theme here. Decompress the zip file. I removed the .theme extension and I was left with a folder. It's just a lot less work than having to view the contents to go into the .theme to make changes. You don't need to keep the .theme extension for themes to work by the way.

iPhone



Navigate to wedaPanel/weda/settings.xml. This is the file you need to edit to change your weather locations.

iPhone



To the right, I have highlighted in blue, all the lines that you can change easily, to configure the wĕdaPanel. First you'll notice five cities. They also have codes next to their names.

If you live in the United States, then you can simply place your zip code here. You can also customize the way your city name appears by editing the name in quotes. If you are outside of the United States, then you need to go here to obtain the code for the locations that you want weather reports for.

Refresh interval is the next line I have highlighted. It's set to 20 minutes by default. I imagine this could eat up your data allotment quickly, so you might want to set the interval higher if this is a cause for concern. The value is in minutes, so if you want an hour and a half interval between updates, then enter 90 here.

Units is next. Select imperial or metric to change between Fahrenheit and Celsius.

Clock is next. Select either 12 or 24 hour.

Theme index will change the style of icons used. Simply pick the number related to the icon set and enter it.

URLs for weather images is the final section to change. I believe this theme only accepts gifs or jpgs as input. Where you find these images is up to you. If you know a weather site that has a consistent name for your area for their animated gif maps, then enter that URL here and you'll always be up to date. You could also just set static images here if you'd like.

Don't forget to save this file once you have finished editing it!.
iPhone




Step 2.

Because this theme needs a lot of screen real estate, it's best if you use different slide to unlock graphics. You can download a set from me here. Decompress the zip and you'll be left with a folder.

iPhone



Place this folder and your wedaPanel folder into your /Library/Themes folder on your iPhone. Of course you must already have WinterBoard installed to do this.

iPhone





Step 3.

Launch Cydia and search for LockScreen Clock Hide. Press the Install button, then press the Cancel/Queue button. Then press the Continue Queuing button.

iPhone       iPhone



Seach for LockScreen Dim Delay Control. Press the Install button, then press the Confirm button. You will be prompted to restart the springboard once these programs have been installed.

iPhone       iPhone




Step 4.

Launch the Settings application. Scroll down toward the bottom and press the button for Clock Hide. Make sure enabled is set to on.

iPhone       iPhone



Go back to the Settings menu then select Dim Delay. Press the Delay button to extend your time beyond the default setting.

iPhone       iPhone



In Settings, go to WinterBoard, and select your theme to try it out.

iPhone       iPhone




Step 5.

The iPhone will respring and you'll be greeted with the startup logo and then you'll see your city, temperature and date. Note: There are many different images that will show up behind the weather that are far more dramatic looking than this almost solid blue color. I'll show a few other examples at the end of the tutorial.

iPhone       iPhone



Tap the screen and the other weather information panesl become accessible. If you programmed in multiple cities you will see a left and right arrow to both sides of the city name toward the top. I only programmed one city.

iPhone       iPhone

iPhone       iPhone



When you get to the visuals tab, you can press any images you have to see it displayed larger.

iPhone



Here's a couple other background images depending on your current weather conditions.

iPhone       iPhone

iPhone       iPhone







Return to top of page