본문 바로가기

분류 전체보기

 (161)
워드프레스 플러그인 Simple CSS and JS 워드프레스 깔고 웹사이트를 만드는 과정에서 당연히 필요한 css에 수정에 필요한 플러그인들은 무수히 많은데 그 중 이플러그인을 자주사용하다. 장점 - css와 js 수정을 한 플러그인에서 가능 - 한곳에 전부 작성하지 않고 분리하여 작성 가능해서 구분하기 쉽다. ( css와 js수정을 많이 하다보면 어디에 작성했었는지 찾기 어려운데, 네이밍을 해서 코드를 분리할 수 있기 때문에 조금 더 찾기 쉬운것 같다.) 단점 - 계속 파일을 새로 생성하다보니, 트레픽면에서 안좋을것 같다. ( 워드프레스 플러그인 faq에 나와있는 답변에는 저장할때 코드가 파일에 캐쉬로 저장하기 때문에, 지루한 데이터베이스 쿼리는 없다고 한다. ㅎㅎ) 특징 - 코드 작성시 보기 쉽도록 하드라이트 표시가 된다( 코드 편집기처럼) - 인라..
수원 서호공원 드라이브 벚꽃 구경 수원 서호공원 들어서자 마자 보이는 벚꽃! 처음에 우와 벚꽃 많다 했는데 요기서 보이는 벚꽃이 거의 다였다 ㅎㅎㅎ
을지로 힙스터를 위한 ‘서울라이프’ 분위기 좋았던 을지로 힙한 카페 ‘서울라이프’ 전체적으로 분홍 형광 라이트가 카페를 가득채우고 있고 예쁜 아이템들이 여기저기 붙어있다. 을지로 카페 답게 전혀 있을거 같지 않은 건물에 작은 간판(간판이라고 하기에도 너무 작은?) 붙어있어 찾기 힘들다. 그게 사람들을 더 불러모으는 효과가 있는 것 같기도 하다. 이층에 있었던거 같은데 쇠문이 닫혀 있어서 문닫은 줄 알고 돌아갈번했다. 노래소리가 살짝 들려서 문을 열어보게 됐다. 카페 공간은 작아서 3-4 테이블 정도 있었던것 같다. 악세사리도 작게 팔고 있었다. 음료는 초코카페오레, 딸기라떼, 뱅쇼 이렇게 주문했는데 내껀 뱅쇼..! 단음료를 그렇게 좋아하진 않아서 초코가 안들은걸로 시켰는데, 뱅쇼는 너무 달고 초코카페오레는 생각보다 안달았다. (메뉴선택실패..
웹페이지 전체를 한번에 캡쳐하기 웹사이트 전체를 캡쳐하고 싶은데, 스크롤을 내려야 하기 때문에 한번에 캡쳐하기 힘들다. 그럴때 유용하게 쓸 수 있는 구글 앱 중 하나를 소개하려고 한다. ' full page screen capture' 01. 구글 웹스토어에 들어간다. 크롬브라우저에 북마크부분의 앱을 눌러주면 들어갈 수 있다. 구글 앱스토어 02. full page screen capture를 검색해 추가해준다. 사실 다른 비슷한 앱도 많이 있는데, 사용자가 가장 많아 이걸 받았다.ㅎㅎ 03. 추가 후 크롬브라우저 오른쪽 상단에 보면 카메라 모양의 아이콘이 생긴다. 먼저 캡쳐하고 싶은 페이지를 열어둔 후 저 카메라를 눌러준다. 그럼 위에서부터 캡쳐를 해준다. 04. 캡쳐 후 이미지를 다운받을 수 있는 페이지로 이동 시켜준다. 여기서 오..
워드프레스 플러그인 ' Menu Image, Icons made easy' 워드프레스 플러그인 중 메뉴를 이미지로 넣을 수 있도록 도와주는 플러그인을 소개합니다. 'Menu Image, Icons made easy' 사용법이 매우 간단하다. 플러그인을 설치하고 활성화한다. 테마디자인 > 메뉴 > 메뉴추가 메뉴를 추가하면 여기서 이미지 설정이 가능하다. Menu image - 변경할 이미지를 업로드 해준다. Image on hover - 메뉴 마우스 호버시 이미지를 바꾼다면 이부분도 이미지를 추가해준다. 아니라면 비워둬도 된다. lmage size - 여기서 이미지 사이즈를 설정 가능하다. ( Menu-24x24 / Menu-36x36 / Menu-48x48 로 설정하도록 되어있는 부분은 'menu image' 에서 사이즈를 설정할 수 있다.) Title position - 텍스..
강남역 신분당선 커리집 바바인디아 점심 때 커리가 먹고 시퍼서 들린 '바바인디아 강남역점' 강남역 신분당선과 가까운 곳에 있는 커리집이다. 분위기는 인도커리집 특유의 인터리어로 꾸며진 모습이다. 점심세트 메뉴 구성이 따로 되어있었다 Lunch set A 14,500원 - 커리, 샐러드, 난, 스프 Lunch set B 18,500원 - 커리, 샐러드, 난, 스프 + 탄두리 Lunch set C 23,500원 - 커리, 샐러드, 난, 스프, 탄두리 + 왕새우, 모둘리아빠라따(뭔진 모르겠음) 내가 주문한건 세트A에서 프로운 코코넛 / 램커리를 선택했다. 사진 왼쪽이 프로운 / 오른쪽이 램커리 램커리는 살짝 맵고 맛있다. 프로운코코넛 커리는 부드럽고 맛있다. 새우가 맛있지는 않았지만 ㅎㅎ 샐러드는 야채가 쓴맛이 나서 다 먹지 못했다ㅠㅠ 샐러드..
충무로역 마라탕집 ‘마라식객’ 얼마전에 충무로에 갈일이 있어 맛집 찾다가 가게된 마라탕집 ‘마라식객’. 전체적으로 좋았던점은 청결하다는 점과 친철하다는점! 마라탕집 위생이 안좋다는 기사도 많이 나고, 괜히 코로나19 때문에 위생에 더 신경쓰게 되는데 여긴 일단 야채들칸이 넘 깨끗해보였다 손님없을땐 필름바(?)를 내려놓고 일부 야채들은 냉장고에 넣어놓고 있었다. 먼가 깨끗해보임 그리고 주문한 음식은 - 마라탕 2600원(100g) + 양고기추가3,000원 - 꿔바로우 소 10,000원 이렇게 주문했다 마라탕은 마라맛과 매운맛은 단계별로 선택하게 되어있다. 두개의 차이점이 뭐냐고 물어보니, 마라맛은 마라 특유의 알싸한 맛의 정도를 선택할 수 있고, 매운맛은 고추가루 매운맛의 정도라고 한다 그래서 매운맛은 0단계 - 백탕 마라맛은 1단계 ..
[CSS] 메인메뉴 이미지로 변경 & SNS 아이콘으로 메뉴를 만들거나 어떤 버튼을 텍스트 대신 이미지로 교체하려고 할때 쓸 수 있는 방법입니다. 일부 메뉴는 텍스트로 들어가고, 몇개의 메뉴(아래 이미지에 있는 sns 메뉴같은)만 이미지로 바꿀때 유용할 것 같다. 텍스트 이미지로 변경 (이미지버튼) 우선 태그를 이용해서 HTML를 만들어 준다. HTML 1 2 3 4 5 6 7 8 9 메뉴01 메뉴02 메뉴03 인스타그램 페이스북 cs CSS 먼저 메뉴를 가로로 일렬로 만들어준다. 1 2 .gnb01 li{float: left;list-style: none;margin: 0 5px} .clearfixed::after{display: block;content: "";clear: both;} cs "clearfixed"안에 내용은 메뉴가 모두 float되어 있기..

티스토리툴바