WordPress.org

Ready to get started?Download WordPress

Forums

New WordPress Admin Design + WP Back End Feedback (38 posts)

  1. kohlmannj
    Member
    Posted 9 years ago #

    Woo, first post. Anyway, I've begun work on a new layout for WordPress' back end (wp-admin) that, at least in my personal opinion, is much nicer to use than the current design. Here's a screenshot of what it looks like and here's a preliminary jab at the post page. (Just a note: this is all CSS so far, but there are some PHP code changes I'd like to make to edit-form.php.)

    Even if, say, the main WP developer (whoever you are...*waves*) doesn't decide to accept this exact style sheet (obviously it's too colorful and serif-less :-D), there is one key change that I think the WordPress GUI would benefit from. WordPress desperately needs a permanent sidebar. It may seem cliché, but sidebars truly reduce clutter; for example, placing all "advanced editing" options on post.php's sidebar would remove the need for an advanced editing mode.

    One other little thing I'd like to see is a large title input box on the post/edit page. It's always seemed that one of the most important attributes of a post has received far too little emphasis.

  2. danielck
    Member
    Posted 9 years ago #

    The new design looks great! Goes well with the Kubrick design!

    Will be great if there are WISYWIG buttons for the poste page!

  3. joeedmon
    Member
    Posted 9 years ago #

    I like it. Hope you finish it.

  4. Cypher
    Member
    Posted 9 years ago #

    Looks great. Would love to give it a try and dump the simple Admin screens now. :)

    Regards

  5. vkaryl
    Member
    Posted 9 years ago #

    I just want the Dashboard to refer to my particular system period. I don't need all those silly boxes in the lower 2/3, and when I want "updates", I come here from my permanent bookmark, not the Dashboard.

    All the Dashboard needs to be is a control panel for the pertinent site.... which is the local "owner" site, NOT WordPress. Yes, WP is great.... the Dashboard stuff, however, is overkill....

  6. Jinsan
    Member
    Posted 9 years ago #

    I'm hoping shuttle will really make things different for the admin side, it's fairly easy to pretty things up - but shuttle should make it better (I hope!)

  7. Kohlmannj, I can see that you're a little bit influenced by Tiger. ^_- It looks nice.

  8. wpmubp
    Member
    Posted 9 years ago #

    Looks nice! I think many WP users would want to give a try!!

  9. kohlmannj
    Member
    Posted 9 years ago #

    Well, here's what I have for now:
    http://homepage.mac.com/kohlmannj/.Public/wpadminredesign.zip

    Unpack the ZIP, dump the contents into your plugins folder, and activate the plugin.

    There are a couple issues so far:

    • "Updated" notification's positioning is wonky
    • Problems with getting stuff on the sidebar
      • I'm not sure how I would be able to do some of these things without having to resort to absolute positioning, which is ucky since it doesn't account for how high a content section can be, or modifying the PHP code in the admin pages, which is equally arbitrary in my opinion.
      • Also had a problem with the sidebar clearing the heading on the Write page (you'll see some white space on the top). Any help with this would be appreciated.
    • Wasted Bandwidth; the plugin's stylesheet *overlays* the WP admin stylesheet, so I can't say that that's extremely efficient, though hey, maybe it is.
    • Browser compatibility?
      • It works great in Safari and Firefox (except for PNG color mismatching, which I'll fix by using GIFs), of course.
      • I haven't even seen what murderous rendering errors emerge in IE 6. Help would be appreciated in this department as well if it actually means something to someone (read: nobody sane would use IE! :-P).

    Nevertheless, enjoy and gimmie some feedback 8-).

  10. Randy
    Member
    Posted 9 years ago #

    Wow! That looks great! One of the main criticisms of the WP admin is that it is not fixed-width. I've hacked together a style at my site but yours is prettier. :) I'll give it a try! :)

    My theme based on a post by Scrivs: http://randywalker.net/archives/2005/02/28/wp-admin-theme-for-15-final/

  11. stevensj2
    Member
    Posted 9 years ago #

    Thats really great!

    I was thinking about restyling my admin panel, but didn't feel like putting the time into something that only I would be seeing.

    Tons of respect from me to you !

  12. Randy
    Member
    Posted 9 years ago #

    Whoops. Hehe, your plugin isn't compatible with my theme. Hehehe... whoops... hmm...

  13. Randy
    Member
    Posted 9 years ago #

    Hmmm... the options page for WP-Contact-Form displays the menu twice...

  14. NuclearMoose
    Member
    Posted 9 years ago #

    Wow...looking good, but geez, does EVERYTHING on the interweb have to be Apple glass? :p

  15. Randy
    Member
    Posted 9 years ago #

    P.S. I like the way you've made this a plugin. Makes my hack look even kludgier! ;-)

  16. Randy, you need to put the options-contact-form.php file in /wp-admin/ not /wp-contact/. Don't worry, it happens all the time.

    P.S. That is a great WP Admin mod. I love the Apple flavor, very Tiger-ish.

  17. Randy
    Member
    Posted 9 years ago #

    Hmm. Who reads instructions anyhoo? :P

  18. ifelse
    Member
    Posted 9 years ago #

    Great work Kohlmannj! I've been making minor modifications to the admin area (removing and simplifying rather than styling) but your work seems significantly more interesting than what I've been doing.

    Well done!

  19. Denis de Bernardy
    Member
    Posted 9 years ago #

    funny... i somehow prefer the default wordpress admin theme. there is more serif, but it looks more consistent.

    is it normal that buttons change size when pressed and that font sizes are inconsistent?

  20. kohlmannj
    Member
    Posted 9 years ago #

    Heads up, people! After biding my time, I've put some more time into making this design look good. I also decided to name it "Spotpress" because of its obvious resemblance to the Spotlight search results window in Mac OS X 10.4 Tiger. I also took a quick stab at placing a few of the parts of the post writing page on the sidebar, but right now it's extremely sketchy since it's relying on absolute position and a constant text size. I'll probably have to learn JavaScript or something to really get this working, but until then, you'll at least be able to see where I intend to go with the sidebar.

    Well, that's all for now... Get the latest version of Spotpress, the WP admin redesign plugin, and please leave some feedback on it in this thread.

  21. skeltoac
    Member
    Posted 9 years ago #

    I think it's DEAD SEXY

    /me dances like Fat Bastard

    I especially like the bolding of unvisited Planet links. Rawr.

  22. slodaddy
    Member
    Posted 9 years ago #

    My webhost won't allow me to upload the store file. If I change the file type to txt, it won't allow me to change it back once its uploaded. Can you offer a suggestion that will allow me to upload the store file so I can use this plugin? Thanks.

  23. RustIndy
    Member
    Posted 9 years ago #

    You don't need to upload the __MACOSX folder or the ._.DS_Store files at all, and I really wish OSX wouldn't do that :( Even Windows doesn't do that!

  24. slodaddy
    Member
    Posted 9 years ago #

    Wow, that looks great. It's like wp just rocketed into the 21st century.

  25. kohlmannj
    Member
    Posted 9 years ago #

    Oh yeah, now I've set up a permanent page for SpotPress. That's all for now.

  26. Jinsan
    Member
    Posted 9 years ago #

    is it a design thing or a consideration thing for low res users which is why there' s blank space to the right of everything? What would I edit to make it full width, it just seems a waste to waste to waste all that extra space

  27. Nice work, Kohlmannj!

  28. Michael Bishop

    Posted 9 years ago #

    @Jinsan

    I also took a quick stab at placing a few of the parts of the post writing page on the sidebar, but right now it's extremely sketchy since it's relying on absolute position and a constant text size. I'll probably have to learn JavaScript or something to really get this working, but until then, you'll at least be able to see where I intend to go with the sidebar.

    From a previous post in this thread by the author

  29. I've created a new section in the Themes list just for things like this.

    http://codex.wordpress.org/Using_Themes/Theme_List#Admin_Themes

  30. Jinsan
    Member
    Posted 9 years ago #

    thanks miklb it was late :) i guessed it was for the sidebar since there was mention of it but all that space...:)

    good work kohlmannj

Topic Closed

This topic has been closed to new replies.

About this Topic