IT 리뷰/블로그 SEO (165) 썸네일형 리스트형 제로보드XE SSL 무료 인증서 HTTPS 적용 브라우저 경고 설치후기 제로보드XE에서 무료 SSL로 HTTPS 적용하는 방법예전에 만들어 둔 제로보드XE 사이트는 구조 자체가 나쁘다기보다, 요즘 웹 환경에서 요구하는 기본 조건들이 계속 올라가면서 운영 난이도가 확 올라가더라구요. 그중 제일 체감이 큰 게 HTTPS입니다. 브라우저는 HTTP 접속을 더 강하게 경고하고, 로그인/폼이 하나라도 있으면 “안전하지 않음”이 뜨기 쉬워서 방문자 신뢰도도 같이 떨어집니다.1. SSL 인증서가 하는 일흔히 SSL이라고 부르지만, 실제 통신은 요즘 TLS로 이뤄집니다. 역할은 동일합니다.브라우저와 서버 사이에 오가는 데이터를 암호화해서 중간에서 가로채기 어렵게 만들고, 접속한 서버가 “내가 그 도메인의 서버가 맞다”는 걸 인증서로 확인해줍니다. 로그인, 관리자 페이지, 문의 폼, 결제 .. 제로보드에서 워프(워드프레스)로 마이그레이션 이전후기 설정방법 제로보드 XE로 만든 오래된 회사 홈페이지, SSL 때문에 결국 워드프레스로 옮기기로 했다20년 전에 만들어 둔 회사 홈페이지를 열어보니 제로보드 XE 기반이더라구요. 문제는 SSL 인증서를 적용하려고 하니 서버 운영 환경이 너무 오래돼서 손쓸 데가 마땅치 않았다는 점입니다. 요즘은 호스팅/서버 스택이 PHP 8.x 중심으로 돌아가는데, 기존 사이트는 PHP 5.x에 묶여 있고 업그레이드도 사실상 막혀 있거나(또는 적용해도 깨지는 경우가 많고), 지원도 끝난 상태라 안전하게 운영하기가 어렵습니다.그래서 “이참에 라이믹스로 올릴까?”도 고민했지만, 회사 홈페이지처럼 운영/확장/보안/테마 생태계까지 같이 보고 가려면 워드프레스로 옮기는 쪽이 현실적으로 더 편하더라구요. 우선 10년전에 제로보드 XE → 워드.. 네이버 애드포스트 광고수익 환전 및 종합소득세 세금신고 네이버 애드포스트 수익 지급(계좌·Npay)부터 5월 종합소득세 신고까지, 직장인 기준으로 정리네이버 블로그로 애드포스트 수익이 쌓이면, 조건을 충족한 시점에 지급(환전)을 신청하거나 자동 지급으로 받아볼 수 있습니다. 예전처럼 해피빈으로 바꾸던 방식은 사실상 정리됐고, 요즘은 Npay 머니 전환 또는 계좌 지급처럼 “현금성으로 받는 흐름”으로 생각하면 이해가 빠릅니다.네이버 애드포스트 참고[IT 리뷰/블로그 SEO] - 네이버 애드포스트 광고신청 및 신청자격[IT 리뷰/블로그 SEO] - 네이버 블로그 애드포스트 광고 본문 상단 중간 하단 설정애드포스트 수익 받는 방식 2가지애드포스트 수익은 크게 Npay 머니로 전환해서 쓰는 방식과, 계좌로 자동 지급 받는 방식으로 나뉩니다.그리고 블로그를 운영하는 .. CSS 배경색·글자색 색상코드 정리 HEX/RGB/RGBA와 테마 컬러 관리 팁 웹사이트 CSS 배경색·텍스트 색상코드 정리 (티스토리·워드프레스 HTML)티스토리, 워드프레스, 네이버블로그처럼 플랫폼이 달라도 화면에서 가장 먼저 체감되는 건 색입니다. 배경이 조금만 탁해도 글이 답답해 보이고, 링크 색이 튀면 신뢰도가 떨어져 보이기도 하죠. HTML/CSS에서 색을 지정하는 방식은 단순하지만, “어떤 포맷을 언제 쓰면 편한지”를 알아두면 작업 속도가 확 올라갑니다.가장 흔한 방식은 HEX(16진수) 입니다. RGB(빨강/초록/파랑) 채널을 0~255 범위로 두고, 이를 16진수 두 자리씩 묶어서 #RRGGBB 형태로 표현합니다. 예를 들어 #FF0000은 빨강, #00FF00은 초록, #0000FF는 파랑(블루)입니다. 2026년 기준으로 실무에서 자주 쓰는 건 HEX와 rgb/r.. 마우스 휠 스크롤을 가로 이동 변경 섹션형 웹사이트 HTML/CSS/스크립트 웹사이트 마우스 스크롤로 세로에서 가로 이동 구현하기 (HTML/CSS/스크립트)웹사이트를 만들다 보면 “요즘 사이트들은 왜 이렇게 부드럽게 넘어가지?” 싶은 순간이 있습니다. 제품 소개, 포트폴리오, 이벤트 페이지처럼 섹션을 크게 보여주는 화면에서는 휠 스크롤을 가로 이동으로 바꿔 콘텐츠를 넘기는 방식이 꽤 자주 쓰입니다. 다만 아무렇게나 적용하면 트랙패드에서 튀거나, 모바일에서 어색해지거나, 스크롤 막힘 때문에 답답하게 느껴질 수 있습니다. 그래서 “가로 이동이 자연스럽게 느껴지는 최소 구성”부터 잡아두고, 필요하면 섬세하게 조정하는 쪽이 결과가 좋습니다.요즘 가장 핫한 웹사이트 트렌드 중 하나는 마우스 스크롤 시 가로 스크롤링 기능을 활용한 구성입니다. 티스토리 스킨, 워드프레스 테마, 랜딩 페이지.. 워드프레스 사이드바 모바일 숨김 + PC 전용 위젯 노출, 좌/우 추가 sticky 설정 워드프레스 사이드바 숨기기 & 좌/우 추가, 위젯 모바일 숨김 + 스크롤 따라오기 설정워드프레스는 PC에서 화면 폭이 넉넉할 때 사이드바(위젯)를 잘만 쓰면 카테고리, 인기글, 검색, 공지 같은 요소를 자연스럽게 노출할 수 있습니다. 문제는 모바일입니다. 모바일에서 사이드바가 본문보다 먼저 길게 나오거나, 위/아래로 과하게 늘어지면 본문까지 스크롤을 내려야 하는 구간이 생기고, 이게 체감 이탈로 바로 이어집니다. 특히 앱/웹뷰 환경에서는 “상단에 길게 붙는 위젯”이 더 자주 보입니다.그래서 오늘은 모바일에서는 사이드바를 숨기고, PC에서는 필요할 때만 보이게 하거나(또는 특정 위젯만 노출), 추가로 좌/우 사이드바를 구성하는 방식까지 한 번에 정리합니다. 참고로 “사이드바에 애드센스 광고를 고정” 같은 .. 티스토리 사이드바 고정해제 sticky 고정, 높이·폭 사이즈 조절까지 CSS 티스토리 사이드바 고정해제 & 마우스 스크롤 따라오게 설정, 사이즈 조절 CSS티스토리에서 사이드바는 “있으면 편한데, 잘못 잡히면 불편한” 영역입니다. 본문만 깔끔하게 보여주고 싶을 땐 사이드바를 끄는 게 정답일 때가 많고, 반대로 카테고리/공지/최근글/구독 버튼처럼 독자가 바로 눌러야 하는 요소가 있다면 사이드바가 확실히 힘을 냅니다. 문제는 스킨에 따라 사이드바가 고정되어 있다가 콘텐츠가 길어지면 하단 위젯이 잘리거나, 반대로 너무 안 따라와서 읽는 중에 사용성이 뚝 떨어지는 케이스가 생긴다는 겁니다. 2026년 기준으로도 해결 방향은 똑같습니다. 스킨에서 쓰는 사이드바 셀렉터(#aside, #sidebar, .area-aside 등)를 찾고, position: sticky 중심으로 안정적으로 조정.. MacOS - 맥북 FTP 로그인 및 워드프레스 설치 사이트 구축방법 MacOS - 맥북 FTP 로그인 및 워드프레스 설치로 사이트 구축하는 방법호스팅을 쓰면서 파일 업로드/플러그인 수동 설치/백업 복원까지 직접 만지다 보면, 결국 맥북 FTP 접속은 한 번쯤 필요해집니다. macOS에서도 충분히 쾌적하게 운영할 수 있고, 그중에서 FileZilla는 무료 FTP 클라이언트 중 가장 익숙한 선택지죠. 이 글은 맥북에서 FTP 로그인을 하고, 업로드한 파일로 워드프레스 설치까지 이어지는 흐름을 한 번에 정리했습니다.이미 FTP 접속만 필요한 분이라면 아래 내부 글로 바로 넘어가도 됩니다.참고: 맥북에서 FTP 서버에 로그인하는 방법 워드프레스 설치형이 좋은 이유(맥북 기준)워드프레스를 “설치형”으로 운영하면, 데이터와 파일을 내가 통제할 수 있다는 점이 큽니다.그리고 mac.. 이전 1 2 3 4 5 ··· 21 다음
