• 0

How do you use Wordpress for a website that's not in a blog format?


Question

I'm developing a company website which has to accomodate easy changes by non technical people. I've been asked to use Wordpress as the CMS, but the website I've created is not in a blog format.

 

This is what it looks like:

 

FAT2zyB.png

 

I just don't see how it's possible for somebody to edit all of the text on this page using that single WYSIWYG editor on the edit posts page. Here we have a banner with text and images, 3 content boxes laid out horizontally, and some text in the lower part of the page.

 

What's the solution to using WP for these layouts?

19 answers to this question

Recommended Posts

  • 0

A mix of using static pages (not posts), widgets and a template that's geared for a CMS layout will get you this sort of look.  Takes a little extra work as WP is primarily a blog platform but it's totally doable. 

  • Like 3
  • 0

Either manually use Custom fields or use a plugin such as Advanced Custom Fields (advancedcustomfields.com).

Can pretty much do whatever you can dream of.

You can also use custom loops to call in different pages for different sections.

 

  On 10/07/2013 at 11:08, XerXis said:

the same way you use a jackhammer to screw in a lightbulb. There are better options out there if you don't need a blog, drupal and joomla come to mind for example

WordPress is lighter than both those solutions and is just as flexible as a CMS. The days of it being "Just another WordPress blog" are long over.

  • 0

As someone who is doing this for the first time at this very moment, I can tell you it is easy once you get the hang of it. You just have to take the time to look through the code in one of the default themes, look-up functions and do some research. I was previously a bit of a naysayer of using Wordpress for non-blog websites (and even wrote several CMSs as a response), but I've begun to change my mind now - you just need to understand how it works.

 

It would take too long to explain everything in detail, but here are some rough pointers that may help you get started (look at the Twentytwelve theme for specifics):

  • Read Twentytwelve. Even copy it and use it as a starting point. Once you get into the code of that theme, things begin to make a bit more sense.
  • There is an option under Settings > Reading to have a static page as the front page. I'm not sure you actually need to specify a blog page either (if you do then obviously the blog appears there).
  • You can have page-specific templates. These go in the "page-templates" directory and appear as an option when editing pages. For my front page (that isn't too dissimilar to yours in layout) I have this load a specific sidebar area with get_sidebar('front'). This in turn loads the template file sidebar-front.php which contains the code for loading a widget area that is defined in functions.php. Then in the admin I simply assign widgets to the front page area and style them to align side by side. Now you have some front page content areas using the "Text" widget. :)
  • Use the page-specific templates to your advantage. I have the default one for my blog, one for a sidebar for static pages (altered the get_sidebar() in page.php to load it) and one for the front page.
  • Rotating banners can be achieved without any plugins if you want. Just set the right HTML as the homepage content, add a slider to your theme and select the correct element to apply it to. There are a lot of banner plugins out there too... I just found most of them to be a bit messy, often including their own stylesheets that assume certain things.
  • Look up the "Widget Context" plugin. This allows you to specify on which pages a widget will appear. I'm using this have an "aside" content area specific to each static page.
  • You don't have to have every page listed on a menu. Go to Appearance > Menus and once you've added a menu and set it to an Menu area within your theme, it will replace the default.
  • Don't waste time trying to fight Wordpress' HTML too much. It is mostly semantic. It is the plugins you've got to worry about - some have downright bad HTML, while others include intrusive or hard to override CSS styles.
  • Use the filters within functions.php to your advantage. It is tempting to hard-code elements and hack files to achieve an effect. Whatever it is you are trying to do, search for it and you'll likely find a way to easily override it using a filter within functions.php (for me I wanted a widget_odd/even class on widgets).
  • Google/Bing/whatever is your friend. Answers to Wordpress problems are abundant. Just need to take care that you don't jump at the first solution you come across, as there are a lot of rookie developers out there giving poor advice like "edit some-file.php in wp-includes" (which will be overwritten when you update). Look at a couple of answers and see what the best solution is. In some cases hacking may be the only option, but when that is the case I usually step back and query what I am doing to begin with.

Hope that helps. :)

  • 0

In my experience Wordpress is far from easy for "non technical" people. You'd think it would be easy but I've seen many clients trying to use it and making a right mess of it.

 

I'd ask for the rationale of why Wordpress is "required".

 

Then look at something like Koken.

  • 0
  On 10/07/2013 at 15:48, Trollercoaster said:

In my experience Wordpress is far from easy for "non technical" people. You'd think it would be easy but I've seen many clients trying to use it and making a right mess of it.

 

I'd ask for the rationale of why Wordpress is "required".

 

Then look at something like Koken.

Its easier than some of the alternatives. People tend to mess up anything.

  • 0

Drupal works great for websites if you would like to use a WYSIWYG editor (I recommend CKEditor) . I would start by finding a theme that is close to the layout you want and build off of it and change it how you want it. Drupal can be a bit daunting at first but is fun and very powerful. Also just find modules on the Drupal website or search Google to extend the functionality of the website. Drupal is great at making things but not as great at doing things and that is why modules come in handy.

 

Example of a site I built using Drupal 7: http://www.starwarsbattlecry.com/ or http://www.swbattlecry.com/

  • 0
  On 10/07/2013 at 16:06, Mandosis said:

Drupal works great for websites if you would like to use a WYSIWYG editor (I recommend CKEditor) . I would start by finding a theme that is close to the layout you want and build off of it and change it how you want it. Drupal can be a bit daunting at first but is fun and very powerful. Also just find modules on the Drupal website or search Google to extend the functionality of the website. Drupal is great at making things but not as great at doing things and that is why modules come in handy.

 

Example of a site I built using Drupal 7: http://www.starwarsbattlecry.com/ or http://www.swbattlecry.com/

 

Use CKEditor a lot in work. Would be nice if it was auto updating (maybe it is and we're doing it wrong lol). Have clients on older versions which are broken with IE10 - editor shows up blank box. So many calls about that.

  • 0
  On 11/07/2013 at 04:04, Trollercoaster said:

Use CKEditor a lot in work. Would be nice if it was auto updating (maybe it is and we're doing it wrong lol). Have clients on older versions which are broken with IE10 - editor shows up blank box. So many calls about that.

It's causing issues here for IE10 and 11. I checked their forum and they have an umbrella ticket open for fixes. It does not auto-update AFAIK. :(

  • 0
  On 11/07/2013 at 04:20, GreyWolf said:

It's causing issues here for IE10 and 11. I checked their forum and they have an umbrella ticket open for fixes. It does not auto-update AFAIK. :(

Quickest fix I've found is to advise the person using IE10 to use a different browser.

 

When you get the "But I like IE" (facepalm) response I've found that using Compatibility mode works. Press F12 and then click on where it says Browser Mode: IE10 and change it to compatibility view or IE9.

  • 0
  On 10/07/2013 at 10:41, Max Norris said:

A mix of using static pages (not posts), widgets and a template that's geared for a CMS layout will get you this sort of look.  Takes a little extra work as WP is primarily a blog platform but it's totally doable. 

 

Completely false. WP was created as a blog platform, but now is used by many major websites, including CNN.com.

  • 0
  On 11/07/2013 at 16:49, episode said:

Completely false. WP was created as a blog platform, but now is used by many major websites, including CNN.com.

Yea, I know, that's pretty much what I said. Primarily does not mean only, never mind saying how to get a CMS layout out of it...

This topic is now closed to further replies.
  • Posts

    • Yeah, he identified a whole lot of wasteful spending of US taxpayer money. What's wrong with that? Nothing, unless you had your fingers in the pie of course.
    • How to reduce the annoying Liquid Glass effects on iOS 26 by Aditya Tiwari Apple announced Liquid Glass at WWDC 2025 in all of its glory. It's a new glass-inspired design language from the iPhone-maker making its way to most of its software platforms, including iOS 26, iPadOS 26, macOS 26, tvOS 26, and watchOS 26. Apple markets Liquid Glass as a new translucent material that "behaves like glass in the real world. Its color is informed by surrounding content and intelligently adapts between light and dark environments." The Cupertino giant isn't wrong. The new glass-inspired design does bring a fresh coat of paint and some beautiful visuals to the iPhone and other Apple-made devices. However, as the dust from the mega arrival settles, people are starting to realize the current drawbacks of having too much glass on their device. There have been reports of users, including those at Neowin, experiencing readability issues, background separation issues, and trouble focusing on the content displayed on the screen due to its transparent nature. While these are small nuances on Apple's part that can be fixed without much hassle, it's degrading the initial experience of what the company calls its biggest visual upgrade since iOS 7. That said, there are some workarounds built into iOS 26 that will help you tone down the shortcomings. If you're running the iOS 25 Developer Beta 1 on your supported iPhone model, you can follow these steps to make things a little better: Go to the Settings app on your iPhone. Scroll down and tap on Accessibility > Display & Text Size. Next, you'll find two toggle options: Reduce Transparency and Increase Contrast. When you enable the Reduce Transparency toggle button, iOS 26 can "improve contrast by reducing transparency and blurs on some backgrounds to increase legibility." The other toggle, Increase Contrast, does what its name suggests. It can "increase color contrast between app foreground and background colors." Enabling each of these toggle buttons individually or simultaneously will have different effects on your iPhone's user interface. Control Center is being criticized for the extra transparency, making the UI look cluttered and difficult to focus. Here, the Reduce Transparency button adds a darker background to make the Control Center UI elements stand out. Liquid Glass transparency issues are also prevalent in the Notification Center and the navigation controls of various apps. In the image above, see how the text of the navigation buttons has become unreadable or hard to focus on with certain backgrounds. It's challenging to determine what can trigger such behavior, as one can have countless color combinations on their device. In the image below, this is how these buttons look when both Reduce Transparency and Increase Contrast are enabled. It's still a hit or miss depending on what colors you are dealing with. Part of the blame also goes to the fact that iOS 26 is still an early beta, and the change doesn't render as intended every time. You can also notice the difference in the look and feel of the Control Center when reduced transparency is turned on. On a side note, you can add the Reduce Transparency and Increase Contrast buttons in the Control Center for quicker access. That said, let's wait to see what changes Apple will implement as it continues to gather feedback through the beta program. Hopefully, the software will become more stable when the first public beta of iOS 26 arrives sometime in July. Interested users can try out the latest iPhone update through the developer beta program, noting that early builds might come with unexpected bugs and issues.
    • Austin residents rally against Tesla's robotaxi launch by Hamid Ganji Tesla's plan to launch its robotaxi service in Austin, Texas, has sparked protests in the city. While the EV maker targets June 22 as the launch date, local residents are raising their voices against the plan due to political disagreements and safety concerns. As reported by CNBC, public safety advocates and political protesters are organizing protests against Tesla's robotaxi launch in Austin. Members of the Dawn Project, Tesla Takedown, and Resist Austin have cited safety issues with Tesla's automated driving systems. Meanwhile, Elon Musk's involvement in Donald Trump's administration and his work in the Department of Government Efficiency (DOGE) has prompted another group of people to join the Austin protests against Tesla. To show Austin citizens the safety problems of Tesla's self-driving system, The Dawn Project brought a Tesla Model Y to the protest, equipped with the company's Full Self-Driving (FSD) software (version 13.2.9). In the demonstration, the Model Y with FSD software reportedly zoomed past a school bus with a stop sign held out and ran over a child-sized mannequin placed in front of the car. The FSD package includes automatic lane-keeping, steering, and parking. It is unclear to what extent this test was conducted under standard conditions or what Tesla's defense is. However, multiple cases of Tesla FSD software malfunction in the past have resulted in collisions or severe accidents, according to data collected by National Highway Traffic Safety Administration. Interestingly, The Dawn Project CEO Dan O'Dowd is the CEO of another company that sells embedded safety and security solutions to carmakers like Ford and Toyota. It remains to be seen whether Tesla could launch a robotaxi service in Austin despite the residents' protests. Earlier this week, Elon Musk demonstrated the new version of Tesla's FSD software in a post on X. Musk's decisions on DOGE fuel public backlash against Tesla. While Musk left the Trump administration after a beef with the president, he's still a target of public criticism, which directly imapcts Tesla. As a result, the slow sales have even caused Tesla to sell its Cybertruck with 0 percent APR to boost sales.
    • I'm sure Denmark would stand to lose a lot if US consumers stopped buying Danish products, whether that's Lurpak butter or hi-fi equipment.
    • JD Vance will be the next President. Who've the Democrats got? Harris again? lol....
  • Recent Achievements

    • Week One Done
      LagFighterZ earned a badge
      Week One Done
    • First Post
      ThatGuyOnline earned a badge
      First Post
    • One Month Later
      5i3zi1 earned a badge
      One Month Later
    • Week One Done
      5i3zi1 earned a badge
      Week One Done
    • Week One Done
      julien02 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      546
    2. 2
      ATLien_0
      229
    3. 3
      +FloatingFatMan
      166
    4. 4
      Michael Scrip
      119
    5. 5
      +Edouard
      91
  • Tell a friend

    Love Neowin? Tell a friend!