Hi there,
I want to create a page with a sidebar on the righ and content on the left + some layouting using the tagdiv composer.
If I create a new page and don’t use the tagdiv composer, then I can use the wysiwyg text editor for my content, but I want to set some layout so I use composer.
My layout is quite simple (see screenshot)
The lines “Onze schoolvisie” is some kind of title and I will also add other layouts later, but my problem is best explained with a simple example.
Currently you see that there is an “empty inner column” and that is the location where I want to create the read PAGE-CONTENT of this page. This will be an article with different fonts, colors and even some inline images with right or center alignments.
Only….. how do I do that? Is there some kind of element that I can drag in there that gives me the ability to enter data in this position in a wysiwyg way?
I could of course exit the tagdiv composer and then try to edit some text and pictures between the [vc_column_inner] and [/vc_column_inner] tags, but I really wonder if this is the way to do it?
I can go into TEXT view also and enter my data with pure html, but then I wonder why I need wysiwyg at all…
Is this the only way to achieve this ?
Or can I drag some kind of element inside that empty immer column that would give me the ability to edit wysiwyg info inside there?
Kind regards,
Bart
Hi,
Unfortunately I cannot see any screenshots you provided. The tagDiv composer has a few text elements that you can use to display simple text or text and images
– https://www.screencast.com/t/2wJ8teMA3L6c
You simply have to choose the row layout that you want, then drag the desired element in the positions you want and configure it. The text color can be changed as you want using the WordPress text editor
– https://www.screencast.com/t/G43fYEr4cr4D
Some of the elements seen in the screenshot I provided require the multi-purpose plugin to be active. Let me know if you have more questions or I misunderstood something.
Thanks
Please see the screenshot by following the link below.
I have created a layout with the tagdiv composer and that layout consists of a row where I have 2 columns. 1 column on the left is 2/3 wide and the right one 1/3
Inside the left 2/3 I want to put text with different font colors, font styles, images with right and center alignment, …
These are things you can easily do in the default editor in WP, but if you create the page with tagdiv composer, then there are codes between [] .
For now I have just entered my info by making myself space the [vc_column_inner] tag and [/vc_column_inner]. I did this by entering a few times and then began to write the text and inserting the images. This seems to work somehow, but is this really the way to go ?
Isn’t there an element which you can insert in that vc_column_inner to get a text box with full wysiwyg editor ?
The shortcodes will be visible in the backend, but as you view the page they will be rendered by the composer into elements.
It would be best to design and create the entire page with the composer. Create a page and edit it with the composer and split the rows as you want, there are multiple layouts to choose from
– https://www.screencast.com/t/cRDaJoaRmsXm
Then begin dragging elements in the resulting columns. There are text elements in which you can use the WordPress editor
– https://www.screencast.com/t/71yvTsZIvZgo
There are elements for almost anything in the composer, so you could build pages using it entirely.
So it seems like the COLUMN TEXT element has a wysiwyg editor atached and that was what I was looking for.
If I understand right then you would do the images as SINGLE IMAGE elements and layout them with tagdiv composer, but that actually leaves me with another problem.
Please let me explain. If I want text with in that text 1 RIGHT-aligned image, then the text will flow around the image. You can see that in my linked screenshot above. The image of the children jumping up. Once the image is finished, the text uses the full with again automatically. I have no clue how I should do that then with the composer. the only thing I see is that I could have A column split in 2 (left “column text” and right my “image”), but then the text will always stay in that left column and not automatically continue in full width under the image?
That is what I was trying to say, the elements that are for text will allow you to use the WordPress text editor. In a text element you can also insert images and align them as you wish
– https://www.screencast.com/t/M2VaGqdW
Also experiment with elements that can display images, provided by the composer and multi-purpose plugin
– https://www.screencast.com/t/3ADEECTmmTs
You could not split the row, use a full row and arrange the text and images as you want in a single text element.
