I am working in Wordpress version 5.4.1, in Gutenberg, with a table block and having trouble editing.
It is relatively simple setup. One column of images another of text. I need to edit and change one image and I find it cannot be edited through the visual editor. I cannot get to detail below table. See image from the bottom of the editor.
Is this a bug, or am I doing something basic wrong.
BTW, I can edit the text and I can edit the HTML to change the image, but that is of course defeating the intent of the visual editor.
You really should check out the guide, how to ask questions on stackoverflow: https://stackoverflow.com/help/how-to-ask
So I guess, you want to have a two column layout created with the Gutenberg Editor in Wordpress.
Gutenberg: Columns Block for multi-column layouts
There is the columns block for that (layout). This block is used to create multi column layouts. You can add it under "Layout Elements" -> "Columns" (https://wpdevelopment.courses/articles/a-list-of-all-default-gutenberg-blocks-in-wordpress-5-0/#layout). Use this block, it will ask you which column layout you want to choose. I think the two columns seperated in the middle will be your choice. You can also set if the content should be vertically top, middle or bottom.
Inside the columns you now have "+" and can add an "Image", found under the common blocks (https://wpdevelopment.courses/articles/a-list-of-all-default-gutenberg-blocks-in-wordpress-5-0/#common-blocks), and upload or choose an image from your media library. Inside of the other column you can add your paragraph.
Gutenberg: Table Block for tabular data in table format
There is the table block for that (formatting: https://wpdevelopment.courses/articles/a-list-of-all-default-gutenberg-blocks-in-wordpress-5-0/#formatting). The times using tables for layouting thankfully are over since a long time. You should not use tables to create the layout of your website. They are and were only for data in table format, not for creating layouts.
Is your image block not working?
If you are using your image block, you cannot upload or add images form the media library? Please try deactivating all your plugins and change to a default wordpress theme (i.e. twentytwenty). Is the problem still occuring when using Gutenberg? You should check the console in your browser inspector if there are any erros.
Your image block is just not working for one image?
Try to delete that block and save the page. Clear all your caches and reload the page. After that, insert a new image block in your layout. If it is working now, there just was something wrong with this one block element.
Your image is not working inside a table block?
Are there any errors, have you tried deactivting all plugins and change to default theme? Are you really wanting to show data in the table, or do you want to set up a column layout? Maybe it would be better to use the columns block, if you want to achive two column layout.
Related
I have an issue with the Gutenberg blocks in WordPress. I save a section of text with an image as a reusable block. However, if I insert that block multiple times on the page and change one image, all of the images are changing.
I can't seem to find any workaround for this. I want to be able to change each image individually. I even tried using "Design Patterns" however the results are the same.
Is there any solution to this?
You will need to convert the reusable block to regular blocks before you can update the images individually. There is a button in the toolbar when you select the block that allows you to do this:
He everyone,
simple question for everone.
I am trying to build this style but i am very new in WordPress and cant figure it out myself.
See the link below:
https://blind.com/what-we-do/
I like the part "Strategy, Branding, Digital, Motion" with the test one side and image the other side.
I would like to recreate this exact style with the Responsiveness included.
Thank you for your help.
Alexandre
Since you've mentioned that you're using Siteorigin's page builder, I've decided to do a short video of how I would arrange the elements on the builder to achieve the results you're after.
here's my screencast: http://somup.com/cFit60VLyy
Now there are few flaws with siteorigin's pagebuilder - there is no inbuilt column equalizer for rows unlike other page builders like WPbakery and elementor. So you will have to use a plugin or write your own CSS. If you want to go the plugin way, install the Equal height columns plugin
And then you can add a class to any column you want to have equal width on left and right. You can see in my video that I've used the "equal" class under the attributes of the cells.
Depending on the theme you're using, you might need to write some CSS for margins and paddings. I'm sure its quite straight forward. You can do this in 10 mins straight.
Good luck.
We print pdf provided by the company and merged it with data from our C# ASP.Net 3.5 Web application using iTextSharp. This works well but we have been asked to either print the form with or without the company logo depending on the user preference.
Should I use a pdf with the logo and hide it or use a pdf without the logo and add the logo to it?
I have found numerous way to add a logo to a pdf but nothing on hiding images. Because the logo could be having different size and be in a different location I would prefer to hide it when needed instead of adding it. Can we hide images from pdf without removing it? What would be easier?
Or should we just use 2 versions of each forms, one with the logo and another without?
UPDATE: In a nutshell I just want to have your opinion to what way would be best. Use a form without a logo and add it when needed or use a form with the logo and hide it when needed. Thanks
FINAL UPDATE: Some people gave good answer but I see no way to accept their answer. Can someone help me?
Because no one answered my question I selected one of the comment as "the" answer. Thanks mkl!
You can store data private to your application in PDFs, e.g. logo size and location in the case at hand (cf. this answer on PieceInfo structures). I would, therefore, recommend that you create the PDFs without the logo but store the size and location for a logo in such a PieceInfo dictionary. If adding a logo is required later-on, use that information to properly place the logo
I have a responsive layout and need a solution for editors to easily create muti-column content within TincyMCE.
Found some Plugins which allow me to create simple Templates/Snippets which can be inserted into Tiny and then modified (e. g. TinMCE Templates).
I don´t like the solution for some reasons. Editors could (and will) break things badly by accidently removing tags or nesting things. Moreover there seems to be no way to leave the parent div.
I think the best solution would be a button which opens a dialog, where editors can select a layout/style and then fill out predefined fields. For example: Click button, choose layout "2 columns", a form appears with fields for column 1 and column 2 (title and body). I appended a mockup for clarification.
If the editor inserts a template and wants to edit the texts, ideally he just clicks a part of the inserted template and the overlay opens again, so that nothing gets broken.
Is there such a plugin? Or an other built-in way?
This is the plugin that you're looking for to achieve multi-column support → Easy Columns
I developed a homemade CMS that posts articles and blog items, and I want to insert a block of Related News Items (basically, just a dynamic unordered list) that floats within the body copy of every article around the middle with text wrapping around it.
Is there a best practice that someone knows for getting this done? I don't want the writers to have to paste Label Control code that would permanently reside in the body copy and I would like to be able to remove the block down the road without having to do a mass Find/Replace within the database.
I know I can easily nest a control on the page to present the block, but the problem is that I don't know how to get the text within the body copy (simply text and p tags) to wrap around the block without the block residing within the same p tags.
I do understand that there are full-fledged content management systems that might be easier, but I need to use this CMS for now.
Thanks in advance...
I would add a table to the database and insert the related items there, referencing the main item's PK. Then do a LEFT JOIN on that table when retrieving an article. If there are related items, construct a floating div for display. That way, you can always remove the code that checks for related items in the future.