Reordering the featured page elements : title, image, text, button


Note :This snippet works only with the Classical style option. The Classical style option can be enabled in Appearance > Customize > Advanced > Theme Style. More about the theme style option here


Updated : works fine with Featured Pages Unlimited v1.4+

The featured pages are composed by 4 blocks ordered as follow by default :

  1. Image
  2. Title
  3. Excerpt (or custom text)
  4. Button

With the following snippet you can define a new order for those blocks. Just change the order of the items in the $my_item_order  array in the code below.

 

In this example, the title is moved before the image.

 

Where to paste this code? => in your functions.php file. I strongly recommend to create a child theme. Download a start-up child theme here.

Everything you need to know about child theme with Customizr here.


Related Snippets you may also like


We can help you to implement this snippet

Coding is our job and we know WordPress inside and out. We can help you to customize your website with small chunks of code snippets like this one.

Send us your request and we'll get back to you quickly.



15 thoughts on “Reordering the featured page elements : title, image, text, button

  • sonia

    my web site is showing the same text of the 3 icon on featured page element on my home page, how can i make for each title his own text?

  • Uzair Javeed

    Hey , thanks for the great post, I am tryin to get the featured image to display on my pages and posts after the title. can you please tell me a way to achieve it.

  • TJ

    Hi,

    I’m quite new to wordpress and I haven’t got a strong IT background. I love the customizr theme – it’s perfect.
    However, there is one little niggle. I don’t prefer how the post summaries appear on a page – in an alternating way i.e. Post 1: Image then text, Post 2: Text + Image, etc

    How can I change this?

  • Teri Morris

    Hi Rocco, I have it sorted. I’m not sure why the file wasn’t being picked up. But I changed it directly from within WordPress (appearances>editor>functions.php). The code above is good. Thanks for your help. Teri

    • Rocco Aliberti

      Hello Tery,
      glad you solved. Most likely was a caching issue. Probably a cached W3TC page was loaded.
      😀

      Bests

  • Teri Morris

    Hi, I’m using a child theme of Customizr. After I updated WordPress, my Featured Pages didn’t work. I upgraded Featured Pages and they came back but not like they did before the upgrade. Previously I used a code snippet in functions.php to get the title moved before the image. It was slightly different than what is listed above but, when I initially implemented it in Sept 2013, it worked well.

    I’m trying to get back to having the title above the image. I updated functions.php to use the code exactly as above but it’s not working. Can you help pls? I also emptied cache in case this was causing a problem. System info here: http://pastebin.com/0t9wg7Qp

    • Rocco Aliberti

      Hello Teri,
      I went to your page and I can see that you’re not using the code above, but maybe still an older version.
      That’s the code you have in your page: http://pastebin.com/3wrHnsin

      Did you try to clean the W3 Total Cache cache?

      • Teri Morris

        Hi Rocco, that is the older code. I definitely cleared the cache. I was going to do this again ‘just in case’ but there was no option as the cache had been cleared. How did you find the old code? I’m wondering if WP is looking in a new location.

        When I originally set this up in 2013, I used a plugin to create the child theme which is located in a themes sub-folder of wp-content called customizr-child. I definitely have the new code but it doesn’t seem to be picking it up.

  • meike

    HI, how can be the titles of featured pages as well a link to the pages? using Featured Pages Unlimited v1.4+

    Thanks

  • Rik

    Hi!

    i put the codeine the function.php from my child-theme. When i open the homepage, i get an error on line 41. Can anyone help me?
    And: how can i use the theme with 4 “buttons”? tanks a lot!

    Rik

  • Ken

    Hai Nic,

    Im glad for known ur themes from 77studio, but i’ve got a little problem, when i set a pages ( i created welcome pages ) for the front page menu section on your themes. I can’t save and publish it, i just got a preview only, even i have click “Save and Publish” Button severals times.

    Would you like to help to solves this problems my friend? Thanks you for your attention and helpful

    Best regards,

    Ken

Comments are closed.