How to modify the blog page layout - Support | Kriesi.at

Tagged: Custom Blog Page, custom taxonomy

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
August 14, 2014 at 9:35 pm #304599

Cliffy
Participant

Hi guys,

I love the Enfold theme due to the Advanced Layout feature. I’m not a programmer but can put together a decent website.
I really need to change the Blog page but understand this can not be done via the advanced layout builder.

I have built an events website based on the Time.ly calender plugin so many of my “blog post” are actually events.

I would like to add a Blog Post (based on the “Display entries from a custom taxonomy”) (of which there are about 60 categories) below the main blog entry.

I have found another website which shows what I would like to do:
http://www.markandgary.com/mag-events/ – If you click on one of the events you will see the layout I am trying to achieve.

Hope you can help.
Thanks,
H

August 15, 2014 at 4:59 am #304703

Ismael
Moderator

Hi Heathcliffe!

Thank you for using Enfold.

You can actually edit the blog page layout using the advance layout builder. First, set the page as blog page on Enfold > Theme Options > Where do you want to display blog? setting then go to Enfold > Blog Layout panel. Set the Blog Style to the last option which enables the use of advance layout builder for blog. You can now edit the blog page using the advance layout builder.

Cheers!
Ismael

August 15, 2014 at 1:58 pm #304907

Cliffy
Participant

Hi Ismael,
Thanks for the quick reply. Sorry, my mistake in my description. I have actually changed the blog page layout. What I actually need to do is change the Blog item page. i.e. the layout that is presented when you click a post item. Hope that makes sense? See the link above and click on one of the calendar items, to see what I need.
Thanks,
H

August 16, 2014 at 7:24 am #305202
Ismael
Moderator
Hi!

Thank you for the update.

You can actually use the advance layout builder on posts but there are some minor issue on featured images etc. Add this on functions.php:
```
add_theme_support('add_avia_builder_post_type_option');
add_filter('avf_builder_boxes','enable_boxes_on_posts');
function enable_boxes_on_posts($boxes) {
	$boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page','post', 'portfolio'), 'context'=>'normal', 'expandable'=>true );
	$boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page','post', 'portfolio'), 'context'=>'side', 'priority'=>'low');
	$boxes[] = array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('page','post','portfolio'), 'context'=>'normal', 'priority'=>'high' );
	
	return $boxes;
}
```
Best regards,
Ismael
August 28, 2014 at 11:16 pm #310698

Cliffy
Participant

Hi Ismael,

Thanks for this. I put this in my child functions.php and it seemed to work fine for the standard blog post. However, I did not realise the Time.ly Events Calendar plugin must be using a custom post type. I have no idea how to edit that – shame. If anyone has any experience of using the Events Calendar by Time.ly and has managed to modify the layout to use Enfold Content Elements (via the Advanced Editor) it would be great to hear from them.
http://time.ly/

Thanks,
H

September 2, 2014 at 7:24 am #312054
Josue
Inactive Moderator
Hey!

You just need to figure out the Time.ly Event post type slug and edit the code accordingly, for example let’s suppose the slug is “events”:
```
add_theme_support('add_avia_builder_post_type_option');
add_filter('avf_builder_boxes','enable_boxes_on_posts');
function enable_boxes_on_posts($boxes) {
	$boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page','post', 'portfolio', 'events'), 'context'=>'normal', 'expandable'=>true );
	$boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page','post', 'portfolio'), 'context'=>'side', 'priority'=>'low');
	$boxes[] = array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('page','post','portfolio', 'events'), 'context'=>'normal', 'priority'=>'high' );
	
	return $boxes;
}
```
To check the slug of a post type, go to the listing of that post type and check the URL trail: http://screencast.com/t/2vdgpnCI

Regards,
Josue
September 2, 2014 at 1:03 pm #312265

Cliffy
Participant

Thanks @Josue for this.

That didn’t seem to work. The slug is “event”.
Should ‘event’ be on the second line also?

Really nervous about making these changes and now I realise that this only allows me to change individual posts. I really need to change the “template” they are based on. Sorry if I am not explaining myself correctly.
i.e. for every “event” I create, I would want to automatically see “Recent Posts” below or an Advertising widget for example.

H

September 2, 2014 at 9:39 pm #312500
Josue
Inactive Moderator
Hey!

Yeah, it should be on the three lines, try with this:
```
add_theme_support('add_avia_builder_post_type_option');
add_filter('avf_builder_boxes','enable_boxes_on_posts');
function enable_boxes_on_posts($boxes) {
	$boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page','post', 'portfolio', 'event'), 'context'=>'normal', 'expandable'=>true );
	$boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page','post', 'portfolio', 'event'), 'context'=>'side', 'priority'=>'low');
	$boxes[] = array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('page','post','portfolio', 'event'), 'context'=>'normal', 'priority'=>'high' );
	
	return $boxes;
}
```
Cheers!
Josue
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.