這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Advanced Custom Fields: Typography Field

描述

Typography field type for “Advanced Custom Fields” plugin that lets you add different text properties e.g. Font Size, Font Family, Font Color etc.

Supported Subfields

  • Font Size
  • Font Family
  • Font Weight
  • Font Style
  • Font Variant
  • Font Stretch
  • Line Height
  • Letter Spacing
  • Text Align
  • Text Color
  • Text Decoration
  • Text Transform

Other Features

  • Supports Google Fonts. The selected Google Fonts are automatically enqueued on front-end of posts/pages. Google Fonts also work with ACF Options.
  • Supports Gutenberg Blocks created with ACF.
  • Option to show/hide each subfield individually
  • Option to make each subfield required individually
  • Color Picker for Text Color subfield

Documentation

// Returns the value of a specific property
get_typography_field( $selector, $property, [$post_id], [$format_value] );

// Displays the value of a specific property
the_typography_field( $selector, $property, [$post_id], [$format_value] );

// Returns the value of a specific property from a sub field.
get_typography_sub_field( $selector, $property, [$format_value] );

// Displays the value of a specific property from a sub field.
the_typography_sub_field( $selector, $property, [$format_value] );

Shortcode

[acf_typography field="field-name" property="font_size" post_id="123" format_value="1"]

Github repository

@mujahidi/acf-typography

Compatibility

This ACF field type is compatible with:
* Free and paid versions of the ACF plugin

螢幕截圖

  • Typography Field Settings

  • Typography Field Content Editing

  • Google Key Field required for Google Fonts

安裝

  1. Copy the acf-typography-field folder into your wp-content/plugins folder
  2. Activate the Typography plugin via the plugins admin page
  3. Google API Key is required for Google Fonts. Please add one by going to WordPress Admin Dashboard > Settings > ACF Typography Settings
  4. Create a new field via ACF and select the Typography type
  5. Please refer to the description for more info regarding the field type settings

常見問題

Q. Is it compatible with ACF Pro?

A. Yes. This plugin is compatiable with both free and paid ACF plugins.

Q. Does it support Google Fonts?

A. Version 3.0.0 and greater supports Google Fonts

Q. Why I do not see Google Fonts in the Font Family drop down?

A. Google API Key is required for Google Fonts. Please add one by going to WordPress Admin Dashboard > Settings > ACF Typography Settings

Q. Does it enqueue selected Google Fonts?

A. Yes. This plugin automatically enqueues user selected Google Fonts to front-end of posts/pages.

Q. Does it support Gutenberg Blocks?

A. Yes. This plugin does support Gutenberg Blocks created with ACF.

Q. How can I contribute?

A. Join in on Github repository @mujahidi/acf-typography

評價

2024年5月23日
Great but font-weight changes are not taken into account in google fonts call…
2023年2月7日
Works very well. However, on the Font API settings page, you could add some instruction to get the key.
2022年8月3日
Had a specific requirement to select a custom font on a single page template, and this plugged into the existing ACF interface on the page. Worked well. Probably ought to be a standard ACF field.
閱讀全部5個評價

貢獻者及開發者

“Advanced Custom Fields: Typography Field” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

修改日誌

3.2.3

  • Added new font-weight values

3.2.2

  • Fixed google fonts url too long issue

3.2.1

  • Fixed typo and bugs

3.2.0

  • [NEW] Added ‘initial’ and ‘inherit’ values for ‘font-family’ property.
  • [NEW] Added support for ACF Blocks.
  • [BUG] Fixed a PHP notice when any post does not have ACF Typography fields setup.

3.1.0

  • [NEW] Google Fonts support for ACF Options
  • [BUG] Different font weights were not enqueued when used in a repeater field

3.0.0

  • [NEW] Introduces functions and shortcode
  • [NEW] Hides nonselected properties in fieldgroup edit page
  • [NEW] Supports Google Fonts
  • [NEW] Enqueue google fonts CSS on page/post

2.2.0

  • [NEW] Font Stretch subfield

2.1.0

  • [NEW] Font Variant subfield

2.0.0

  • [NEW] Now supports ACF 5 (Pro version)

1.1.1

  • Fixed a bug

1.1.0

  • [NEW] Text Transform subfield

1.0.0

  • Initial Release.