• 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

    • so you just moved data to onedrive? Or did you upgrade the disk? I see multiple options either actual SSD or NVME options on amazon for around 50 bucks.. If you are low on space, and after a cleanup/purge of you stuff you don't need your still low it would be good idea to upgrade to bigger drive.  As to /sageset:65535, I don't think that value is valid https://learn.microsoft.com/en-us/windows-server/administration/windows-commands/cleanmgr Displays the Disk Cleanup Settings dialog box and also creates a registry key to store the settings that you select. The n value, which is stored in the registry, allows you to specify tasks for Disk Cleanup to run. The n value can be any integer value from 0 to 9999. For more information, see Registry key information. So I would guess trying to use such a high value wouldn't store your settings.. You sure do not need  to use sageset or sagerun to run the disk cleanup..  That is for running it later with the same setting you pick when you set it. 
    • Yes while it's still a great browser it seems bloated more with each update by things I'm not the least interested in
    • We now know why Nvidia blocked yet another review, the new RTX 5050 is apparently terrible by Sayan Sen With its latest RTX 5000 series of GPUs, Nvidia has not been transparent with how its cards perform. The company did not ship review drivers for the RTX 5060 on launch day and has repeated the same deed with the new RTX 5050 as well. For those who may not have followed, Nvidia unveiled the GeForce RTX 5050 last month for $249 and released the Game Ready driver for the card this month with version 576.88. As such, the RTX 5050 has now been tested by Korean site Quasar Zone where the GPU has been compared against other cards that are priced around that same bracket. The site has found that Nvidia's new entry-level offering is worse than Intel's Arc B580, a card that launched around six months ago for the same price. As you can see in the image above, the Arc B580 was slightly faster on average. The biggest gap between the two was on Path of Exile 2. Another point in favor of the Arc GPU is that it has 12 Gigs of video memory whereas the RTX 5050 only has 8 GB. The 5050 was also pitted against Nvidia's last gen RTX 4060 as well as AMD's RX 7600, both of which are also 8 Gig cards. The 7600 is often found at around $250 these days while the RTX 4060 frequents around $275. The RTX 5050 is essentially neck and neck with the 4060 and is ever so slightly faster than the RX 7600. Once again this just highlights that Nvidia is essentially giving the same kind of performance that Intel and AMD GPUs have provided since last year or so. In fact, if we consider the Radeon RX 6600 and 6650 XT GPUs, which have been available for around $180 to $220 in the past, it becomes clearer just how bad of a value the RTX 5050 is as those 6000 series AMD cards probably get pretty close to the 5050 in rasterization throughput. Chances of something like "Fine Wine" are also slim given that the RTX 5050 just does not seem to have the hardware resources to pull off something like that later in this lifespan. If anything, we are more likely to see that happen from the Intel B580 GPU or AMD's $299 RX 9060 (there is already evidence of that). Source and images: Quasar Zone
    • A messaging network full of adult content. Ewww. 🤮
  • Recent Achievements

    • First Post
      loose_observer earned a badge
      First Post
    • Week One Done
      BeeJay_Balu earned a badge
      Week One Done
    • Week One Done
      filminutz earned a badge
      Week One Done
    • Reacting Well
      SteveJaye earned a badge
      Reacting Well
    • One Month Later
      MadMung0 earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      444
    2. 2
      ATLien_0
      161
    3. 3
      +FloatingFatMan
      145
    4. 4
      Nick H.
      65
    5. 5
      +thexfile
      62
  • Tell a friend

    Love Neowin? Tell a friend!