Как добавить удивительный шрифт в пользовательский фрагмент слова - PullRequest
Новая
       4

Как добавить удивительный шрифт в пользовательский фрагмент слова

0 голосов
/ 12 апреля 2020

Я пытаюсь добавить потрясающее изображение шрифта в мой пользовательский фрагмент в WordPress.

Я хочу добавить денежный мешок перед моим фрагментом зарплаты менеджера вакансий WP.

Шрифт, отличное изображение, ссылка ниже; 

<i class="far fa-money-bill-alt"></i>

Пользовательский код можно увидеть ниже; 

add_action( 'single_job_listing_meta_end', 'display_job_salary_data' );

function display_job_salary_data() {
  global $post;

  $salary = get_post_meta( $post->ID, '_job_salary', true );

  if ( $salary ) {
    echo '<li>' . __( 'Salary:' ) . ' $' . esc_html( $salary ) . '</li>';
  }
}

Я включил фотографию ниже текущей страницы;

enter image description here

Надеюсь, кто-то там может мне помочь.

1 Ответ

0 голосов
/ 12 апреля 2020

Вы можете добавить свою разметку следующим образом: 

echo '<li><i class="far fa-money-bill-alt"></i>' . __( 'Salary:' ) . ' $' . esc_html( $salary ) . '</li>';

В качестве альтернативы, вы можете нацелиться на это li и добавить свой значок, используя псевдоэлемент ::before. 

echo '<li id="salary">' . __( 'Salary:' ) . ' $' . esc_html( $salary ) . '</li>';

#salary::before {
  content: '\f3d1'; /* the fa-money-bill-alt icon */
  font-family: 'Font Awesome 5 Free';
}

Если вы хотите узнать, как загрузить Font Awesome, отметьте wp_enqueue_scripts и wp_enqueue_style().

...