본문 바로가기

분류 전체보기81

(펌) 워드프레스 테마에서 원페이지 레이아웃으로 사이트 구성하기 https://avada.co.kr/wordpress/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%ED%85%8C%EB%A7%88%EC%97%90%EC%84%9C-%EC%9B%90%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83%EC%9C%BC%EB%A1%9C-%EC%82%AC%EC%9D%B4/ 원페이지 구성은 SEO적인 관점에서 별로 바람직하지 않습니다만, 우리나라에서는 아직 원페이지 형식으로 사이트를 제작하는 경우가 많은 것 같습니다. 이 글에서는 원페이지로 구성하는 방법과 워드프레스 테마 중 하나인 The7에서 원페이지를 설정하는 방법에 대해 간단히 설명합니다. 섹션에 ID 지정하기 먼저 한 페.. 2020. 6. 26.
(펌) 커스텀 페이지를 만드는 3+1가지 방법 https://wpguide.usefulparadigm.com/posts/668 커스텀 페이지를 만드는 3+1가지 방법 - WordPress 가이드 워드프레스 커스텀 페이지 만들기. 페이지 템플릿을 이용하면 워드프레스에서 커스템 페이지를 쉽게 만들 수 있습니다. 페이지 빌더 플러그인을 써도 되죠. 워드프레스에서 커스텀 페이지를 만 wpguide.usefulparadigm.com 워드프레스를 사용하다보면 페이지(page)를 추가할 일들이 많습니다. 컨택 페이지나 회사소개 페이지, 제품 소개 페이지 등등. 그래서 워드프레스는 포스트(글)와는 별개로 페이지 만드는 공간을 제공하고 있죠. 페이지는 날짜별 카테고리별로 쌓아 나가는 포스트(글)와 달리 하나하나가 독립된 용도를 갖는 경우가 많습니다. 예를 들면 랜딩.. 2020. 6. 26.
워드프레스 다운로드 및 설치하기 1. 워드프레스 다운 받기 아래 링크를 눌러 워드프레스 zip 파일을 다운 받은 후 압축을 풀어줍니다. https://ko.wordpress.org/download/ Download Download WordPress today, and get started on creating your website with one of the most powerful, popular, and customizable platforms in the world. ko.wordpress.org 2. FTP 접속 후 업로드 본인 계정에 접속하여 다운 받은 워드프레스 파일을 /html 폴더에 업로드합니다. 설치는 끝났습니다. 참 쉽죠? 이제 wp 설정만 하면 됩니다. 3. 내 사이트 주소로 접속합니다. 내 닷홈 주소로 접속합니다.. 2020. 6. 26.
[펌] VS Code ftp-simple https://gangnam-americano.tistory.com/26 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Stu.. gangnam-americano.tistory.com [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해.. 2020. 4. 21.
Wordpress 망보드 설치하기 https://www.mangboard.com/manual/start/ 매뉴얼 | 워드프레스 게시판 망보드 망보드 소개, 버젼별 특징, 설치방법, 게시판 추가방법 www.mangboard.com 망보드 게시판 설치하기 플러그인 자동 설치방법 망보드는 워드프레스 공식 플러그인으로 등록되어 있기 때문에 워드프레스 관리자 > 플러그인 > 새로추가 페이지에서 "mangboard"로 검색해서 클릭만으로 설치가 가능합니다. 망보드 플러그인: https://wordpress.org/plugins/mangboard/ 1. 워드프레스 관리자 > 플러그인 > 새로추가 페이지에서 "mangboard" 키워드를 검색합니다. 2. 망보드 플러그인이 검색되면 "지금 설치" 버튼을 클릭합니다. 3. 망보드 플러그인 설치가 완료되면.. 2020. 4. 21.
input password에 텍스트가 보이지 않을 경우 input[type=password] { font-family: 'Malgun Gothic'; } 2020. 4. 19.
미디어쿼리 @media screen and (min-width:1280px) and (max-width:1599px) { } @media screen and (min-width:1024px) and (max-width:1279px) { } @media screen and (min-width:780px) and (max-width:1023px) { } @media screen and (min-width:640px) and (max-width:779px) { } @media screen and (min-width:480px) and (max-width:639px) { } @media screen and (max-width:479px){ } 2020. 4. 10.
Mac 키보드 단축키 Mac 키보드 단축키 보통은 마우스, 트랙패드 또는 기타 입력 기기가 있어야 가능한 작업을 특정 키 조합을 눌러 수행할 수 있습니다. 키보드 단축키를 사용하려면 하나 이상의 조합 키를 누른 상태에서 단축키의 마지막 키를 누릅니다. 예를 들어 command-C(복사)를 사용하려면 command 키를 누른 상태에서 C 키를 누른 다음 두 키를 놓습니다. Mac 메뉴와 키보드에서는 다음과 같이 조합 키를 비롯하여 특정 키가 기호로 표시되기도 합니다. command(또는 cmd) ⌘ shift ⇧ option(또는 alt) ⌥ control(또는 ctrl) ⌃ caps lock ⇪ fn Windows PC용 키보드에서는 option 대신 Alt 키, command 대신 Windows 로고 키를 사용합니다. 일부.. 2020. 4. 10.
유용한 플러그인 모음 이미지 갤러리 http://fancybox.net/home 불러오는 중입니다... -prefix-free -prefix-free를 사용하면 어디에서나 접두사가없는 CSS 속성 만 사용할 수 있습니다. https://leaverou.github.io/prefixfree/ Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. Test drive Test the p.. 2020. 4. 9.
연산자 연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자입니다. 대입 연산자 JavaScript에서 등호 ( =)는 "같음"연산자가 아니라 "대입"연산자입니다. let x = 10; x = x + 5; // x += 5; console.log(x); JavaScript에서는 x + 5의 값을 x에 할당합니다.. (x + 5의 값을 계산하고 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.) "같음"연산자는 == JavaScript 와 같이 작성 됩니다. 산술 연산사 산술 연산자는 사칙연산과 같은 작업을 하는 연산자를 의미합니다. var x = 5; var y = 2; var z = x + y; // 7 var x = 5; var y = 2; var z = x * y; // 10 연산자 설명 예 실행.. 2020. 4. 1.