{"id":1768,"date":"2026-07-07T22:31:12","date_gmt":"2026-07-07T13:31:12","guid":{"rendered":"https:\/\/linksboo.blog\/interest\/wordpress-elementor-crocoblock-essential-plugins-for-web-design\/"},"modified":"2026-07-07T22:32:54","modified_gmt":"2026-07-07T13:32:54","slug":"elementor-crocoblock-plugins","status":"publish","type":"lb_general","link":"https:\/\/linksboo.blog\/en\/interest\/elementor-crocoblock-plugins\/","title":{"rendered":"WordPress Elementor & Crocoblock: Essential Plugins for Web Design"},"content":{"rendered":"

First, when I wrote about the intended use of the WordPress bulletin board, I mentioned that I would mainly use Elementor and Crocoblock and explain them. <\/p>\n

Elementor can be thought of as a tool that makes it easy to edit when creating a website with WordPress.<\/p>\n

WordPress basically lays the foundation for creating a website, but detailed settings require basic programming knowledge. Elementor visualizes that part and helps even beginners create easily.<\/p>\n

However, since this is also a plugin created with programming, it can be less user-friendly than expected if you don’t read the explanations carefully, and sometimes it may not be implemented as the user intended.<\/p>\n

This usually happens when you try to implement something that cannot be implemented through the plugin’s programming. To implement this, you would need to study separately and implement it without using the plugin.<\/p>\n

However, in most cases, Elementor alone is sufficient.<\/p>\n

I am currently subscribed to and using the Elementor Pro feature. However, this is not essential, and if you decide to use Elementor, I recommend purchasing it only after you become somewhat familiar with it and feel the need for additional features yourself.<\/p>\n

Differences in Usage<\/h2>\n

To explain the basic differences, we can take the editor as an example. When editing pages or posts within WordPress, you enter the default editor screen.<\/h5>\n
This is the screen you see when you click the Add New button on a Page or Post.<\/h5>\n
\"\"
WordPress Default Editor<\/figcaption><\/figure>\n
My screen might look different because I have plugins installed, but generally, you start from a similar state.<\/h5>\n
It might feel different for everyone, but if you’ve posted on general blogs like Naver Blog, you might be taken aback.<\/h5>\n
I was too, and without reading the explanations, even after completing the WordPress installation, I had no idea how to proceed further.<\/h5>\n
Now, let’s enter the Elementor editor.<\/h5>\n
In the top left of the screenshot above, you’ll see the “Edit with Elementor” button. If Elementor is installed, this button will be activated. Clicking it will take you to the Elementor editor.<\/h5>\n
(After installing Elementor, you need to set the permission to edit this category using Elementor, which I will explain later.)<\/h5>\n
\"\"
Elementor Editor<\/figcaption><\/figure>\n
Looking at the screenshot, it still seems a bit confusing from a beginner’s perspective. \u314b\u314b I’ve set the site logo to the TOGEPPI logo in my theme, so the default settings appear like this.<\/h5>\n
On the left sidebar, you’ll see a list of widgets. You can check their purposes by trying them out individually.<\/h5>\n
Clicking and dragging a widget from the left sidebar to the editing area in the center will activate the widget.<\/h5>\n
Let’s try dragging a Text Editor widget.<\/h5>\n
\"\"
Elementor Editor<\/figcaption><\/figure>\n
When no text is entered in the text editor, the default text is displayed. You can modify the content and set the style from the left sidebar.<\/h5>\n
Style, in simple terms, refers to various design settings such as text color, size, width, etc.<\/h5>\n
On the right, there is a Navigator, which shows the order in which the currently active widgets are arranged in the editor.<\/h5>\n
You might not use it much at first, but its utility will increase as you become more familiar with it.<\/h5>\n
In this way, you can add and arrange text widgets, image widgets, and so on, and post articles or design your site in your own way.<\/h5>\n
I’ve explained the most basic difference. When using Elementor’s features, in addition to the default WordPress widgets, various Elementor widgets are also added.<\/h5>\n
There are many additional features, so I found it convenient to use.<\/h5>\n

Crocoblock<\/h1>\n
\"\" <\/a>
Crocoblock Main Page (Click to visit)<\/figcaption><\/figure>\n
Crocoblock is not a feature that changes the editor like Elementor.<\/h5>\n
I’m not a complete expert, so I don’t know everything perfectly, but from my experience, I think it allows for various designs and expressions by utilizing widget extensibility.<\/h5>\n
As I mentioned earlier, all design is fundamentally done through programming, WordPress simplifies this, and plugins make it easier to use.<\/h5>\n
Crocoblock fulfills that role well and activates most widgets that can be implemented with general ideas.<\/h5>\n
For example, if you want to use a plugin with a specific function in WordPress and search for and install it, you have to install and use each function separately.<\/h5>\n
Crocoblock has all of these included, which I see as an advantage. It’s also easy to link them together.<\/h5>\n
Of course, many people use other plugins, and there might be better ones, but since I started with this, it seems good from my perspective.<\/h5>\n
\"\"
Crocoblock Plugin<\/figcaption><\/figure>\n
\"\"
Crocoblock Plugin<\/figcaption><\/figure>\n
Crocoblock widgets are added like this. There are many more than in the screenshots, and they include numerous features.<\/h5>\n
For now, I will explain the concepts of Elementor and Crocoblock to this extent.<\/h5>\n
In the next post, I will slowly cover how I designed the website using these plugins and what features can be utilized.<\/h5>\n
Thank you.<\/h5>\n","protected":false},"excerpt":{"rendered":"

Master WordPress web design with Elementor & Crocoblock. Learn to easily create stunning sites and expand functionality, even as a beginner.<\/p>\n","protected":false},"author":3,"featured_media":1750,"template":"","meta":{"inline_featured_image":false},"linkboo-tag":[],"class_list":["post-1768","lb_general","type-lb_general","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/lb_general\/1768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/lb_general"}],"about":[{"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/types\/lb_general"}],"author":[{"embeddable":true,"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/users\/3"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/media\/1750"}],"wp:attachment":[{"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/media?parent=1768"}],"wp:term":[{"taxonomy":"linkboo-tag","embeddable":true,"href":"https:\/\/linksboo.blog\/en\/wp-json\/wp\/v2\/linkboo-tag?post=1768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}