Page Builder is the main feature of our theme which help you easily manage content and layout. You’ll see page builder when you create page/post/portfolio/personnel post type.
There’re 2 main types of item in page builder.
PageLayer is a WordPress page builder plugin. Its very easy to use and very light on the browser. Pagelayer works with any WordPress theme. Pagelayer is a real time editor and you can create beautiful web pages in a few minutes! Entertaining London is one of several collections curated by the Layers of London team at London Metropolitan Archives (LMA). These collections bring together photographs, films and estate plans from the London County Council archive collection at LMA. London County Council (LCC) was established in 1889.
Below is an explanation of the feature of the page builder.
You can add the function below in functions.php file in child theme to add page builder in new post type.
Please change all the custom to the post type name, Eg: product or event, ect.
You can use id and class to write specific css/js for specific area in page builder.
You can select one or more layers to workon them. For some activities, such as painting or making color andtonal adjustments, you can work on only one layer at a time. A singleselected layer is called the active layer. The nameof the active layer appears in the title bar of the document window.
Forother activities, such as moving, aligning, transforming, or applyingstyles from the Styles panel, you can select and work on multiplelayers at a time. You can select layers in the Layers panel or withthe Move tool .
Youcan also link layers. Unlike multiple layers selected at the sametime, linked layers stay linked when you change the selection inthe Layers panel. See Link andunlink layers.
If you don’t see thedesired results when using a tool or applying a command, you maynot have the correct layer selected. Check the Layers panel to makesure that you’re working on the correct layer.
When selecting, Ctrl-click (Windows) or Command-click (Mac OS) the area outside the layer thumbnail. Ctrl-clicking or Command-clicking the layer thumbnail selects the nontransparent areas of the layer.
To select all layers, choose Select > All Layers.
To select all layers of a similar type (for example all type layers), select one of the layers, and choose Select > Similar Layers.
To deselect a layer, Ctrl-click (Windows) or Command-click (Mac OS) the layer.
To have no layer selected, click in the Layers panel below the background or bottom layer, or choose Select > Deselect Layers.
You can also select a layer or layers directly from the document window.
In the options bar, select Auto Select,then choose Layer from the drop-down menu, and click in the documenton the layer you want to select. The top layer containing pixelsunder the cursor is selected.
In the options bar, select Auto Select, then chooseGroup from the drop-down menu, and click in the document on thecontent you want to select. The top group containing pixels underthe cursor is selected. If you click an ungrouped layer, it becomesselected.
Right-click (Windows) or Control-click (Mac OS)in the image, and choose a layer from the context menu. The contextmenu lists all the layers that contain pixels under the currentpointer location.
You can open a group and then select an individual layer within that group.
Grouping layers helps organize your projects and keeps your Layers panel uncluttered. By linking layers, you establish a relationship between them, even if they aren't next to each other in your layer order.
Choose Layer > Group Layers.
Alt-drag (Windows) or Option-drag (Mac OS)layers to the folder icon atthe bottom of the Layers panel to group the layers.
Select the group in the Layers panel andclick the Create a New Layer button .
Drag a layer to the group folder.
Drag a group folder into another group folder. Thegroup and all of its layers move.
Drag an existing group to the New Group button .
You can link two or more layers or groups.Unlike multiple layers selected at the same time, linked layersretain their relationship until you unlink them. You can move orapply transformations to linked layers.
Select a linked layer, and click the linkicon.
To temporarily disable the linked layer, Shift-clickthe Link icon for the linked layer. A red X appears. Shift-clickthe link icon to enable the link again.
Select the linked layers and click the Link icon.To select all linked layers, select one of the layers and then chooseLayer > Select Linked Layers.
Showing the boundary or edges of the contentin a layer can help you move and align the content. You can alsodisplay the transform handles for selected layers and groups sothat you can resize or rotate them.
You can resize and rotate layer content using thetransform handles. See Transformfreely.