사진 WooCommerce/Wordpress에서 내 이미지 프레임하기

Question

나는 사진 작가이며 현재 내 포트폴리오의 포트폴리오를 완전한 기능의 전자 상거래 사이트로 업그레이드하려고 시도하고 있습니다.

나는 내가해야 할 WooCommerce 유형의 일들에 대해 머리를 쓰고 싶다. 나는 내가 원하는 것을 생각 해냈다. 나는 내가 원하는 것을 거의 얻을 수있는 것처럼 느낀다.

내가 겪고있는 가장 큰 문제는 동적으로 이미지를 판매하여 내 이미지를 프레이밍하는 것입니다.

내가 원하는 걸의 예 : 나를 .PNG 프레임을 만드는, 그리고 변화가 선택 될 때 동적으로 내 이미지의 배경에 추가 한에 대한 https://mattlauder.com.au/main-photo-gallery/landscape-gallery/lavender-bay-black-white/#prettyPhoto

https://kenduncan.com/product/docklands-melbourne-vic-vx2101/

그냥 능력 .

나는 그것이 단순한 코딩 일이라고 합리적으로 확신하지만, 나는 코딩 경험이 0이다.

도움이 될 것입니다! 내가 원하는 것을하기위한 간단한 플러그인을 볼 수 없었고,이 기능을 추가 할 기존 플러그인이나 테마를 실제로 볼 수 없었습니다.

댄

Answer 1

직접 이미지를 편집 할 필요가 없습니다, 그것은 더 많은 작업이 필요하기 때문에 나는 그것을 사용하지 않는 것이 좋습니다. CSS가 트릭을 수행합니다!

woocommerce를 사용한다고 했으므로 단일 제품 페이지의 갤러리에서 기본 woocommerce 이미지 아래를 타겟팅했습니다.

이것은 아주 기본적인 그림 프레임입니다. (매트 같은) 원한다면 훨씬 더 멋지게 만들 수 있습니다!

.woocommerce-product-gallery__image img { 
    border: 15px solid #666; 
    padding: 10px; 
} 

이 코드를 테마의 맞춤 CSS 입력란에 추가하십시오.