• Page Builder의 Post Loop 위젯에 more 버튼 추가

    워드프레스 페이지를 좀 더 쉽게 관리하기 위한 용도로 Page Builder 플러그인을 사용하는 경우가 있는데, BC TOWN에서는 다음과 같은 플러그인을 주로 활용합니다. https://wordpress.org/plugins/siteorigin-panels/ Page Bulder by SiteOrigin 플러그인을 활용해서 페이지를 구성할 때, 다음과 같이 Post Loop 위젯을 활용하는 경우가 많습니다. 위 그림을 보면 개별 글 제목에는 링크가 설정되어 있는데, 카테고리 제목에는 링크를 설정할 수 없어 불편합니다. 그래서 카테고리 제목 클릭 시 해당 카테고리로 이동할 수 있는 링크를 추가하는 방법을 알아 보겠습니다. 1. basic.php 파일 수정 basic.php 파일 위치는 다음과 같습니다.

    basic.php 파일에서 다음을 수정해 줍니다.

    2. 스타일 수정 more 버튼을 감싸고 있는 so-more 클래스에 스타일을 추가할 수 있습니다. 스타일 추가는 개인적인 취향이기 때문에 각자 추가해 주면 됩니다. 3. 코드 적용 결과 1번 basic.php […]

  • 모바일 홈 바로가기 등록 방법

    모바일 홈 바로가기 버튼 등록이란 모바일 기기에서 일종의 아이콘 형태로 웹사이트를 표시할 수 있도록 바로가기 이미지를 등록하는 것을 의미합니다. 모바일 홈 바로가기 등록 단계는 다음과 같습니다. 1. 이미지 파일 준비 129×129 사이즈의 png 파일을 준비합니다. 파일명은 임의로 apple-touch-icon.png 로 합니다. 2. 이미지 업로드 미디어 업로드 디렉토리(~/wp-content/uploads/) 또는 테마 이미지 디렉토리(~/wp-content/themes/bct000N/images/) 에 준비한 이미지를 업로드 합니다. 이 글에서는 1번에서 준비한 이미지를 미디어 업로드 디렉토리에 업로드하는 것을 가정하고 설명합니다. 3. link 요소 추가 header.php 파일에 link 요소를 추가합니다. link 요소 추가 방식은 iOS와 Android에 따라 다릅니다. ① iOS 경우 ② Android 경우 실제 iOS 경우 header.php 파일에 추가된 코드는 다음과 같습니다. 4. 모바일 홈 버튼 확인 실제 아이폰에서 모바일 바로가기 아이콘이 추가된 화면은 다음과 같습니다. 위 그림에서 자연치유 아이콘을 […]

  • 워드프레스 카테고리 출력 수 설정 방법

    워드프레스 테마에 따라 다르지만, 대부분의 워드프레스 테마에서는 카테고리 수를 설정하는 옵션이 없습니다. 반면 BC TOWN™ 테마에서는 다음과 같이 ‘워드프레스 관리자 > 설정 > BCT Posts Per Page’ 페이지에서 카테고리를 포함한 Archive 수를 설정할 수 있습니다. 위 그림에서 보듯이 워드프레스 Archive에는 Author, Date, Search, Tag, Category가 포함되며, BC TOWN™ 테마에서는 이 중 Category에 Basic List, Gallery, Webzine Style List의 3가지 Post Format을 추가 했습니다. 위 그림의 Posts per Page에서 워드프레스 Archive 출력 수를 설정할 수 있으며, 이 중 설정이 완료된 Basic List post format 출력을 확인 해 보겠습니다. 이번에는 Basic List post format 출력 수를 기존 10에서 15로 변경해 보겠습니다. 출력 결과는 다음과 같습니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 […]

  • 파비콘 추가 방법

    파비콘이란 웹브라우저의 주소창에 표시되는 웹사이트를 대표하는 아이콘을 말합니다. 워드프레스에서 파비콘을 등록하려면 먼저 ico 파일이 필요합니다. ico 파일은 144×144 사이즈로 된 이미지 파일(png, jpg 등)을 변환해서 얻을 수 있습니다. 참고로 이미지 변환을 도와 주는 웹사이트로는 http://www.convertico.com/ 등이 있습니다. 이미지 파일을 변환해서 얻은 파일명을 favicon.ico 라고 한다면, 이 파일을 다음과 같이 워드프레스 테마 디렉토리 내에 추가하는 것으로 파비콘 등록은 끝입니다. 파비콘은 다음과 같이 브라우저에서 확인할 수 있습니다. 위 그림의 브라우저 탭에 파비콘 아이콘( )을 볼 수 있습니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

  • 워드프레스 글에 특성 이미지 추가 방법

    워드프레스에서 글 작성 화면을 보면 다음과 같이 특성 이미지 메타 박스를 볼 수 있습니다. 특성 이미지는 워드프레스 글이 노출될 때 섬네일을 필요로 하는 곳에서 참고하게 되는 워드프레스 고유 기능이라고 할 수 있습니다. 즉, 메인 페이지나 카테고리 페이지에서 특성 이미지에 등록된 이미지를 참고하여 섬네일을 노출하게 됩니다. 특성 이미지에는 다음과 같이 (1) 자동 등록, (2) 수동 등록의 2가지 방법으로 이미지를 업로드할 수 있습니다. (1) 자동 등록 글 본문 내 이미지를 업로드하고, 글을 공개하면 다음과 같이 특성 이미지에 본문 내 이미지가 자동으로 등록됩니다. 위 그림처럼 글 본문에 업로드 된 이미지가 특성 이미지에 자동 등록된 것을 확인할 수 있습니다. 이 때 글 본문 내 이미지가 복수 개 있는 경우 상위에 있는 이미지가 특성 이미지에 업로드 됩니다. 자동 등록이 편하기는 하지만, 자신이 원하는 이미지가 섬네일에 출력되지 못할 수 있고 섬네일 사이즈가 맞지 않아 이미지가 […]

  • 커버 위젯을 활용하여 메인 페이지에 최신 글 출력 방법

    워드프레스 홈페이지 제작 서비스인 비씨타운 테마에서는 메인 페이지에 최신 글을 쉽게 출력할 수 있도록 커버 에디터와 관련 위젯이 제공됩니다. 커버 에디터 화면은 다음과 같습니다. 위 그림의 좌측에 사용할 수 있는 위젯이 보이고, 1 Column Gallery (Recent Posts) 부터 다양한 위젯이 있습니다. 이 위젯을 우측의 커버 에디터에 배치하게 되면 다음과 같은 옵션을 볼 수 있습니다. 위 그림처럼 1 Column Title List (Recent Posts) 위젯에 제목, 보여줄 글의 수, 카테고리가 있는 것을 확인할 수 있습니다(가시성 부분은 워드프레스 플러그인 설치로 인해 추가된 옵션임). 1 Column Title List 위젯에 위 그림처럼 옵션 설정을 한 결과는 다음과 같습니다. 위 그림의 왼쪽 상단에 보이는 ‘블로그코디 소식’이 1 Column Title List 위젯에 해당됩니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 […]

  • Home 아이콘 버튼 표시되도록 설정하는 방법

    Home 아이콘 버튼 표시되도록 설정하는 방법을 알아 보겠습니다. 비씨타운의 워드프레스 테마에는 다음과 같이 메뉴에 Home에 해당하는 아이콘이 표시되도록 스타일이 추가되어 있습니다. 하지만 설정을 비 정상적으로 하면 다음과 같이 아이콘이 아닌 텍스트로 된 HOME 글자가 출력되게 됩니다. HOME을 아이콘으로 표시되게 하는 방법은 다음과 같습니다. 위 그림처럼 링크를 메뉴에 추가한 다음, URL에 자신의 도메인을 입력합니다. 네이게이션 라벨에는 HOME을 써 넣습니다. 설정을 저장하면 다음과 같이 HOME이 아이콘으로 표시되는 것을 볼 수 있습니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

위로이동