워드프레스 일기의 전체 글 3795

이미지 가운데 정렬 CSS 이미지를 가운데 정렬할 때 사용할 수 있는 CSS img.center { display: block; margin: 0 auto; } parent 요소에 다음 CSS를 적용하는 것도 가능하다. text-align: center; 유용한 가운데 정렬 방법 Div 내의 Div를 가운데 정렬시키고 싶은 경우 다음 글을 참고해보세요. div 내의 div를 중앙에 정렬하려면 (CSS) - 워드프레스 정보꾸러미 어떤 글에서 박스를 가운데에 정렬되게 하고 싶은 경우가 많을 것입니다. div는 align 속성을 가지고 제어가 잘 되지 않습니다. 이런 경우 다음과 같이 두 개의 div를 중첩하여 사용하여 쉽게 중앙 www.thewordcracker.com 상황에 따라 위의 글에 제시된 방법을 ..

자바스크립트로 텍스트를 변경하는 방법 예시입니다. 목차 자바스크립트로 텍스트 변경하기 html 소스 Test - 1 Test - 2 Test - 3 "Test - 3"을 "Test - 5"로 변경 var string = document.getElementsByTagName("h2")[2].innerHTML; var replacedString = string.replace("Test - 3", "Test - 5"); document.getElementsByTagName("h2")[2].innerHTML = replacedString; "Microsoft"를 "W3Schools"로 변경 var str = "Visit Microsoft!"; var res = str.replace("Microsoft", "W3..

target="_blank"를 추가하는 가장 간단한 방법은 jQuery를 이용하는 것입니다. $(document).ready(function(){ $('#link_other a').attr('target', '_blank'); }); 혹은 $('#link_other a').each(function(){ $(this).attr('target', '_BLANK'); }); jQuery를 이용하지 않을 경우... window.onload = function(){ var anchors = document.getElementById('link_other').getElementsByTagName('a'); for (var i=0; i

한글 URL은 Semantic URL(의미 중심적 URL)입니다. Semantic URL이 SEO에 훨씬 유리합니다. 한글 URL과 영문 URL, 어느 것이 SEO에 유리할까? IE에서 워드프레스 고유주소에 한글이 사용될 경우 깨지는 현상이 나타납니다. 여기에 대해 kopress 글에서 새로운 해결 방법이 올라왔네요. https://kopress.kr/topic/고유주소-깨짐-문제가-있습니다/ Digital Ocean에 새로운 서버를 하나 만들어서 그대로 따라 해보았습니다. 그런데 IE 11에서 여전히 한글 고유주소가 깨지네요.ㅠㅠ 그래도 혹시 몰라서 방법을 여기에도 올려봅니다. 우선 아파치의 rewrite 모듈 활성화 하기$ sudo a2enmod rewrite $ sudo service apache2..

워드프레스 저작권 정보/제목/이미지 등 특정 요소 숨기기 테마에서 옵션을 제공하는 경우 일부 항목을 표시하거나 숨길 수 있는 옵션을 제공하는 테마가 많습니다. 특히 아바다와 같은 테마는 대부분의 요소들을 제어할 수 있는 옵션을 제공하기도 합니다. 예를 들어, 개별 글의 제목을 숨기고 싶은 경우 Avada > Optoins > 블로그 > 블로그 싱글 포스트에서 포스트 제목을 Disabled로 설정할 수 있습니다. 특정 페이지나 포스트에서도 Avada Page Optoins에서 정교하게 세부 항목들을 제어할 수 있습니다. 테마에서 옵션을 제공하지 않는 경우 예를 들어 Zerif Lite 테마를 설치하면 푸터에 “Zerif Lite developed by ThemeIsle“라는 문구가 표시됩니다. 무료 테마의..

최근 Divi 테마가 업데이트되면서 Divi Builder에 140개 이상의 Divi 레이아웃이 추가되었습니다. 이제 다양한 레이아웃을 보다 수월하게 활용하여 쉽게 레이아웃을 만들 수 있게 되었습니다. Divi 테마 – Divi Builder에 140개 이상의 Divi 레이아웃 추가 하지만 최근 Divi 테마를 업데이트한 후에 약간의 문제가 발생했습니다. 언어가 자동으로 영어로 바뀐 것을 발견했습니다. 매우 특이하게 사이트 언어가 "English (United States)"로 바뀌어져 있습니다. 사이트 언어를 한글로 바꾸고 저장해도 언어가 계속 영어로 유지되었습니다. 이 문제를 Divi 포럼에 문의해보니 Divi 번역 비활성화 기능을 Disabled로 바꾼 후에 테스트해보라고 하네요. Divi > Th..

요즘 나오는 워드프레스는 모바일에서도 자동으로 기기 크기에 맞게 레이아웃이 바뀌는 반응형(Responsiveness)으로 작동합니다. 아바다도 마찬가지로 스마트폰 등 기기 해상도 크기에 따라 레이아웃이 자동으로 바뀝니다. 만약 스마트폰 등 모바일 기기에서도 PC와 동일하게 표시하고 싶다면 테마 옵션에서 반응형 기능을 해제하면 됩니다. Avada > Theme Options > Responsive에서 Responsive Design의 옵션을 On에서 Off로 변경하면 반응형 기능이 해제됩니다. 참고로 반응형 기능을 해제하는 옵션은 일부 테마에서만 제공됩니다. Enfold 테마에서도 반응형을 해제하는 옵션이 제공됩니다. Enfold에서 반응형 레이아웃 비활성화하기 대부분의 테마에서는 이런 기능이 제공되지 않..

어제는 조그마한 Passolo 작업을 맡았습니다. 기간이 다음주 화요일까지라 반나절 일이지만 진도가 얼마 나가지 못했습니다. 저는 마감일이 넉넉해도 가능한 한 빨리 작업을 마무리하는 성격이지만, 어제는 이런 저런 잡일을 병행하다 보니 진행이 별로 안 되었습니다. 고객이 Passolo에서 사전 번역된 문자열(Pre-translated Strings) 부분도 번역하면서 검토해달라고 하네요. 하지만 Passolo 필터를 살펴보니 Pre-translated 항목이 보이지 않습니다. 고객에게 문의해보니 별도의 필터를 하나 만들면 된다고 하네요. 위와 같은 화면에서 Filter(1)를 누르고 "Define"(2)을 선택합니다. 그런 다음 위의 그림처럼 "Filter strings by state"를 클릭하면 몇 가..

번역 검토 작업을 맡고 있는 문서에서 "at scale"이라는 단어가 앞뒤 문맥에 맞지 않게 이상하게 번역되어 조금 검색해보았습니다. Computer Definition. A phrase that means "at the required size to solve the problem," whether that size means handling larger volumes or miniaturizing something to make it fit into a smaller area than before. 구글 검색을 해보니 "규모를 고려한"이라는 표현이 마음에 드네요. 이 표현으로 낙점... 문맥에 따라 "적정 규모의" 이런 표현이 괜찮을 것 같습니다.

워드프페스에서 전면 페이지/블로그 페이지에 특정 코드를 적용하는 경우에 다음과 같은 형식으로 사용할 수 있습니다. if ( is_front_page() && is_home() ) { // Default homepage // 기본 홈페이지 } elseif ( is_front_page()){ //Static homepage // 정적인 홈페이지 } elseif ( is_home()){ //Blog page // 블로그 페이지 } else { //everything else // 기타 } is_front_page()와 is_home()의 차이점: is_front_page() -> 설정>읽기에서 전면 페이지로 설정한 페이지 반환 is_home() -> 블로그 리스트 페이지 반환 참고: https://codex...