티스토리

ONB Blog
검색하기

블로그 홈

ONB Blog

blog.onbstudio.com/m

온라인 브랜딩에 대한 이것저것

구독자
0
방명록 방문하기

주요 글 목록

  • WordPress 기본 구조 이해하기 워드프레스는 크게 3가지로 구성되어 있습니다. 워드프레스의 코어(Core), 테마(Theme) 그리고 플러그인(Plugin) 입니다. 코어(Core)코어는 워드프레스를 구성하는 기본 파일들을 의미합니다. 워드프레스는 콘텐츠 매니지먼트 시스템(Content Management System)으로, 블로그나 카페처럼 사이트를 편집해서 만들 수 있는 시스템입니다. 즉, 코어는 이러한 기능들에 필요한 구성 파일이죠. 코어가 있기에 페이지와 게시물, 미디어 파일, 관리자 페이지 등이 가능한 것입니다. 테마(Theme)테마는 사이트의 디자인과 레이아웃을 정의하는 요소이며, 사이트 운영에 필요한 편의 기능들이 포함되어 있을 수 있습니다. 사이트 구축과 운영 방법, 편의성 등을 결정짓는 중요한 요소이기 때문에, 사이트의.. 공감수 6 댓글수 5 2024. 11. 11.
  • [HTML/CSS] 글자 짤림 / 줄바꿈 규칙 정하기 글자 단위/단어 단위로 줄바꿈 설정하기 사이트에서 줄바꿈 되는 단위가 글자로 되어 있으면 가독성이 불편할 뿐만 아니라, 미적으로 신경쓰이게 됩니다. 때문에 단어 단위로 줄바꿈을 하는 것이 권장됩니다. 주로 'keep-all' 혹은 'break-word' 방식을 사용합니다. HTML/CSS 코드 CSS 속성 word-break : 텍스트가 줄 끝에 도달할 때 단어를 자르는 방식을 지정합니다. CSS 값 normal : 디폴트(Default) 줄 바꿈 규칙을 사용합니다. 영역 밖으로 단어가 튀어(overflow)나올 수 있습니다. break-all : 텍스트가 영역 밖으로 튀어 나오는 것을 방지합니다. 글자 단위로 줄 바꿈이 이뤄집니다. keep-all : 한/중/일 텍스트에 대해서는 줄을 바꿀 때 단어를 .. 공감수 1 댓글수 0 2022. 7. 7.
  • 요약글/발췌문(Excerpt) 글 길이 맞추기 글자 수를 맞출 필요 없이, CSS로 텍스트 자동 생략 설정하기 글(Post)의 대략적인 내용을 알려주는 '요약글/발췌문(Excerpt)'은 워드프레스에서 기본적으로 적용되어 있는 기능입니다. 요약글이 적용되면 화면의 레이아웃에 맞게 글 끝부분이 [...]으로 생략됩니다. 하지만 자동으로 설정되는 요약글은 제목과 문단 구분 없이 순서대로 내용을 출력하기에, 띄어쓰기가 어색해지거나 요약 내용에 아쉬움이 느껴질 때가 있습니다. 때문에 수동 요약글을 주로 사용하는데, 이때 일부 테마에서는 자동 생략이 적용되지 않습니다. 요약글 자동 생략이 되지 않을 때에는 PHP 코드 수정, 플러그인 설치, CSS 추가 등의 방법을 사용하여 조치합니다. 하지만 PHP 코드 수정은 웹 개발 지식과 각 테마의 파일 구성에 대한 .. 공감수 0 댓글수 0 2022. 3. 14.
  • Page, Post 리비전(Revision) 비활성화 및 개수 제한하기 WordPress의 Page나 Post의 리비전(Revision) 관리 방법 리비전(Revision)은 게시물의 초안 혹은 업데이트 기록을 저장하는 기능입니다. 리비전을 사용하면 언제든지 이전 상태로 롤백하거나, 작업을 복구/복원 하기가 용이합니다. WordPress를 설치하고 나면 기본적으로 리비전(Revision)에 대한 제한이 따로 걸려 있지 않습니다. 일부 호스팅 업체에서는 리비전을 제한하는 설정을 추가해주기도 합니다. 하지만 제한이 걸려있지 않다면 사이트를 가꾸는 과정에서 수많은 리비전이 쌓이게 되어 DB와 메모리에 부하를 줄 수 있습니다. 때문에 평소에도 리비전이 너무 쌓이지 않도록 관리해주는 것이 좋습니다. 매번 리비전을 하나하나 관리하기에는 너무 번거롭기 때문에, 비활성화 혹은 개수 제한 .. 공감수 0 댓글수 0 2022. 3. 11.
  • .htaccess를 활용하여 wp-login.php 접근 제한하기 .htaccess를 활용하여 지정 IP에 한해서만 wp-admin, wp-login.php 접속 허용하기 워드프레스로 사이트를 구축하면 기본적으로 'http://도메인/wp-admin' 혹은 'http://도메인/wp-login.php'를 URL에 입력하여 관리자 로그인 페이지로 접속할 수 있습니다. 덕분에 인터넷이 되는 곳이라면 관리자가 언제 어디서든 관리자 페이지에 접속하여 사이트를 관리할 수 있습니다. 하지만 이것은 악의적인 유저가 언제 어디서든 사이트 관리자 페이지에 접근을 시도할 수 있다는 뜻과 같습니다. 때문에 운영의 불편함을 감수하더라도 보안을 위해 wp-admin 디렉터리와 wp-login.php 파일에 대한 접근을 제한해주는 것이 좋습니다. WordPress의 보안을 강화하는 방법에는 여.. 공감수 0 댓글수 0 2022. 3. 11.
  • Tag Cloud 위젯 커스텀의 모든 것 태그 클라우드(Tag Cloud)의 글자 크기와 정렬 방식 커스텀하기 센스 있는 테마를 사용하고 있다면, 태그 클라우드(Tag Cloud)의 글자 크기나 정렬 방식에 대해 크게 신경 쓰지 않으셔도 될 것입니다. 테마에서 태그 클라우드(Tag Cloud)의 기본 설정을 사용자가 보다 익숙하고 편안하게 느낄 수 있도록 수정했기 때문입니다. 하지만 편집되지 않은, 워드프레스 기본 설정이 적용된 태그 클라우드(Tag Cloud)를 사용한다면 디자인 퀄리티가 매우 저조하다고 느낄 수 있습니다. 또한 구글로부터 텍스트 크기가 너무 작거나 클릭할 수 있는 요소가 너무 가깝다는 경고를 받으실 수도 있습니다. 이러한 문제를 해결/예방할 수 있는 '태그 클라우드(Tag Cloud) 위젯 커스텀의 모든 것'을 소개해드립니다.. 공감수 0 댓글수 0 2022. 3. 7.
  • Tag Cloud 위젯 태그 개수 제한하기 태그 클라우드(Tag Cloud)에서 표시되는 태그 개수가 너무 많다면 워드프레스 관리자 페이지(wp-admin)의 좌측 사이드 메뉴에서 '외모(Appearance) > 위젯(Widget)' 항목을 선택하면 위젯 영역에 표시될 콘텐츠를 편집할 수 있습니다. 그중에서도 태그 클라우드(Tag Cloud)는 포스트에 사용된 태그들을 보여주는 기능인데요. 수많은 카페와 블로그에서 사용하는 기능이기에 익숙하게 느껴지시고 많이 사용하실 거라 생각합니다. 태그 클라우드(Tag Cloud)는 기본적으로 45개의 태그가 표시되도록 설정되어 있는데요. 아쉽게도 위젯을 설정하는 화면에서는 개수를 따로 수정할 수 없습니다. 만약 위젯이 화면 하단에 표시되도록 설정된다면 콘텐츠 배치가 자연스러워질 텐데요. 사이드바에 45개의 .. 공감수 0 댓글수 0 2022. 3. 7.
  • 테마 편집기(Theme Editor) 기능 활성화하기 테마 편집기(Theme Editor)가 보이지 않을 때 조치 방법 워드프레스(WordPress)는 기본적으로 외모(Appearance) 하위 항목에 '테마 편집기(Theme Editor)'라는 기능을 제공합니다. 하지만 워드프레스(WordPress) 자동 설치를 제공하는 일부 호스팅 업체에서는 운영/보안을 목적으로 해당 기능을 비활성화 된 상태로 서비스를 제공하는데요. 하지만 연동이나 인증을 위해 메타(meta) 코드 한 줄을 추가해야 하는 작업을 비롯한 간단한 코드 확인 및 편집 작업에 매번 SSH나 FTP를 사용하기란 매우 번거로운 일입니다. 관리자의 편의성을 위해 해당 기능을 활성화하고자 하는 분들을 위해 '테마 편집기(Theme Editor)' 기능을 활성화 하는 방법을 소개해드립니다. 1. 테마.. 공감수 2 댓글수 0 2022. 3. 1.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.