add_shortcode('recommend', 'recommend_table');
function recommend_table($atts=array()){
global $wpdb;
$results = $wpdb->get_results("SELECT *FROM recommend");
// $wpdb->get_results()를 사용하면 DB에서 여러줄 데이터를 가져올 수 있습니다.
?>
<table >
<style type = "text/css">
table {
border-top: 1px solid #dddddd !important;
}
th {
text-align: center !important;
color: green !important;
border-right: 1px solid #ccc !important;
border-bottom: 1px solid #ccc !important;
}
td {
text-align: center !important;
border-right: 1px solid #ccc !important;
border-bottom: 1px solid #ccc !important;
}
</style>
<tr>
<th>종목명</th>
<th>매수일</th>
<th>매수가</th>
<th>목표가</th>
<th>손절가</th>
<th>최종보유일</th>
</tr>
이런식으로 php 코드를 작성해서 밑에 물론 더 있지만 테이블을 숏코드로 디비 테마에 띄었습니다.
그런데 css가 적용이 되지않는데 어떻게 해야할까요?
안녕하세요~^^
테마 쪽에서도 별도의 CSS 코드를 적용하고 있다면
추가하신 CSS 코드가 정상적으로 적용되지 않을 수도 있습니다.
만약, 테마 쪽에서도 테이블 관련 CSS 코드를 추가하고 있다면
CSS 선택자를 활용하셔서 코드를 적용해보시겠어요?
구글에 CSS 선택자 키워드로 검색해보시면 참고해보실 만한 자료가 많이 있습니다.
CSS 코드는
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해보시겠어요?
고맙습니다.