WordPress アドバンスドカスタムフィールド 忘備

WordPressの事

アドバンスドカスタムフィールド ACF

最近仕事でWordpressを使いホームページ作成をしているので、それの忘備的に。

アドバンスドカスタムフィールドは使いやすく、特に、ある一定の条件の投稿記事を投稿するのに活躍する。

特にショップ等の見た目を同じ投稿にしたい人たちにおすすめ

外観 → テーマファイルエディタ → テーマを編集 で書くテーマのPHPファイルを編集

テキストのインサート ( ‘text1’ に任意のフィールド名を記入)

<?php
$text_field = get_field('text1'); ?>
<?php echo $text_field; ?>

写真のインサート ( ‘pic1’ に任意のフィールド名を記入)

<?php
$image = wp_get_attachment_image_src(get_field('pic1'), 'full');
?>
<img src="<?php echo $image[0]; ?>" 
alt="<?php echo get_the_title(get_field('img_test')) ?>" />

Youtubeの表示 ( ‘youtube’ に任意のフィールド名を記入)

<iframe frameborder="0" height="315" width="560"
data-src="https://www.youtube.com/embed/<?php the_field('youtube'); ?>"
class="ll-init ll-loadstarted ll-loaded"
allow="autoplay; encrypted-media" allowfullscreen
src="https://www.youtube.com/embed/<?php the_field('youtube'); ?>"></iframe>

22/6/7 追記 : リンクURLを指定して表示させる (‘pageurl’に指定したURL ‘text3’に任意の文字)

<a href="<?php $text_field = get_field('pageurl'); ?> <?php echo $text_field; ?>
" target="_blank" rel="noopener"><?php $text_field = get_field('text3'); ?> 
<?php echo $text_field; ?> </a>

 

今回は取り急ぎコードをPHPに挿入する際の忘備

次回以降、詳しくアドバンスドカスタムフィールドの使い方を。

記事内ソース表示

Highlighting code block

ちなみにWordPressの記事内にソースを表示させるプラグイン Highlighting code block を使っています。

highlighting code block

クラシックエディタの”ビジュアル”使用時に表示される

highlighting code block

“Code Block”を押すと任意のコードが出てくるので、表示させたいソースを選択し、”Code Block”から選ぶだけで

<?php
$text_field = get_field('text1'); ?>
<?php echo $text_field; ?>

↑この様に表示されるようになります。

 

ひとまず今回はココまで。。。

Wordpressカテゴリの最新記事