WordPress 게시물에 여러 열로 된 콘텐츠를 추가 하시겠습니까?
열을 사용하여 만들 수 있습니다 출판물과 페이지를위한 매력적인 레이아웃.
신문 및 잡지와 같은 전통적인 인쇄 매체는 인쇄 초기부터 다중 열 레이아웃을 사용했습니다. 그들의 목표는 utilisateurs 사용 가능한 공간을 경제적으로 사용하면서 작은 텍스트를 쉽게 읽을 수 있습니다.
아직 WordPress에서 웹사이트나 블로그를 만들지 않았다면 다음 7단계로 WordPress 블로그 설치 방법을 참조하시기 바랍니다. 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면
단일 열 레이아웃은 웹에서 더 일반적으로 사용됩니다. 그러나, 그 그리드 여러 열이있는 것은 여전히 콘텐츠를 강조하고 읽기 및 분석을 용이하게하는 데 유용합니다.
이 학습서에서는 HTML 코드를 작성하지 않고 WordPress 게시물에 여러 열 컨텐츠를 쉽게 추가하는 방법을 보여줍니다.
WordPress에 다중 열 콘텐츠 추가-쉬운 솔루션
WordPress에서 그리드 콘텐츠라고도하는 다중 열 콘텐츠를 만드는 것은 이제 기본 기능이므로 쉽게 만들 수 있습니다. 그만큼 새로운 WordPress Gutenberg 블록 편집기 열 블록을 제안합니다.
여러 열 레이아웃을 추가하려면 새 게시물을 만들거나 편집해야합니다. 편집 영역에서 " 에 추가 상단에 블록을 추가하십시오.
그런 다음 블록을 선택해야합니다 열 ""레이아웃 요소 "탭 아래에 있습니다.
왼쪽 열에 마우스 포인터가 이동하고 텍스트의 자리 표시자가 오른쪽 열에 나타납니다.
위의 스크린 샷에서 볼 수 있듯이 기둥 처음에는 빈 공간으로 보입니다. 마우스를 왼쪽으로 가져 가면 강조 표시된 블록의 테두리를 볼 수 있습니다.
또한 화면의 오른쪽 열에서 블록 매개 변수를 볼 수 있습니다.
기본적으로 열 블록은 두 개의 열을 추가합니다. 오른쪽의 블록 설정에서 추가 할 열 수를 늘릴 수 있습니다. 이를 통해 단일 행에 최대 XNUMX 개의 열을 추가 할 수 있습니다.
열을 클릭하고 내용을 추가하려면 입력을 시작하십시오. 키보드의 Tab 키를 사용하여 다음 열로 이동할 수 있습니다.
열에 멀티미디어 및 기타 콘텐츠 추가
텍스트 콘텐츠 외에도 WordPress 열에 이미지를 추가하고 동영상을 삽입 할 수도 있습니다.
열 블록을 사용하면 각 열 안에 블록을 추가 할 수 있습니다. 열 위로 마우스를 가져 가면 "새 블록 추가내부. 블록 이름을 입력하여 블록을 추가 할 수도 있습니다.
선택한 블록이 열에 나타납니다. 거기 가서 콘텐츠를 추가 할 수 있습니다.
업로드-업로드-귀하의 미디어에 대한 기사를 찾아보십시오. WordPress에 대량 미디어를 업로드하는 방법
새 열은 다음과 같이 표시됩니다. 워드 프레스 테마 기본 스물아홉. 이 예에서는 세 개의 열을 사용하고 있으며 마지막 열에는 이미지가 포함되어 있습니다.
측면에 이미지와 텍스트 만 추가하려면 블록을 사용할 수도 있습니다 미디어와 텍스트 열 대신. 이 블록은 텍스트 옆에 이미지 및 비디오와 같은 미디어를 표시하도록 특별히 설계되었습니다.
클래식 편집기에서 여러 열 추가 워드프레스(WordPress)
WordPress를 Gutenberg로 업그레이드하지 않았고 여전히클래식 에디터그리드 레이아웃을 만들려면 별도의 플러그인을 설치해야합니다 열.
플러그인을 설치하고 활성화하여 시작하십시오. 경량 그리드 열.
자세한 지침은 방법에 대한 단계별 가이드를 따르십시오. WordPress에 플러그인 설치.
활성화되면 새 메시지를 작성하거나 편집 할 이전 메시지를 열 수 있습니다. 그런 다음 " 열 추가 비주얼 편집기 도구 모음에서.
이제 첫 번째 열을 추가 할 수있는 팝업 창이 표시됩니다. 데스크톱, 태블릿 및 모바일 장치에서 열에 포함 할 수있는 영역을 다르게 선택할 수 있습니다.
발견하여 더 나아가십시오 워드 프레스에 전체 페이지 폭을 만드는 방법
예를 들어, 50 % 데스크탑 그리드 백분율을 설정하면 열이 선의 절반을 덮습니다.
5 간격으로 100 %에서 5 %까지 열 너비를 설정하는 많은 옵션이 있습니다. 드롭 다운 메뉴를 클릭하여 하나를 선택할 수 있습니다.
그런 다음 "내용"영역에 열의 내용을 추가 한 다음 "확인"버튼을 클릭하여 발행물에 삽입해야합니다.
플러그인은 콘텐츠와 함께 필요한 단축 코드를 생성하고 게시물 편집기에 추가합니다.
이 튜토리얼에서 알아보십시오 어떻게 설치하고 WP 슈퍼 캐시 플러그인을 구성하는 방법 블로그의 성능을 향상시킵니다.
이제 첫 번째 열이 추가되었으므로 프로세스를 반복하여 더 많은 열을 추가 할 수 있습니다. 마지막 열의 경우 '줄의 마지막 열'.
그런 다음 미리보기를 저장하고 미리 볼 수 있습니다. Twenty Seventeen 테스트 웹 사이트의 모양은 다음과 같습니다.
페이지 나 발행물에 열을 만드는 데 도움이되는 WordPress 테마를 찾으려면 3 WordPress 테마가 있습니다. 프리미엄 이 작업에 적합합니다.
1. TheGem
많이있다 워드 프레스 테마 OnePage 레이아웃을 제공한다고 주장할 수 있지만 어느 누구도Gem WordPress 템플릿에 있는 풍부한 옵션과 기능을 제공할 수 없습니다.
좋은 OnePage 웹사이트와 관련된 모든 디자인 요소가 여기에 있습니다. 워드 프레스 테마 : 전체 화면 슬라이더(와 함께 제공되는 Revolution Slider 플러그인을 사용하여 생성 가능) 워드 프레스 테마), XNUMX가지 헤더 스타일 선택 및 패키지에 포함된 Visual Composer 플러그인을 사용하여 전체 너비 섹션을 생성하는 기능이 있습니다.
또한 글꼴, 색상 및 아이콘과 같은 항목에 대한 여러 가지 사용자 정의 옵션이 있습니다. 드문 일이지만 TheGem에 대해 싫어하는 세부 사항도 있습니다. 그러나 기본적으로 그것은 긍정적 인 점의 수를 감안할 때 물론 당신에게 적합한 WordPress 테마입니다. OnePage 웹 사이트를 쉽게 만들 수있는 강력한 경쟁자입니다.
2. 스톡홀름
스톡홀름은 건설 회사, 토목 공학 또는 건물 개조의 세계와 관련된 모든 회사의 웹 사이트를 만드는 데 도움이 되도록 설계된 WordPress 테마입니다. 이것 WordPress 템플릿 품질과 디테일을 중요시하는 전문가를 대상으로 합니다.
옵션 패널과 사용자 친화적 인 백엔드가 함께 제공되어 콘텐츠를 쉽게 관리 할 수 있습니다. 이 WordPress 테마를 사용할 수있는 다양한 활동을 보여주는이 템플릿의 약 20 개의 데모가 있습니다. 그리고 이것들은 또한 당신의 웹 사이트가 독특한 모습을 가지도록 미래의 맞춤화를위한 기초로 사용될 수 있습니다.
응답 성이 뛰어나 모든 유형의 화면에 완벽하게 표시됩니다. 이 템플릿을 사용자 지정하거나 설치하는 동안 문제가 발생하면 패키지에 포함 된 전체 설명서가 지침이 될 수 있습니다. 그리고 여전히 할 수 없다면,이 테마에 전념하는 지원은 워드 프레스가 귀하의 처분에 남아 있습니다.
3. 목성
목성은 또 다른 매우 인기있는 워드 프레스 테마입니다. 대행사, 창의성, 교육, 식품, 건강 및 전자 상거래 카테고리에서 25를 다루는 6 데모가 있으며 향후 업데이트에 추가 될 예정입니다. 레이아웃의 대부분은 쾌적한 타이포그래피와 함께 미니멀리스트 디자인입니다.
Jupiter의 주요 판매 포인트 중 하나는 Creative Header Customizer로, 웹 사이트의 헤더 디자인을 빠르고 쉽게 사용자 정의 할 수 있습니다. Visual Composer, 3 슬라이더 (Layer, Revolution 및 iCarousel), 10 새로운 단축 코드, 1800 아이콘 이상 및 10 사용자 정의 게시물 유형이 모두 제공됩니다.
페이지 로드 시간도 탁월합니다. 이것은 훌륭한 제품이며 많은 것을 찾기가 어려울 것입니다. 워드 프레스 테마 특징을 가지고 있습니다.
다른 추천 자료
블로그 나 웹 사이트를 최적화하기 위해 구텐베르크의 세계에 몰입 할 수있는 몇 가지 링크를 참조하는 것이 좋습니다.
결론
여기 ! 이 튜토리얼은 끝났습니다. 이 기사가 WordPress 게시물 및 페이지에 열을 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 주저하지 말라. 이 자습서를 소셜 네트워크에서 친구들과 공유하십시오.
제안이나 의견이 있으시면 언제든지 환영합니다. 그러나 당신이 초보자라면, 우리는 당신이 우리를 상담하도록 초대합니다 능숙.
...
안녕하세요,이 플러그인이 있습니다…. 그러나 잘 작동하지 않습니다.
두 개의 열을 만들고 있는데, 하나는 사진 용으로, 다른 하나는 텍스트 용으로 더 크므로 사진 아래에 JUMP 텍스트를 저장할 때 텍스트가 열의 전체 높이가 아닌 2 행만됩니다. 계속 accano, 열이 사라지는 것을보십시오… ..
어떡하죠? 왜 이런 일이 일어나고 있습니까? 여기에 이것보다 더 좋고 더 간단한 plg-in이 있습니까?
감사합니다. 도움을 주셔서 감사합니다!
안녕하세요 이리나,
기본 WordPress 테마를 활성화 해보십시오. 모든 것이 제대로 작동하면 현재 WordPress 테마에 문제가있는 것입니다.
또한 플러그인 업데이트를했는지 확인하십시오.
내가 말할 수있는 것은 이것이 Geniale뿐입니다.
그것은 아주 잘 작동하고 캘리포니아 내 모든 기대에 응답합니다.
감사 nombreu (BCP)
안녕하세요
대단히 감사합니다.
어떻게 내 칼럼에 색상을 추가하려면?
Mercii
안녕하세요
사용자 정의 CSS를 사용하여 작업을 수행 할 수 있습니다.
안녕하세요
열에 텍스트를 붙여 넣을 수 없습니다. 가능합니까?
안녕하세요
당신은 어떻게 진행합니까?
일부 텍스트를 복사하고 CRTL + V로 붙여 넣기를 시도했지만 성공하지 못했습니다. 마우스 오른쪽 버튼을 클릭 한 상황에 맞는 메뉴는 붙여 넣기를 제공하지 않습니다.
모든 것을 다시 입력하는 것 외에 다른 해결책을 찾지 못했습니다 ...
늦은 답변 죄송합니다.
페이지의 다른 요소를 마우스 오른쪽 버튼으로 클릭하면 상황에 맞는 메뉴가 표시되는지 확인할 수 있습니까? 그렇다면 호스팅에 JavaScript 문제가있을 수 있습니다.
Google 크롬을 사용하는 경우 문제가있는 해당 페이지로 이동 한 다음 "F12"키 (창이 열리거나 페이지에 연결됨)를 누른 다음 "콘솔"탭을 선택합니다. . 이 탭의 스크린 샷을 찍으면 문제가 있는지 알려 드리겠습니다.
안녕하세요
메르는 votre réponse 붓는다.
내 사이트는 무료로 호스팅되며 자바 스크립트 문제가있을 수 있습니다.
내가 만든 스크린 샷을 어떻게 전달했는지 말씀해 주시겠습니까?
Cordialement
우리는 미레하고 싶지만 당신이 요구하는 서비스의 종류는 불행하게도 지불하고 우리는 당신이 우리의 기술 팀에 문의 초대 blogpascher.com
무료로 제한된 버전을 설치했기 때문에 문제가있는 것 같습니다.
다른 버전을 설치해 보겠습니다 ...
일부 텍스트를 복사하여 플러그인의 열에 붙여 넣으려고했습니다. 키보드 단축키 CTRL + V를 사용하거나이 기능을 제공하지 않는 오른쪽 클릭의 상황에 맞는 메뉴에서도 불가능합니다.
모든 것을 다시 입력 할 수있는 대안이 있습니까?
굉장하다고 할 한마디 밖에 없어요! 나는 그것을 설치하고 두세 번 수정 한 후 기둥을 만들 수있었습니다. 감사합니다!
이 피드백에 대해 Ronnie에게 감사합니다.
안녕하세요 저는 고급 wp 열을 설치했습니다.
하지만 페이지를 볼 때 각 열의 왼쪽 상단에 흰색 사각형이 있습니까? 도와주세요. 감사합니다
Bonsoir,
문제가 지속되는지 확인하기 위해 기본 워드 프레스 테마를 사용해 보셨습니까?
안녕하세요
당신이 흰색 사각형을 가지고 할 방법에 대한 자세한 내용을 제공하지 않는 경우 우리가 정말 당신을 도울 수 있습니다.
메르.