Code Function tạo bảng Lãi suất ngân hàng thông qua API CafeF

Bài viết này sẽ là cẩm nang cho bạn về cách tạo bảng lãi suất ngân hàng tự động cập nhật qua API. Chúng tôi sẽ chi tiết từng bước thực hiện, từ khởi đầu đến kết thúc. Bạn sẽ học cách chèn một function vào bài viết, giúp hiển thị dữ liệu lãi suất mới nhất một cách chính xác.

Code Function:

/** Lãi suất ngân hàng thông qua API CafeF **/
function fetch_and_display_bank_interest_rates() {
$api_url = 'https://s.cafef.vn/ajax/ajaxlaisuatnganhang.ashx';
$response = wp_remote_get($api_url);
if (is_wp_error($response)) {
return 'Không thể lấy dữ liệu lãi suất ngân hàng: ' . $response->get_error_message();
}
$data = json_decode(wp_remote_retrieve_body($response), true);
if (!isset($data['Data'])) {
return 'Không có dữ liệu lãi suất ngân hàng.';
}
$output = '<div class="container-table-savings-term"><table><thead><tr><th>Ngân hàng</th><th>Không kỳ hạn</th><th>1 Tháng</th><th>3 Tháng</th><th>6 Tháng</th><th>9 Tháng</th><th>12 Tháng</th><th>18 Tháng</th><th>24 Tháng</th></tr></thead><tbody>';
foreach ($data['Data'] as $bank) {
$output .= '<tr>';
$output .= '<td><img src="' . esc_url($bank['icon']) . '" alt="' . esc_attr($bank['name']) . '"><span>' . esc_html($bank['name']) . '</span></td>';
foreach ($bank['interestRates'] as $rate) {
$value = is_null($rate['value']) ? '--' : esc_html($rate['value']) . ' %';
$output .= '<td>' . $value . '</td>';
}
$output .= '</tr>';
}
$output .= '</tbody></table></div>';
return $output;
}
function bank_interest_rates_shortcode() {
return fetch_and_display_bank_interest_rates();
}
add_shortcode('lai_suat_ngan_hang', 'bank_interest_rates_shortcode');

Một chút css cho nó:

.container-table-savings-term tr td:nth-child(n+10) {
display: none;
}
.container-table-savings-term img {
width: 16px;
margin-right: 10px;
}
.container-table-savings-term thead tr {
position: sticky;
top: -1px;
background: #281c1c !important;
color: #fff!important;
z-index: 999;
}
.container-table-savings-term {
width: 100%!important;
max-height: 400px!important;
overflow-y: scroll;
}

Cuối cùng là chèn shortcode vào bất cứ chỗ nào cần hiển thị:

[lai_suat_ngan_hang]