질문/조언질답게시판
Extra Form
PHP PHP 7.2
CMS Rhymix

noname-side.png

 

RSS board 모듈을 잘 사용중인데요

한가지 해결하고 싶은게 있는데 위 사진 처럼 RSS board로 게시물이 등록된 글을 보면

PC는 저렇게 출력이 되는데

모바일인 사진과 글이 구분이 딱되서 잘나오고 있습니다

 

PC도 모바일 처럼 위에 사진 아래에 텍스트로 나오게끔 정렬 할 수 없을까요?

 

캡처11.PNG.jpg

 

위 사진의 코드 부분에서 수정하면 될것 같은데 조언 좀 구할수 있을까요?

  • profile

    개발자도구로 보면 이미지와 컨텐츠가 하나의 단락으로 되어 있습니다. 저기 소스를 입력하는 코드를 찾으셔서

    float:left 를 넣는 부분을 없애신 다음
    <img src~~~> 코드 바로 아래 <br> 이 추가되도록 고치시면 될 것 같습니다.

  • profile
    pc와 모바일은 같은 코드인데 이미지와 컨텐츠 모두 연결된 코드이다 보니 이미지를 출력하고 우측 공간이 없는 모바일의 경우 컨텐츠가 아래로 내려가 보이는 것 일 뿐입니다.
    모바일, PC 코드가 다르게 반영되는 것은 아닙니다. 모바일도 가로로 눞혀서 가로가 충분히 긴 디바이스는 이미 옆에 공간이 생기면 PC와 똑같이 보이게 됩니다.

    위 댓글과 또다른 방법은

    <img> 소스의 속성 float:left 도 없애고
    <P><img></p> 형태로 고쳐줘도 비슷한 결과를 만들어 낼 수 있을 겁니다.
  • profile profile

    캡처111.PNG

    개발자 도구에서 웹지기님께서 알려주신 코드가 들어가는 걸 찾았는데
    해당 코드가 어느 경로에 들어가 있는지 알수가 없어서 한참 찾고있네요 ㅜ

     

    다른건 경로가 나오던데 저건 경로가 안나와서 어디서 찾을수 있는지 알려주실수 있나요? ㅜ

     

    https://coinbest.tv/index.php?document_srl=16298&mid=news

     

     

     

     

  • profile profile

    다시 자세히 보니  $item -> get_description()  이게 이미지와 본문내용일 것 같습니다. 이부분을 어디 함수에서 가져오는지 확인해 보셔야 할 것 같네요.

     

  • profile profile
    감사합니다 찾아봐야겠네요 ^^;
  • profile profile
    지금 등록하신 rss를 살펴보니

    <guid isPermaLink="false">https://www.blockmedia.co.kr/?p=128500</guid>
    <description><![CDATA[<img width="560" height="244" src="https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-560x244.png" class="attachment-medium size-medium wp-post-image" alt="" style="float:left; margin:0 15px 15px 0;" srcset="https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-560x244.png 560w, https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-768x335.png 768w, https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-1200x523.png 1200w, https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-610x266.png 610w, https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-1080x471.png 1080w, https://www.blockmedia.co.kr/wp-content/uploads/2020/02/1111111111-600x262.png 600w" sizes="(max-width: 560px) 100vw, 560px" />(암호화폐 시장 상황, 출처: Coin360) [블록미디어 저소여 인턴기자] 23일 코인마켓켑(Coinmarketcap) 기준, 탑 10 암호화폐 중 5개 암호화폐가 상승세를 나타났고 5개가 하락세를 기록했다. 오전 8시 27분 기준, 상위 100개 암호화폐 움직임을 보면 하락세가 뚜렷하다. 32개의 암호화폐가 상승세를 보이는 가운데, 68개의 암호화폐에 하락을 의미하는 빨간불이 들어왔다. 코인마켓캡에서 비트코인(BTC) 가격은 전일 대비 0.04% 상승한 9678달러에 거래되고 있다. 이더리움(ETH)은 1.01% 하락한 [&#8230;]]]></description>


    이렇게 rss 에서 본문요약 자체 소스에 위와 같이 태그를 직접 넣어서 발행되는 상황입니다.


    가져오는 rss 메타 자체가 이미지+본문을 하나의 단락으로 그리고 이미지에 좌측정렬로 해서 강제하고 있습니다.


    사용하시는 rss 모듈은 이러한 것을 가져와서 이미지,텍스트 등을 분리 검출해서 별도로 디자인 한 형태로 게시글로 넣어주는 방식이 아니라 아마도 모듈을 상당부분 개조하지 않으면 힘들 것 같습니다.

    가져오는 rss 에서 주는 대로 그대로 게시글에 넣는 방식이네요.
  • profile profile
    더 쉽게 설명드리면,

    유료모듈 과 같은 경우 rss에서 가져온 정보를 기반으로
    이미지는 새로 업로드를 하거나 혹은 그렇지 않더라도 별도의 디자인이나 형식의 게시글 형태로 재구성해서 본문을 만들어주는 데 지금 사용하시는 기본적인 rss모듈은 그러한 것이 전혀 없습니다.

    따라서 rss를 발행하는 측의 소스가 그대로 적용된다고 보시면 됩니다.
  • profile profile
    고마우신 답변 감사합니다
    웹지기님

    유료Rss는 사용할 상황은 아니라 ㅜ 그냥 써야겠네요!

    즐거운 주말 보내세요!
  • profile profile
    뭐 코드를 조금 고치실 수 있는 분들은 저기서 가져온 정보에서 img 태그에서 속성제거하고 P태그를 감싸는 정도는 고칠수 있을 것 같습니다. 물론 저는 개발자가 아니라...
  • profile profile
    네 저도 실력이 안되서 ㅜ
    일단은 그냥 버텨야겠네요 감사합니다^^
  • profile profile
    저도 rss board 모듈을 쓰고 있는데, 저는 이미지는 안불러와지던데.. 어떻게 해야되나요?
    그리고 혹시 유료모듈 소개해주실수 있을까요?