WordPress.org

Support

Support » Themes and Templates » Anybody clever enough to design a WYSIWYG template editor?

Anybody clever enough to design a WYSIWYG template editor?

  • Do you know what would be absolutely fantastic beyond belief? If somebody out there was clever, and bored, enough to create a WYSIWYG WordPress template editor, especially for the CSS pages, but also with the main content.

    I mean, how brilliant would that be for newbies? We could have the option of editing the code, too, so that we could gradually learn what we were doing…at the moment, I’m freaking out because I have no idea how to come up with a really original layout design, and it’s all more or less “poking a stick in the dark” as to what the layout will look like when I’m done with it.

    Are there any such programs already out there? If so, I’d love to get my hands on it. 🙂 Otherwise, if you or somebody you know is interested in creating one, then…

Viewing 15 replies - 1 through 15 (of 43 total)
  • There’s a WYSIWYG editor for posts, but I’m not aware of one for templates yet.

    You have the option of installing stuff locally to play around with PHP and MySQL databases to get some things done, but I haven’t done that in ages.

    I know the frustration of early WP work. Luckily, with the advent of 1.5 and the Codex things have become much easier. In about two months time I’ve made huge leaps in learning how to get things done.

    What I recommend is starting with CSS. Google some free CSS tutorials, and play around with the style sheet first. Once you know how you want to “block out” your website you can hit the codex for tons of great info or even just ask around this board.

    It is definitely tough at first but, at least for me, learning the ins and outs of WP is as much fun as actually blogging with it.

    The rest of us have enough sense not to design one (or we are clever enough to know what <strong>Duh!</strong> will look like 😉

    There’s an online template generator at this site :
    http://www.erisfree.com/d2/apart.php

    I recommend that you create a Theme Sandbox. Create a test post with all the headings and styles you would normally use within your site. View the generated page in the Classic or Default Theme – or whatever Theme most closely resembled the end result you want.

    Do a FILE > SAVE AS and save the web page to your site. Start with a single post view and then you can save the front page and other views to get their styling but it helps if you start with the single post view first.

    Put the new html file in a folder along with the style sheet. Using a Text ONLY Editor, edit the new file’s head to direct the location of the style sheet to the style.css in that folder. Add images and other things you want in that folder or in a subfolder like /images. Make sure all the links in the test file match the new folder and location.

    Then view the page in your browser and it should look great.

    Using the Firefox browser, get their Web Developers Add-on extensions and use the Edit CSS feature to bring up a sidebar that allows editing of the style sheet AS YOU WATCH.

    It won’t show you the background image, but it will show you just about everything else. Edit and make changes and tweak things around, and then copy the CSS to the style.css file and view the page again (total refresh) to see the new changes in place with the background image. Continue to tweak until you get it how you want.

    Change the heading in the style.css to be the new name of the Theme you are working on. It doesn’t matter what it is called, just call it something different from the themes you already have installed.

    When you are ready, upload the new style sheet to a COPY folder of the original Theme you started with and then select it through your Presentation Panel and check out your new Theme.

    On the multipost views, you will have to tweak a thing or two, but that’s the easy part. You can then do the same thing with the other generated page views and you will have the theme you want.

    <strong>Duh!</strong>

    Sure, but what I can’t figure out is why the quicktag is labeled “b” if they weren’t just going to use <b>Duh!</b> instead.

    Given that <b> is not xhtml compliant, a smaller quicktag footprint would be the obvious inference.

    It’s called Macromedia Dreamweaver 😉

    Also, the general consensus around WYSIWYG editing programs like OpenOffice and MS Word is that b means bold.

    as a newbie what i would prefer is a tutorial that just shows me how to creat a theme from scratch, not customize or modify one. seriously i am very frustrated and tend to pick up code pretty fast but this is really confusing when it shouldn’t be. i tried some of the lessons and they assume too much and don’t help. just show me how to create my own header.php file etc. from nuts to soup and i will be more than grateful.

    carburetor

    @carburetor

    I’m fairly new to WordPress and I find the codex to be as straight forward as it can possibly be. And I’m no brainiac. I learn from experimenting until I develop a migraine. Just take stuff apart, break it, fix it, print code and hilite for reference, pick a theme and save all the background images and play with them in an editor (I use Macro. Fireworks) then apply them to the theme. Have fun.
    I’m self taught in the areas of xhtml and css, and I find this WordPress stuff fascinating.
    You don’t need a WYSIWYG editor to see what you’re doing. Just screw with the code and preview it. That’s a great way to learn. Leave the WYSIWYG for that 12-year old who spends all his time on his Lars Ulrich Tribute site.
    No offense…but ya’ just gotta’ dive in head first and experiment.

    *snicker* carburetor, you’re a person after my own heart! GREAT reply….

    [I’m a “self-taught” EVERYTHING – beginning in 1984 with my first computer, dos 2.0, and a mimeo’ed “manual”….}

    carburetor

    @carburetor

    1984…first computer…dos 2.0…mimeo’ed manual??

    Man, you would have killed for a codex as thorough as this in 1984!

    Kids these days! ha!

    Yeah, I would have. I had WordPerfect 1.whatever too…. NO manual (heh, still use it to this day, version 11 or whatever it is now). And a variety of b&w not-quite-text-only games but not far from…. Stonegate ring any bells?

    You should have seen me figuring out how to install my first hard drive, not to mention “upgrading” to windows 3.0 (now THAT was buggier than an anthill! No one today has ever seen a buggy OS unless they dealt with THAT one….)

    Y’know what though? I have had SO MUCH FUN since then…. machines and software ARE fun…. I would not trade it for anything in this world or the next (well, I might trade it for another 200 or 300 years….)

    carburetor

    @carburetor

    It is fun. My last computer was a 1998 NEC Ready 9880. I knew that computer inside and out by taking it apart like a curious 10-year old, and upgrading out the wazoo.
    Then my wife makes me buy this turbo charged HP, and I ain’t allowed to come within 10 feet of it with a screw driver!
    I just see so many posts by people expecting someone else to wave a magic wand and cure all of their cyber ills. I read the codex for fun even when I’m not looking for anything specific. But it’s true that people should not be afraid to ask questions in here. If certain people get fed up with the same questions being asked over and over again, they’ll get over it. But the codex and the searching is key.
    If I ask a question, and someone responds with, “hey jackass, this horse was already beaten in the following thread a million times”…well, I’ll still consider that helpful, and I’ll be grateful for their help. I’ve been called worse.
    Too much coffee racing through my viens…sorry.

Viewing 15 replies - 1 through 15 (of 43 total)
  • The topic ‘Anybody clever enough to design a WYSIWYG template editor?’ is closed to new replies.