star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

티스토리에 바라는 소소한(?) 것들

2014.05.07 23:58 in Web/Service

몇년째 안바뀌는듯한느낌은 착각인거죠? 그렇죠?(...)

티스토리를 사용한지도 어언... 6년이 넘었습니다. (스킨이 이렇지만 티스토리 맞습니다;;) 제가 2007년 11월 18일에 이 블로그를 열었는데요. 저도 그렇고, 제 블로그도 그렇고 초창기와는 많이 달라졌습니다. 그때부터 블로그를 하시던 분들도 티스토리를 많이 떠났습니다. 어떤 분들은 아예 블로그를 그만하시기도 하구요. 저도 예전에는 1일 1포스팅에 불타던(...) 시절이 있었습니다만, 이제는 1주1포스팅도 힘든 모양새입니다ㅠㅠ

바쁜거야 그렇다 치고 말이죠. 티스토리를 6년 넘게 사용하다보니, 안좋은 점들이 눈에 꽤 띕니다. 기능적인 면에서 부족하다고 생각하신 분들은 워드프레스로 떠나셨고, 네트워크나 방문자적인 부분 또는 수익 등에 부족함을 느껴서 네이버블로그로 떠나신 분들도 계시죠. 저도 워드프레스로 떠나고 싶었지만... 어찌어찌하다보니 그냥 여기 남아있네요. 그래도 이번 간담회 참석신청과 함께 아쉬운 점은 좀 적어볼까하여 짧게나마 적어봅니다.

카테고리별 RSS

워드프레스의 경우 각각 카테고리에 대해서 RSS를 설정할 수 있습니다.

http://estima.wordpress.com/category/짧은-생각-길게-쓰기/feed

개인적으로 글이 많아지고 카테고리가 점점 더 늘어나다보니 이런 수요가 좀 생기네요.

이걸론 부족해요(...)

매주마다 디자인소스를 모아서 발행하고 있는데, 그 부분만 따로 떼어서 RSS를 만들고 싶은 마음입니다ㅠㅠ

대표이미지 치환자

현재의 대표이미지(워드프레스의 경우 featured image)는 거의 티에디션을 위한 것이죠. 하지만 제 개인적인 욕심은 티에디션만을 위한 대표이미지가 아닌 스킨에서도 사용할 수 있게되기를 바라는 마음입니다. 스킨에서의 사용도 있지만, 특히 페이스북과 트위터와 같은 SNS에서 헤더에 코드를 넣어서 이미지를 매칭시키는데, 거기에 매칭할 수 있게된다면 좋을 것 같습니다.

SNS 연계

요즘에는 트위터랑 페이스북을 빼놓고 살기가 참 그렇죠;; 그런데 티스토리 자체 플러그인의 소셜 공유버튼은 정말 안이쁘죠ㅠㅠ 물론 사용자가 더 이쁜 버튼을 넣을 수 있긴 하지만, 그게 모두에게 쉬운 건 아니죠;;

그리고 헤더에 들어가는 SNS관련 코드들(티스토리 블로그에 트위터카드 적용하기)을 손으로 넣어줘야하는 불편함이 있습니다. 이 부분은 플러그인으로 간단히(?) 해결이 가능하지 않을까 생각합니다;;

스킨가이드를 위키화

티스토리가 서비스를 시작한지 8년이 지났습니다. 그런데 그 동안 스킨가이드는 별로 바뀐 일이 없었죠. 차라리 이 가이드를 위키형식으로 바꾸면 어떨까요? 서비스를 오픈한 뒤 거의 바뀌지 않았지만, 그래도 약간씩은 변한 사항들이 있으니 기존사용자들이 수정에 참여할 수 있었으면 좋겠네요.

새로 가입하신 분들을 위한 안내


Gwoeii / Shutterstock.com

티스토리에 처음 오신 분들이 어려워하는 건 기술적인 문제(어렵다!)도 있지만 ‘가입해서 블로그를 만들었는데 뭘 해야하는가?’가 가장 크다고 생각합니다. 티스토리에 첫발을 내딛는 분들을 위한 안내가 좀 더 자세히 있었으면 하는 바램입니다. 같은 이유로 글 서식도 좀 더 많아졌으면 좋겠다는 생각이 드네요 :)

신고
tag2007년, category, guide, IMAGE, rss, Skin, SNS, Tistory, wiki, 공유, 치환자
받은 트랙백이 없고 , 댓글이 없습니다.

워드프레스 자주 묻는 질문: 60문 60답

2013.02.18 09:10 in Web/CMS

워드프레스가 작년과 재작년에 걸쳐 점차 퍼지더니 요새는 기업 웹사이트로 많이들 제작하는 분위기입니다. 영어권에서는 워낙 많이 사용하고 있어서 포럼같은 것도 많이 활성화 되어있죠. 얼마 전 제가 구독하는 블로그에서 워드프레스와 관련한 자주 묻는 질문들에 대한 글이 올라왔습니다. 읽어보니 저희가 모르는 부분이나 영어권에서 모르는 부분이나 겹치는 것이 많더군요. 워드프레스를 처음 접하시는 분께 도움이 될까 해서 번역해보았습니다.

이 글은 The Most Frequently Asked Questions (FAQ) about WordPress의 번역입니다.

  1. 워드프레스는 무엇인가요?
    • 워드프레스는 블로깅 플랫폼에서 시작되어 긴 시간동안 저작물 관리 시스템(CMS)로 진화해 온 소프트웨어입니다.
  2. 워드프레스를 사용하면 어떤 장점이 있죠?
    • 매우 쉽게 설치하고 설정할 수 있습니다. 그리고 언제든지 어떤 기능을 보여줄지 수정할 수 있습니다.
  3. 워드프레스의 기능은 뭔가요?
    • 워드프레스는 여러분들만의 웹사이트를 만들 수 있도록 하는 여러가지 좋은 도구모음을 제공합니다. 워드프레스의 팬들과 전문가들이 만들어낸 수천개의 플러그인들, 추가기능들, 위젯들 그리고 기타 추가할 수 있는 기능들로 워드프레스는 그 자체로 독특해 집니다.
  4. 워드프레스로 어떤 걸 할 수 있죠?
    • 워드프레스는 텍스트, 이미지, 영상, 링크의 형식으로 된 정보를 올리는데 아주 좋습니다. 웹사이트에 그 정보들이 어떻게 보여질지 바꾸는 것도 가능합니다. 여러분들이 마음대로 변경할 수 있는 테마들이 셀 수도 없을 만큼 많은 덕분이죠. 위젯을 추가하거나 플러그인들 통해 다른 좋은 기능들을 추가할 수도 있습니다. 그러한 플러그인들도 매우 많습니다.
  5. 워드프레스는 누가 만들었죠?
  6. 언제 워드프레스가 처음 나왔죠?
    • 2003년 5월 27일입니다.
  7. 워드프레스의 사용범위는 어떻게 되죠?
    • 워드프레스는 GNU 일반 공중 사용 허가서를 따릅니다. 즉 오픈소스죠. 오픈소스이므로 사용자가 코드를 변경할 수 있고 정해진 조건 하에서 공유할 수도 있습니다.
  8. WordPress.com과 WordPress.org, 왜 워드프레스 사이트는 두 곳이 있나요?
    • WordPress.org에서는 워드프레스 소프트웨어를 다운로드 받고 프로그램에 대한 정보를 얻을 수 있습니다. 반면에 WordPress.com은 가입해서 여러분들의 블로그를 운영할 수 있는 블로그 네트워크입니다. 워드프레스닷컴의 서비스는 무료서비스와 유료서비스로 나누어져 있습니다.
  9. 워드프레스를 사용하려면 PHP에 대한 지식이 있어야 하나요?
    • 워드프레스는 PHP를 직접 변경할 필요가 없는 UI를 통해 사용할 수 있습니다. 하지만 몇몇 플러그인의 파일을 수정해야 할 때에는 필요할 수도 있습니다. 그런 경우에는, 보통 어떻게 해야되는지 지침이 같이 들어있을 겁니다.
  10. 워드프레스를 설치하기 전에 알아야 할 것(+필요한 것)들이 있나요?
    • 설치를 진행하기 위해서는 (FTP나 쉘을 통해) 여러분의 웹서버에 접근할 수 있어야 하고, FTP 프로그램과 메모장 그리고 웹브라우저가 필요합니다.

  1. 워드프레스 설치는 어떻게 하죠?
    • 호스팅 서버가 워드프레스를 운영할 만한 최소사양을 만족한다면, WordPress.org에서 최신버전을 다운받아 압축을 해제하면 됩니다.
  2. 워드프레스를 운영하기 위한 최소사양은 어떻게 되죠?
    • 최소사양은 계속 변해왔습니다. PHP 5.2.4 이상, MySQL 5.0 이상이면 됩니다(2013년 1월 6일 기준)
  3. 그 유명한 '5분 설치'란 뭔가요?
    • 워드프레스를 다운로드하고 압축을 푼 뒤에, 웹서버에 데이터베이스와 워드프레스를 위해 MySQL 사용자를 만듭니다. wp-config-sample.php파일을 wp-config.php라고 이름을 바꾸고 데이터베이스 정보를 채웁니다. 그리고 워드프레스 파일들을 웹서버에 업로드합니다. 웹브라우저에서 워드프레스 설치경로(/wp-admin/install.php)를 입력합니다. 이 모든 과정이 5분 이내로 가능합니다.
  4. 데이터베이스와 그 사용자는 어떻게 만들죠?
    • 데이터베이스를 직접 만들어야 될 필요가 있는지 확인하기 위해 먼저 관리화면을 봅니다. 만약 그렇다면 관리화면에서 'MySQL 데이터베이스'를 클릭합니다. phpMyAdmin을 사용한다면 'Home > Privileges > Add a new User'로 이동합니다.
  5. 관리자화면은 어디서 찾을 수 있죠?
    • 관리자화면에 접속하기 위해서는 웹브라우저에서 http://웹사이트주소/wp-admin로 이동하면 됩니다.
  6. 글은 어떻게 쓰죠?
    • 관리자화면의 Posts메뉴에서 'Add New'버튼을 클릭합니다. 그러면 글을 쓸 수 있는 양식이 뜹니다. 글을 쓰고 나서 Publish를 누르면 글이 공개됩니다.
  7. 새 페이지는 어떻게 만들죠?
    • 관리자화면의 Pages메뉴에서 'Add New'를 클릭하면 만들 수 있습니다.
  8. 새 카테고리는 어떻게 만들죠?
    • 관리자화면의 Posts메뉴에서 'Categories > Add New Category'로 이동합니다.
  9. 글의 카테고리는 어떻게 변경하죠?
    • 관리자화면의 Posts메뉴의 Edit로 들어가서 수정할 글의 'Quick Edit'를 누릅니다. Categories에서 새 카테고리를 선택하고 'Update Post'를 누르면 변경된 사항이 저장됩니다.
  10. 카테고리는 어떻게 삭제하죠?
    • 관리자화면의 Category탭에서 삭제하려고 하는 카테고리를 선택해서 delete를 누릅니다. 확인을 하는 팝업이 뜨면 OK를 누릅니다. 그 카테고리의 글들은 기본 카테고리인 'Uncategorized'로 이동됩니다.

  1. 댓글관리는 어떻게 하죠?
    • 관리자화면에서 Comments를 클릭합니다. 그러면 각각 댓글들에 대해 수정하거나 삭제할 수 있습니다. 전체적인 댓글 설정은 'Settings > Discussion'에서 가능합니다. 댓글을 허용할 것인지 선택할 수 있고, 그리고 어떤 댓글을 스팸으로 판단할지도 정할 수 있습니다.
  2. 워드프레스 테마는 어떻게 바꾸죠?
    • 관리자화면의 'Apperance > Themes'로 이동하면 워드프레스 기본테마들을 볼 수 있습니다. 여러분들이 테마를 고르고 Activate를 누르면 됩니다.
  3. 새로운 테마는 어떻게 설치하죠?
    • 수많은 곳에서 워드프레스 테마를 제공하고 있습니다. 여러분이 고른 워드프레스 테마를 여러분의 컴퓨터로 다운로드 받습니다. 그리고 파일매니저를 이용해 압축된 상태의 파일을 wp-content/temes 디렉토리에 올리고 압축을 해제합니다. 또는 컴퓨터에서 압축을 해제하고 FTP를 사용해서 업로드 할 수도 있습니다. 그러면 'Apperance > Themes'에 테마가 나타날 것입니다.
  4. 워드프레스 플러그인은 뭐죠?
    • 플러그인은 웹사이트에 기능을 추가시켜주는 작은 조각들입니다. 웹사이트를 추가적으로 상호작용하도록 만들어주거나 관리하는데 도움을 주는 수천개의 유용한 플러그인들이 있습니다.
  5. 워드프레스 플러그인은 어떻게 설치하죠?
    • 플러그인을 제공하는 사이트에서 원하는 플러그인을 다운로드합니다. 그리고 관리자화면의 'Plugins > Add New'로 가서 다운로드한 플러그인을 선택하면 설치됩니다.
  6. 플러그인 삭제는 어떻게 하죠?
    • 플러그인을 삭제하려면 해당 플러그인의 폴더를 삭제하면 됩니다.
  7. 이미지, 오디오파일, 영상은 워드프레스에 어떻게 추가하죠?
    • 관리자화면에서 'Posts > Add New'로 이동합니다. 에디터 메뉴에서 'Add an Image', 'Add Video', 'Add Audio', 'Add Media'를 클릭합니다.
  8. 이미지 갤러리는 어떻게 만들죠?
    • 관리자화면에서 'Posts > Add New'로 이동합니다. 'Add an Image'버튼을 클릭하고 이미지를 업로드합니다. 그리고 'Save All Changes'를 클릭합니다. 그러면 나타나는 'Gallery Tab'에서 이미지를 관리하거나 업로드할 수 있습니다. 이미지 추가/수정이 끝나면 'Insert Gallery'를 클릭합니다.
  9. 글에 태그는 어떻게 추가하죠?
    • 글을 쓸때 'Post Tages'모듈에 원하는 태그를 입력하고 각각의 태그마다 Add버튼을 누르거나 엔터키를 누르면 태그를 추가할 수 있습니다. 추가할 수 있는 태그의 수는 제한이 없습니다.
  10. 워드프레스 사용자들은 어떻게 관리하죠?
    • 관리자화면에서 Users로 이동합니다. 'Add New'버튼을 누르면 새로운 사용자를 추가할 수 있습니다. Authors&Users에서는 현재 사용자들의 등급을 변경하거나 삭제할 수 있습니다.

  1. 워드프레스 파일을 업로드 할때 생각해야 될 점이 있나요?
    • 먼저 어디에 워드프레스 사이트가 있으면 좋을지 선택해야 합니다. FTP 프로그램을 사용해서 최상위 디렉토리나 하위 디렉토리에 업로드할 수 있습니다.
  2. 워드프레스 폴더의 이름은 어떻게 바꾸죠?
    • 만약 워드프레스를 설치하기 전이라면, 폴더이름을 직접 바꾸면 됩니다. 하지만 만약 워드프레스를 설치했다면, 관리자로 로그인해서 'Settings > General'로 이동합니다.
  3. 워드프레스 비밀번호는 어떻게 바꾸죠?
    • 관리자화면에서 Users로 이동합니다. 사용자들의 목록이 나오는데, 바꿀 사용자를 찾아 'Edit User'를 클릭합니다. 'New Password'에 새로운 비밀번호를 입력하고 'Update Profile'버튼을 클릭합니다.
  4. 다른 사람들에게 웹사이트를 숨길 수 있나요?
    • 숨기기 위한 유일한 방법은 비밀번호로 보호된 컨텐츠를 만드는 것 뿐입니다. 보호된 컨텐츠를 만들려면 'Allow Anonymous Access'를 해제하고 'Basic Authentication'을 선택합니다.
  5. 워드프레스가 리버스 프록시에서 운영되려면 어떻게 해야하죠?
    • 리버스 프록시에서 운영되는 워드프레스는 몇몇 문제점이 있습니다. 프록시는 http_host에 덮어쓰기가 안되기 때문이죠. 이런 문제를 해결하기 위해서는 wp_config.php파일에 한줄을 추가하면 됩니다.
      $_SERVER['HTTP_HOST'] = $_SERVER['SERVER_NAME'];
  6. MySQL없이 워드프레스를 사용할 수 있나요?
    • 워드프레스는 MySQL 데이터베이스 서버만 지원합니다. 현재 다른 데이터베이스들은 지원되지 않습니다.
  7. 왜 워드프레스는 MySQL을 사용하죠?
    • MySQL은 인터넷상에서 매우 빠르고 가장 폭넓게 접근 가능한 데이터베이스 서버이기 때문입니다. 대부분의 웹호스팅들이 MySQL을 지원하는데, 이는 곧 어떤 사람이든 사용할 수 있다는 뜻이죠. 또한 MySQL은 오픈소스인데, 이는 워드프레스 개발에 중요한 부분입니다.
  8. phpMyAdmin은 뭔가요?
    • MySQL 데이터베이스와 사람들이 소통하기 위한 무료 관리도구입니다. PHP언어로 작성되었으며, 유지관리 및 정보의 백업 그리고 수정에 매우 유용합니다.
  9. 워드프레스를 PHP 안전모드에서 운영할 수 있나요?
    • PHP 안전모드에서도 잘 돌아갑니다.
  10. 워드프레스는 정말 PHP가 필요한가요?
    • 최소사양의 한 요소이기 때문에 필요합니다. 워드프레스의 모든 부분은 PHP언어를 통해 작동됩니다. PHP가 없는 워드프레스는 작동하지 않겠죠.

  1. 서버에 대한 정보는 어디서 확인할 수 있죠?
    • PHP나 MySQL에 대한 버전정보 또는 호스팅 서버의 소프트웨어를 확인하려면 아래 명령어를 메모장에 작성합니다.
      <?php phpinfo(); ?>
      그리고 파일을 testphp.php로 저장합니다. 이 파일을 최상위 디렉토리에 업로드하고 웹브라우저를 통해 이동하면(http://사이트주소/testphp.php) 정보를 볼 수 있습니다.
  2. 워드프레스 버전정보는 어떻게 볼 수 있죠?
    • wp-includes폴더에 있는 version.php 파일을 메모장으로 엽니다. 이 파일은 워드프레스 버전에 대한 정보를 담고 있습니다. 또는 관리자화면의 하단부분을 보면 워드프레스 버전을 확인할 수 있습니다.
  3. 워드프레스 최신버전으로 어떻게 업데이트하죠?
    • 먼저 새 버전에 대한 최소사양을 확인합니다. 그리고 버전을 다운그레이드 할 때를 대비해 데이터베이스를 백업합니다. 플러그인들을 비활성화 하는 것도 좋습니다. 가끔 최신버전과 문제가 생길 때도 있기 때문이죠. 업데이트를 시작하려면 'Tools > Upgrade'로 이동합니다. 'Update Automatically'버튼을 클릭하면 자동적으로 됩니다.
  4. 플러그인 비활성화는 어떻게 하죠?
    • 'Manage Plugins'로 이동해서 'Bulk Actions'에서 deactivate를 선택하고 Apply를 클릭합니다.
  5. 워드프레스 데이터베이스는 어떻게 백업하죠?
    • 데이터를 백업하는 방법은 여러가지가 있습니다. 가장 쉬운 방법은 자동으로 하는 것이죠. 백업을 위해 만들어진 몇몇 워드프레스 플러그인들이 있습니다. 이러한 플러그인들을 찾기 위해 관리자화면에서 'Plugin Browser'로 이동합니다. 그곳에서 BackWPup이나 Duplicator와 같은 백업 플러그인들을 찾을 수 있을 것입니다.
  6. 백업한 데이터베이스를 어떻게 복원하죠?
    • phpMyAdmin을 이용하면 데이터베이스를 복원할 수 있습니다. phpMyAdmin에 로그인 한 후에 Databases를 클릭하고 복원할 데이터를 넣을 데이터베이스를 하나 선택합니다. 그리고 Import를 누른 뒤 백업할 파일을 고릅니다. SQL에 버튼이 체크되어있는지 확인하고 Go를 누릅니다. 완료까지 시간이 꽤 걸릴 수 있습니다.
  7. 이모티콘은 뭐고, 어떻게 쓸 수 있죠?
    • 이모티콘은 감정을 나타내는 작은 아이콘입니다. 워드프레스에서는 기본적으로 텍스트로 된 이모티콘을 자동으로 작은 이미지로 변경시킵니다.
  8. 이모티콘 자동변환은 어떻게 해제할 수 있죠?
    • 관리자화면에서 'Settings > Writing'로 이동합니다. Formatting을 선택해서 emoticons에 체크를 해제합니다.
  9. 'read more'버튼은 어떻게 지정하죠?
    • 글을 조금만 보여주는 것은 독자들에게 클릭을 하도록 하고 더 읽도록 만들죠. 이것은 퀵태그를 추가하거나 템플릿의 태그를 the_content()에서 the_excerpt()로 바꾸는 것으로 지정할 수 있습니다. more 퀵태그를 추가하려면, 보여줄 부분 바로 뒤에 커서를 두고 'Administration > Write > Post'로 이동하면 more 퀵태그를 찾을 수 있을 것입니다.
  10. 이미지 주변에 텍스트로 둘러싸이도록 하려면 어떻게 해야되죠?
    • 텍스트와 함께 이미지를 정렬하려면 이미지에 태그를 수정합니다. class="alignleft", class="alignright", class="aligncenter"로 하면 됩니다.
      예시: <img src=”http://exampleimage.com/example.jpg” class=”alignleft” />

  1. 파일에 주석을 달려면 어떻게 하죠?
    • 파일에 주석을 다는 것은 때때로 유용하죠. HTML이나 PHP파일엔 이렇게 달면 됩니다.
      <!-- insert comment here -->
      CSS 파일이라면 다음과 같습니다.
      /* insert comment here */
  2. 글의 날짜 및 시간 표시방법은 어떻게 수정하죠?
    • 워드프레스의 몇몇 태그기능들은 정해진 포멧의 문자열을 읽어 들이는데, 날짜를 어떻게 표시할 것인지도 그렇게 결정됩니다. 예를 들어 'l, F j, Y'라는 포멧의 문자열을 만들면 결과는 'Monday, January 7, 2013'으로 보일 것입니다. 각각의 문자는 다음을 의미합니다.
      l: 해당하는 요일의 이름
      F: 해당하는 달의 이름
      j: 해당하는 일수
      Y: 해당하는 연도(4자리)
      위의 날짜형식을 보려면 템플릿 태그는 이렇게 되겠죠: <?php the_time('l, F jS, Y') ?>
  3. 템플릿 파일은 뭔가요?
    • 템플릿 파일은 웹사이트를 웹에 어떻게 보여줄 것인지 제어할 수 있는 파일입니다. MySQL 데이터베이스에서 정보를 가져오고 코드를 생성해서 웹브라우저로 전송합니다. 템플릿 파일을 사용하면 색상이나 스타일을 변경하여 다른 워드프레스 테마를 만들 수 있습니다. 다른 조건에서 다르게 작동하도록 설정할 수도 있습니다. 가장 흔한 템플릿 파일은 header, footer, sidebar, content입니다. 하지만 더 많은 템플릿 파일들이 존재하죠.
  4. 템플릿 태그는 뭐죠?
    • 템플릿 태그는 워드프레스에 무언가를 하거나 보여주라는 명령을 내리는 코드입니다. 예를 들어 <?php the_title(); ?>라는 태그는 현재 글의 제목을 출력해줍니다. 대부분의 템플릿 태그는 간단하지만, 꽤 복잡한 것들도 있습니다.
  5. 404페이지는 어떻게 변경하죠?
    • 관리자화면에서 'Appearance > Theme Editor'로 이동합니다. '404 Template'의 링크를 클릭하고 수정한 뒤 저장합니다.
  6. 워드프레스 Loop는 뭔가요?
    • Loop는 PHP코드로, 워드프레스는 루프태그의 기준에 맞춰 글을 보여주고 형식을 지정합니다. 예를 들어 만약 최신 10개의 글을 역순으로 보여주고 싶다면, 워드프레스는 정확히 생각한대로 구성해줍니다. 반면에 특정 글을 보여주려고 한다면, 워드프레스는 정보를 데이터베이스에서 그 글을 선택하는데 사용할 것입니다.
  7. 어떻게 하면 이메일 스팸을 피할 수 있나요?
    • 가장 쉽게 피하려면 이메일 주소가 들어간 이미지를 제작해서 웹사이트에 추가하는 방법이 있습니다.
  8. 내가 쓴 글로 어떻게 링크를 걸죠?
    • 관리자화면에서 해당 글의 ID를 확인합니다. 그리고 링크를 걸기 위해 코드를 사용합니다
      예시: <a href="index.php?p=123">Post Title</a>
      123을 글의 ID로 변경하면 됩니다.
  9. 피드란 뭔가요?
    • 피드는 피드리더에서 사이트에 접근할 수 있도록 해줍니다. 피드리더에서는 새로운 컨텐츠와 다른 사이트의 업데이트를 확인할 수 있습니다. 피드는 여러분의 블로그를 유명하게 만들거나 블로거들 사이에서 최신 정보를 유지하는데 좋습니다.
  10. 웹사이트를 관리할 때 가장 중요한 사항들은 뭔가요?
    • 워드프레스를 최신상태로 유지하세요. 웹사이트에 어떠한 잘못된 링크나 스팸댓글도 있으면 안되겠죠. 그리고 항상 백업하세요.

덧) 헥헥… 많네요;;
덧2) 13번의 ‘5분 설치’는 동의하기 힘드네요-_-
덧3) 35번, 39번, 49번은 저도 자세히는 모르겠군요ㅠㅠ

신고
tag2003년, 404, 5분 설치, backup, Blog, category, CMS, Code, database, e-mail, emoticon, FAQ, FEED, FTP, Gallery, GNU 일반 공중 사용 허가서, hosting, IMAGE, Link, loop, Matt Mullenweg, Mike Little, MySQL, Network, Open Source, Page, php, phpmyadmin, platform, plugin, read more, reverse proxy, server, Shell, Software, spam, tag, template, text, Theme, upload, version, web, web browser, website, Widget, Wordpress, WordPress.com, WordPress.org, 가입, 공유, 관리자, , 기능, 기업, 날짜, 답변, 댓글, 메모장, 번역, 보호, 비밀번호, 설치, 시간, 안전모드, 장점, 저작물 관리 시스템, 전문가, 정보, 주석, 질문, 최소사양
트랙백2 , 댓글4개가 달렸습니다.

이미지의 Alt태그와 Title태그의 중요성

2012.10.29 13:18 in Web/Coding

HTML에 쓰이는 이미지태그(img)에 보면 Alt속성Title속성이 있습니다. 이 두가지 속성의 존재를 아는 분들은 귀찮아서 안쓰고, 모르는 분들은 몰라서 못쓰고 하는 그런 속성이죠. 아시는 분들은 아시겠지만 의외로 쓸모 없어보이는 이 두가지 속성이 웹사이트 또는 블로그 유입에 영향을 끼칩니다.(국내는 그렇게 큰 영향은 없습니다만;;) 긴 글이긴 한데, 저도 한번 자세히 알고싶어서 번역해보았습니다.

이 글은 The Importance of Adding Alt Tags and Title Tags to Images on Your Website의 번역입니다.


검색엔진최적화(이하 SEO)의 전문가가 아닌 사람들에게는 ‘SEO’가 뭔가 대단해 보일 수 있습니다. 하지만 의외로 여러분이 기본적인 내용만 잘 따른다면, 관리하고 있는 웹사이트를 검색엔진(구글, 빙, 야후 등)에 성공적으로 최적화 시킬 수 있습니다.
웹디자이너나 웹개발자들조차 간과하고 넘어가는 중요한 사항 중 하나는 ‘웹사이트에 있는 이미지를 검색엔진에 최적화시키기’입니다. 이미지는 방문객 수에 꽤 큰 영향을 끼칠 수 있습니다.

사람들은 일상적으로 ‘구글 이미지 검색’과 같은 도구를 사용하여 웹서핑을 합니다. 만약 웹사이트에 올려진 이미지에 올바른 키워드로 검색엔진에 맞춰져있다면, 더 많은 트래픽을 유도할 수 있을 것입니다.

이미지의 Alt태그란?

Alt태그 또는 Alt속성은 이미지의 “대체문구”(alternative text)입니다. 보통 Alt태그는 이미지를 설명하는 목적으로 만들어집니다. 웹사이트라면 Alt태그는 사람들에게 보여지지 않습니다. 웹사이트에서 Alt태그가 사용되는 경우가 한가지 있는데, 시각장애인이 음성기반의 소프트웨어로 웹서핑을 할 때 쓰입니다. Alt태그는 시각장애인들에게 어떤 컨텐츠가 지금 보고있는 웹사이트에 있는지 알려주는데 도움을 줍니다. 반면에 시각장애인들을 제외한 다른 대부분의 사람들을 위해서는 검색엔진에 사용됩니다. 검색엔진이 여러분의 웹사이트를 크롤링할때, Alt태그를 이용하여 컨텐츠를 더 잘 이해하고 검색결과 순위에서 적절하게 색인합니다.

Alt태그의 예외

Alt태그가 적용된 HTML 이미지 태그와 예시는 아래와 같습니다.

<img src=”http://ludens.kr/image.jpg” alt=”대체문구 예시” width=”300” height=”238”>
대체문구 예시

이미지의 Title태그란?

Title태그는 간단하게 말하면 이미지의 제목입니다. 웹사이트에 있는 이미지에 마우스를 올리면 나오는 문구를 본 적이 있나요? 바로 그 문구는 이미지의 Title태그가 표시되는 것입니다. Title태그의 가장 큰 목적은 웹페이지를 읽는 사람들에게 이미지에 대한 정보를 좀 더 제공하기 위함입니다. Title태그는 이미지 이외에 다른 웹페이지를 링크할때도 쓰입니다. 물론 이 경우에도 링크된 컨텐츠에 마우스커서를 올리면 Title태그의 내용을 볼 수 있습니다. 보이지 않는 Alt태그에는 딱히 완전한 문구를 넣을 필요가 없지만, Title태그는 여러분의 독자가 볼 수 있기 때문에 정확한 키워드와 완전한 문구가 들어가야 합니다.

Title태그는 3~5개정도의 단어로 구성되어야 합니다. 어떤 사람들은 미련하게 긴 문장(문단)을 Title태그에 넣습니다. Title태그는 짧으면서 유익해야 합니다. Alt태그에서 이야기했던 SEO가 Title태그에도 같이 적용됩니다.

Title태그가 적용된 HTML 이미지 태그와 예시는 아래와 같습니다.

<img src=”http://ludens.kr/image.jpg” alt=”대체문구 예시” title=”타이틀태그 예시” width=”300” height=”238”>
대체문구 예시

Alt태그와 Title태그 사용의 장점

Alt태그와 Title태그로 이미지를 최적화했을 때 얻을 수 있는 장점은 다음과 같습니다.

  • 검색유입의 증가
  • 웹사이트에 대한 높은 품질의 검색
  • 더 많은 유효방문자

Alt태그와 Title태그를 적용한다고 해서 다양한 이익을 가져다 주지는 않습니다. 하지만, 가장 큰 장점은 검색유입의 (꽤 큰) 증가입니다. 잠깐만 생각해보세요. 여러분 웹사이트의 트래픽과 관련한 문제에 두 손 놓고 있을건가요? 여러분들은 약 25% 더 트래픽을 높일 수 있습니다. 단지 지금 올려져 있는 이미지를 최적화하고 새로 업로드 할 이미지를 최적화하는 것만으로 말이죠. 특히 이미지검색으로 큰 효과를 볼 수 있을 것입니다.


국내사정에는 다 맞는다고 할 수는 없지만, 안하는 것보다는 낫다는 생각입니다. 네이버에서 안받아 주더라도 구글에서는 받아주겠죠?(…)

덧) 제목만 보고 번역해봤는데 어째 글이 좀 그렇네요.
덧2) 워드프레스에는 자동으로 Alt태그와 Title태그를 달아주는 플러그인도 있습니다.

신고
tagalt, Blog, Google, html, IMAGE, img, Kohl's, macy's, naver, tag, Title, web, website, 검색, 검색엔진, 검색엔진최적화, 대체, 문구, 방문자, 속성, 영향, 예시, 예외, 유익, 유입, 이익, 장점, 정보, 제목, 최적화
받은 트랙백이 없고 , 댓글2개가 달렸습니다.

에버노트, 간단하게 전자책(epub)으로 만들기

2012.10.22 09:00 in IT/Tip


요새 에버노트 많이들 쓰시는 것으로 알고있습니다. 저도 요즘 아이패드에서 문서작성할때나 공부할때 많이 활용하고 있습니다. 저는 에버노트에 이것저것 정리한 내용이 많아 전자책으로 만들수 없을까 하다가 쉽게 만들 수 있다는 사실을 알게되었습니다.

준비물

에버노트 데스크탑 프로그램
‘내보내기’기능을 사용하기 위해 필요합니다.

Sigil
오픈소스 전자책 제작툴입니다.

에버노트 내보내기

에버노트 데스크탑 프로그램에서 ‘노트 내보내기’를 할 수 있습니다.


에버노트 데스크탑 프로그램을 실행하시고 원하는 노트를 클릭하신 후 마우스 오른쪽버튼 메뉴에서 ‘내보내기’를 누르면 됩니다. 여러노트도 가능합니다.

내보내기를 하실때 ‘단일 HTML 웹페이지’형식으로 하시고 ‘설정’에서 ‘노트 제목’을 체크해주시기 바랍니다.

정상적으로 내보내기가 완료된 것을 볼 수 있습니다. 이미지가 있다면, 같은 이름의 폴더가 하나 만들어지고 그곳에 이미지가 저장됩니다.

전자책 만들기

Sigil을 이용하면 간단하게 epub형식으로 만들 수 있습니다.


Sigil 실행 후 왼쪽 패널의 ‘Text’마우스 오른쪽 메뉴에서 ‘Add Existing Files’를 눌러 아까 내보내기 했던 HTML파일을 선택합니다.

신기하게도 이미지는 물론이고 노트별로 목차도 알아서 들어가는 모습을 볼 수 있습니다.

빈 화면인 ‘Section0001’은 삭제합니다.

‘Edit → Meta Editor’를 실행하여 제목과 저자명, 언어를 설정해줍니다. 그리고 ‘File → Save’로 저장해주시면 epub파일 완성입니다.

가독성비교: 에버노트 앱 VS 전자책(iBooks)

에버노트 앱은 읽는 쪽 보다는 노트의 작성이나 편집에 초점이 맞춰져있다보니 읽기 편한 구조는 아닙니다.

하지만 iBooks로 보면 훨씬 읽기가 편해집니다. 이 차이는 직접 확인해보시면 크게 느끼실겁니다.


다행히 에버노트를 HTML형식으로 쉽게 내보내기가 가능해서, 전자책으로도 쉽게 만들 수 있는 장점이 있네요.
저처럼 에버노트에 이것저것 열심히(?) 정리하시는 분들에게 좋은 팁이 되리라 생각합니다:)

덧) 이런 팁 올린다고 geek한건 아닌거죠? 그런거죠?(…)
덧2) Sigil에 대해서는 구글링하시면 참고할만한 글이 많습니다~

신고
tagApplication, Desktop, epub, EVERNOTE, html, iBooks, IMAGE, Open Source, program, Sigil, tip, 가독성, 내보내기, 목차, 언어, 저자, 전자책, 제목
받은 트랙백이 없고 , 댓글이 없습니다.

we heart it - 핀터레스트보다 예쁘고 감성적인 서비스

2012.08.21 09:15 in Web/Service

제가 자주 사용하는 서비스 중에 We heart it이라는 서비스가 있습니다.
이 서비스는 이미지 북마크 서비스로 웹서핑 중 따로 저장하고싶은 이미지를 저장할 수 있는 서비스입니다.

이미지 북마크 서비스는 이전에도 있었다

we♥it 이전에도 이미지 북마크서비스는 이전부터 유명한 서비스들이 꽤 있습니다. FFFFOUND!imgfave와 같은 곳들이죠. 하지만 저런 곳들의 단점은 무엇일까요? 메인에 이상해괴한 사진들이 은근히 많다는 겁니다.(물론 제 개인적인 생각입니다) 그리고 이쁘다고는 말 못할 UI를 가지고 있습니다.

그럼 핀터레스트는?

혹시 떠오르실지 모르겠지만, 요즘 대세라는 핀터레스트UI도 예쁘고 메인에 이상해괴한 사진도 적은 편입니다.
하지만, 저는 핀터레스트를 싫어합니다. 싫어하는 이유는 (지극히 개인적인데,) 마케팅툴로 너무 알려졌다는 겁니다.
핀터레스트 마케팅은 곧 온라인쇼핑몰의 매출이라는 생각이 많아서인지, 상품들이 많이 올라옵니다.(그렇다고 상품들이 예쁜것만 올라오는것도 아닙니다!) 그래서 장삿속이 보이는듯한 핀터레스트를 멀리하게 되어버렸죠.
(한국의 경우도 핀터레스트로 마케팅 어쩌구저쩌구 떠드는 사람들이 많죠...)

이름부터 호감형인 we♥it

제가 we♥it을 좋아하게 된 것은 서비스명이 첫 이유였습니다. 서비스명부터 엄청 사랑스럽지 않나요?+_+
전 이 서비스명을 제가 따로 운영하는 Ludens ♥ OperaLudens ♥ Infographics의 이름을 지을때 벤치마킹(?)했을 정도로 좋아합니다.

화려하진 않지만 깔끔하다

좋아한 이유 중 두번째는 깔끔한 UI였습니다. 아시는대로 핀터레스트가 더 화려한 UI를 가지고 있습니다.
하지만 한편으로 화려한 UI가 정신이 없기도 해서, 이미지를 감상한다기보다는 여러 이미지를 스캔하는 느낌이 들죠.
하지만 we♥it은 덜 화려하기때문에 이미지에 더 집중이 잘됩니다.

예쁘고 감성적인 컨텐츠

마지막으로 가장 중요한 이유는 컨텐츠입니다. 제가 이미지북마크 서비스를 둘러보면서 we♥it에 다른곳보다 이쁜 사진이 많다고 생각합니다. 전체적인 이미지 수는 적을 수 있지만, 대부분 예쁜사진들이 올라오는 이곳을 좋아합니다. 그동안 150여개의 이미지를 북마크한 저도 이미 있는 이미지에 지지않을만한 이쁘고 퀄리티있는 사진을 공유하려고 노력하고 있습니다.

초간편한 서비스 사용방법

다른 사이트들처럼 회원가입 후에 서비스를 이용할 수 있습니다. 페이스북이나 트위터로 가입할 수 있으며, 그냥 가입도 가능합니다. 그냥 가입시 아이디, 이름, 이메일, 비밀번호 입력만 하면 가입 완료입니다.

서비스는 북마클릿을 통해 사용할 수 있습니다. 미리 북마클릿을 등록해 두면, 웹서핑 중 마음에 드는 이미지를 보았을때 북마클릿을 눌러 heart만 찍어주시면 됩니다. 크롬의 경우는 확장기능이 있어 더 쉽게 사용할 수 있습니다.
(IE에서 버튼이 작동하지 않는다고 하는데, 제가 IE9으로 해봤을때에는 문제 없이 잘 작동하였습니다.)

또한 계정설정에서는 트위터와 페이스북 연동을 설정할 수 있습니다. 연동후에는 Heart를 찍으면 바로 날려주기도 합니다. (특히 페이스북은 타임라인도 지원됩니다+_+)

예쁘니까 일단 쓰세요

직관적이고 예쁜 인터페이스 때문인지, 여성유저가 엄청 많습니다. 도대체 남자유저는 어디에있나(...) 싶을정도입니다. 그러니까 일단 쓰면 됩니다.
그리고 핀터레스트의 복잡한 무한스크롤 UI에 질리셨다면, 한번 사용해보시길 권합니다. 예쁘니까 일단 써보세요.

덧) 네, 개인적인 의견이 엄청나게 많이 들어간 서비스 소개글 맞구요...
덧2) 개인적으로 핀터레스트를 많이 싫어해서 계정조차 없습니다...
덧3) 어쩌다보니 핀터레스트를 디스하는 글이 되어버렸네요;;

저작자 표시 비영리 변경 금지
신고
tagBookmarklet, chrome, Contents, facebook, FFFFOUND!, Heart, Heart Button, IMAGE, imgfave, Marketing, online, Pinterest, Service, Shopping mall, timeline, Twitter, UI, we heart it, web, we♥it, 간편, 감성, 공유, 깔끔, 예쁜, 저장, 즐겨찾기, 직관적, 화려함, 확장기능
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리 티에디션 대표이미지 원본사이즈로 불러오기

2012.08.18 16:23 in Web/Coding

며칠 전 블로그 스킨을 바꿨습니다.
대대적으로 스킨을 변경하는것도 쉽지 않았지만, 메인화면을 티에디션으로 꾸미는데도 꽤 애 먹었습니다.

티에디션이 메인화면을 있어보이게 만드는데는 참 좋은툴이기는 한데, 썸네일을 마음대로 하기가 어렵다는 단점이 있더군요.
제가 원하는 썸네일 크기는 가로가 665픽셀 정도였는데, 크기 수정 자체가 없어서 어떻게 해결해야할지 고민을 좀 했습니다.

썸네일 → 원본이미지로 바꾸기

[티에디션 설정]에 들어가셔서, 이미 배치해놓으신 아이템을 선택하신 후
[디자인]에서 [HTML]버튼을 누르면 HTML수정을 직접 할 수 있습니다.

소스가 엄청 복잡할텐데요, 잘 살펴보면

http://[##_article_rep_thumb_host[?]_##]/[##_thumb_type[?]_##]/[##_article_rep_thumb_hash[?]_##]

라고 되어있는 부분이 있습니다.(?는 숫자)
여기서 중간의 "[##_thumb_type[?]_##]"를 모두 "original"로 바꿔줍니다.(번호는 무시하세요)

위와 같이 수정 후 저장하면 원본이미지 불러오는건 끝입니다.

이 방법의 단점은 사이즈가 제각각으로 나온다는 겁니다.
그나마 티스토리에서 제공하는 썸네일은 크기가 작더라도 썸네일 크기는 다 똑같아서 상관이 없는데 말이죠.

덧) 그래서 저는 DIV에 CSS로 배경이미지로 지정하여 사용하고 있습니다.

이미지영역 소스보기

저작자 표시 비영리 변경 금지
신고
tagcss, design, html, IMAGE, Skin, Source, thumbnail, Tistory, 대표, 원본, 티에디션
트랙백이 하나이고 , 댓글이 없습니다.

오페라12, 나만의 테마 초간단하게 만들기

2012.06.16 20:08 in IT/Opera

저번 글(오페라 12 베타버전 공개)에서도 언급했던대로, 오페라12부터 테마기능이 새로 생겼습니다.

이전부터 스킨기능이 있기는 했지만, 생각보다 이쁜 스킨이 없어서 많이 사용하진 않았죠. 그런데 이번에 테마가 지원되면서 오페라를 보다 예쁘게 만들 수 있게되었습니다.

오페라 테마제작은 사실 이 문서(Opera's lightweight themes)를 참고하면 된다고 오페라측에서는 소개했지만, 영어의 압박이 심하게 오는 문서라서 저도 문서보면서 만들다 포기했습니다;;

그런데 오페라 확장기능으로 Opera Theme Creator가 올라왔습니다. 이 확장기능을 사용하면 아주 간단하게 테마제작이 가능합니다.


오페라 테마 초간단 제작법


오페라 확장기능인 Opera Theme Creator를 추가합니다.

추가가 완료되면 검색창 오른쪽에 아이콘이 생성됩니다.

웹에서 테마로 삼고싶은 이미지(고해상도이미지를 추천합니다)를 찾은 후 아이콘을 클릭합니다.
아이콘을 클릭 후 이미지에 마우스커서만 올리면 알아서 잡아줍니다(...)

그 후 Try out your theme를 눌러주시고

'잠재적 보안 위험창'에서 를 누르시면 바로 적용됩니다.


오페라의 테마는 구조가 나름 간단하기 때문에 이런 확장기능으로 간단하게 만들 수 있는 것 같습니다. 
사실 전 아직 오페라 테마에 올라온 것들을 사용중입니다. 개인적으로 좋아하는 스타일들이 많아서인지 아직 제가 직접 만들어야겠다는 느낌은 안드네요;;

덧)오페라 테마기능이 크롬의 그것과 너무나 비슷하다는 느낌은 저뿐만일까요?;;

저작자 표시 비영리 변경 금지
신고
tag12.00, chrome, IMAGE, Opera, Opera Theme Creator, Skin, Theme, 초간단, 확장기능
받은 트랙백이 없고 , 댓글2개가 달렸습니다.

티스토리 툴바