워드프레스 엘리멘토(Elementor), 크로코블록(Crocoblock) | Togeppi

togeppi blog logo

워드프레스 웹사이트 제작 시 유용한 플러그인인 엘리멘토(Elementor)와 크로코블록(Crocoblock)에 대해 알아보겠습니다. 이 두 플러그인은 코딩 지식이 부족해도 웹사이트를 쉽고 효율적으로 디자인하고 관리할 수 있도록 돕습니다.

엘리멘토(Elementor): 직관적인 웹사이트 빌더

엘리멘토는 워드프레스로 웹사이트를 제작할 때 편집 과정을 혁신적으로 단순화하는 도구입니다. 워드프레스 자체는 웹사이트 구축의 기본 틀을 제공하지만, 세부적인 디자인이나 기능 구현에는 프로그래밍 지식이 필요할 수 있습니다. 엘리멘토는 이러한 과정을 시각화하여 초보자도 쉽게 원하는 디자인을 구현할 수 있도록 지원합니다. 드래그 앤 드롭 인터페이스를 통해 텍스트, 이미지, 버튼 등 다양한 요소를 배치하고 스타일을 조정할 수 있습니다. 비록 플러그인이지만, 때로는 예상대로 작동하지 않거나 구현이 어려운 부분이 있을 수 있으며, 이럴 경우 추가적인 학습이나 플러그인 없이 직접 구현해야 할 수도 있습니다. 하지만 대부분의 일반적인 웹사이트 제작 요구사항은 엘리멘토만으로도 충분히 해결 가능합니다.

필자는 엘리멘토 프로 버전을 구독하여 사용하고 있지만, 이는 필수 사항은 아닙니다. 엘리멘토를 충분히 익숙하게 사용한 후, 추가적인 기능이 필요하다고 느껴질 때 구매를 고려하는 것을 추천합니다.

엘리멘토와 워드프레스 기본 편집기의 차이점

워드프레스에서 페이지나 포스트를 편집할 때 기본 편집기 화면이 나타납니다. 이 화면은 네이버 블로그 등 일반적인 블로그 편집 경험이 있는 사용자에게는 다소 생소하고 어렵게 느껴질 수 있습니다. 필자 역시 워드프레스 설치 후 이 기본 편집기만으로는 어떻게 나아가야 할지 막막함을 느꼈습니다.

워드프레스 기본 편집기 화면
워드프레스 기본 편집기

엘리멘토를 설치하면 워드프레스 편집 화면 상단에 ‘Edit with Elementor’ 버튼이 활성화됩니다. 이 버튼을 클릭하면 엘리멘토 편집기로 진입하게 됩니다. (엘리멘토 설치 후 해당 카테고리를 엘리멘토로 편집할 수 있도록 권한 설정이 필요하며, 이는 추후 설명될 예정입니다.)

엘리멘토 편집기 화면
엘리멘토 편집기

엘리멘토 편집기는 처음 접하는 사용자에게 다소 복잡해 보일 수 있습니다. 좌측 사이드바에는 다양한 위젯들이 나열되어 있으며, 이 위젯들을 드래그하여 중앙 편집 영역으로 옮기면 해당 위젯이 활성화됩니다. 예를 들어, ‘Text Editor’ 위젯을 가져다 놓으면 텍스트를 입력하고 스타일(색상, 크기, 너비 등)을 설정할 수 있습니다. 우측의 ‘Navigator’ 기능은 현재 편집 중인 위젯들의 배열 순서를 보여주어, 익숙해지면 레이아웃 관리에 유용하게 활용될 수 있습니다. 이러한 방식으로 다양한 위젯을 조합하여 원하는 글이나 웹사이트 디자인을 만들어 나갈 수 있습니다. 엘리멘토를 사용하면 기본 워드프레스 위젯 외에 엘리멘토만의 추가 위젯들을 활용할 수 있어 더욱 편리한 작업이 가능합니다.

크로코블록(Crocoblock): 위젯 확장성을 통한 디자인 강화

크로코블록은 엘리멘토와 달리 편집기 자체를 변경하는 기능보다는, 위젯의 확장성을 통해 더욱 다양하고 복잡한 디자인 및 표현을 가능하게 하는 플러그인입니다. 모든 웹 디자인은 근본적으로 프로그래밍을 통해 이루어지지만, 워드프레스와 같은 도구는 이를 간소화합니다. 크로코블록은 이러한 역할을 충실히 수행하며, 사용자가 일반적으로 구현하고자 하는 다양한 위젯들을 한데 모아 제공합니다. 예를 들어, 특정 기능을 가진 플러그인을 사용하기 위해 여러 개를 개별적으로 설치해야 하는 경우와 달리, 크로코블록은 필요한 기능들을 하나의 패키지로 제공하여 설치 및 연동이 용이하다는 장점이 있습니다. 물론 다른 플러그인들도 많이 존재하지만, 필자는 크로코블록으로 워드프레스 디자인에 입문하여 만족스럽게 사용하고 있습니다.


크로코블록 메인페이지
크로코블록 메인페이지 (클릭시 이동)

크로코블록을 설치하면 엘리멘토와 마찬가지로 다양한 추가 위젯들이 생성됩니다. 이러한 위젯들을 활용하여 웹사이트의 디자인과 기능을 더욱 풍부하게 만들 수 있습니다.

크로코블록 플러그인 추가 위젯 예시
크로코블록 플러그인
크로코블록 플러그인 기능 예시
크로코블록 플러그인

이처럼 크로코블록은 엘리멘토와 함께 사용하여 웹사이트 디자인의 가능성을 더욱 확장시켜 줍니다. 다음 글에서는 이 두 플러그인을 활용하여 실제 웹사이트를 디자인한 사례와 유용한 기능들에 대해 더 자세히 다루겠습니다.

감사합니다.

댓글 목록

러시아어 광고 이미지

Если вы заняты в области индустрии и столкнулись с необходимостью в снабжении лучших тугоплавких металлов, то ООО “РМС” — это ваше гарантированный результат. Наша компания профессионально работает в сфере поставок редких металлов уже десятилетий, что гарантирует нам право предоставлять только качественный продукт своим заказчикам.Масштаб заказа не ограничен.

Многогранный спектр тугоплавких металлов.

Полное документальное сопровождение.

Непрерывная обратная связь.

Зачем мониторить рынок, если на rms-ekb.ru всегда все в наличии?

При возникновении любых уточнений, наша команда профессионалов всегда к вашим услугам. Свяжитесь с нами прямо сейчас и проверьте лично в бесспорных достоинствах нашего продукта.Предлагаемые позиции:

Алюминиевая проволока круглая 0,42 мм АМ ГОСТ 6132-63

2026-03-18 15:43:20

Togeppi
Instagram
Youtube

Design by togeppi

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected : Support Our Local Bloggers! 💚

We deliver authentic, high-quality local travel stories and insights completely for free by sharing 60% of our ad revenue directly with independent content creators.When you block ads, our bloggers lose their rewards for their hard work. Please support the global blogging ecosystem by disabling AdBlock (or whitelisting linksboo.blog) and refreshing the page. Thank you!

Powered By
100% Free SEO Tools - Tool Kits PRO