구글 번역기를 사용하여 외국어(중국어/키릴문자 등) 문자 입력하기
간혹 익숙지 않은 외국어를 입력해야 하는 경우 여러 가지 방법이 있겠지만 구글 번역기를 사용하면 별다른 프로그램을 설치하거나 키보드를 바꾸거나 할 필요가 없이 쉽게 특수한 외국어를 입력할 수 있습니다. 중국어 입력 예 먼저 구글 번역 사이트에 ...
워드프레스 기본
기본적인 워드프레스 사용법, 워드프레스 테마와 플러그인, 워드프레스의 새로운 기능과 뉴스에 대한 정보를 제공합니다.
구글 애드센스 광고를 워드프레스에 추가하기
구글 애드센스(Adsense) 광고를 신청하고 승인을 받았다면 구글 애드센스 페이지에서 광고 단위를 만들어서 코드를 워드프레스의 적당한 위치에 추가해야 합니다. 광고 단위를 만들면 다음과 비슷한 형식의 코드가 생성됩니다. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXXXX" crossorigin="anonymous"></script> <!-- 300x250 크기 --> <ins ...
워드프레스 글 주소를 글제목이나 숫자로 표시되도록 설정하기
개요 워드프레스를 설치하고 글을 작성하면 다음과 비슷하게 도메인주소/?p=숫자 형식으로 브라우저 주소창에 나타납니다. 여기서 "숫자"는 글 ID를 나타냅니다. 사실 이러한 표시 형식은 컴퓨터에서 인식하기에 좋은 형식일지는 몰라도 사용자들에게는 다소 생소한 형식입니다. 그리고 SEO에도 별로 바람직하지 않은 ...
워드프레스 주소 변경으로 사이트에 접속하지 못하는 문제 해결
이 글에서는 워드프레스 주소 변경으로 사이트에 접속하지 못하는 문제가 발생하거나 사이트 이전 후 주소를 변경해야 하는 경우 해결 방법에 대해 살펴보겠습니다. 또한, wp 또는 wordpress 하위 폴더에 워드프레스를 설치했을 때 사이트 주소에서 하위 폴더명을 제거하는 ...
워드프레스에서 테마 파일 수정하는 방법
워드프레스에서 테마 파일을 편집해야 할 경우 다음과 같은 두 가지 방법을 통해 파일을 수정할 수 있습니다. 테마 편집기 사용 워드프레스의 알림판에서 테마 디자인 > 테마편집기를 선택하면 템플릿 파일들을 수정할 수 있는 화면이 표시됩니다. 편집을 원하는 ...
워드프레스에서 일괄 작업 기능 사용하기
워드프레스에서 대량의 글이나 페이지에서 댓글을 허용하거나 카테고리를 변경하거나 등의 작업을 수행해야 하는 경우가 있을 수 있습니다. 이 경우 하나씩 수정하는 작업은 지루할 뿐 아니라 시간도 많이 걸릴 수 있습니다. 이러한 작업을 일괄적으로 수행할 수 있는 ...
Twenty Twelve 테마 + WooCommerce: 초간단 커스터마이징(워드프레스)
지난 시간에는 WooCommerce 샘플 데이터를 설치하는 방법을 살펴보았습니다. 지난 글에 이어서 WooCommerce가 설치된 Twenty Twelve 테마를 5분만에 초간단 커스터마이징하는 방법을 살펴보겠습니다. 전면 페이지를 쇼핑 페이지로 설정하기 우선 전면 페이지를 쇼핑 페이지로 설정하여 고객이 사이트를 방문하자마자 ...
Font Awesome 폰트 아이콘을 사용하여 워드프레스 블로그를 개성있게 꾸미기
들어가며 Font Awesome은 크기를 마음대로 조정할 수 있는 벡터 아이콘으로써, 크기, 컬러 등을 마음대로 설정이 가능합니다. 특징을 살펴보면(Font Awesome에서 밝히는 특징): 단일 폰트, 519개 아이콘 JavaScript 불필요 무한한 확장성 무료! (이 점이 정말 마음에 드네요) ...
워드프레스에서 상단 메뉴 고정하는 방법[CSS 사용]
![워드프레스에서 상단 메뉴 고정하는 방법[CSS 사용] 8](https://www.thewordcracker.com/wp-content/uploads/2015/03/Fixing-top-navigation-wordpress.jpg)
CSS를 사용하여 워드프레스에서 상단 메뉴를 고정하여 화면이 스크롤되더라도 메뉴가 따라 내려오도록 할 수 있습니다. 다음과 같은 CSS 코드를 추가하며 됩니다(CSS 코드를 워드프레스에서 추가하는 방법은 여기를 참조하시기 바랍니다.) #navigation /* 요소 이름은 해당 테마에 맞게 수정 ...
