Advanced Custom Fields Proを用いたGutenbergのブロック開発 - Qiita
Gutenbergが嫌われている件について WordPress5.0にてGutenbergが搭載されてから早4年が経ちました。 今ではGutenbergをフル活用した「フルサイトエディター (FSE)」なるものが実装されつつあり、もはやWordPressを使用する人にとって、Gutenbergの理解は必須です。 しかし、、、世の中はGutenbergが嫌いな人が多い印象を抱きます Gutenberg内の機能開発が活発であり、運用の工数がかかる クラス名が勝手に割り振られてしまい、CSSでの制御が難しい アップデートによりブロックの見た目が崩れることがある Classic Editorよりも、投稿画面のカスタマイズがしにくい カスタムフィールドを設置しても、場所が見にくい（ページ下部とサイドバーにしか出せない）ので編集しにくい などが主に嫌われる理由だと思います。 ※余談ですが、フルサイトエ
WordPressのカスタムフィールドを利用して、過去記事の公開日時を自動で変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 今回はWordPressで既に公開されている記事の、公開日時を変更する方法をご紹介します。 過去の日時に変更するのであれば、該当する記事に設定されている公開日時を編集するだけです。しかし、未来の指定日時に公開したいとなると、どのようにすればいいでしょうか。 ※いずれにしても注意しなければいけないのは、記事詳細のパーマリンク設定に年月を含んでしまっている場合です。その場合は、公開日時を変更するとURLも変更されてしまう可能性があるからです。 公開済みの記事の日付を未来に変更する場合 既に公開している記事の公開日時を未来に変更すると、どうなるのでしょうか。 残念ながら、日時を変更した瞬間に非表示状態になり、サイト上から一旦削除されてしまいます。 その後、通常の予約投稿のように、指定した日時になれば再びサイト上に表示されますが、これはあまり好ましい動作とは
WordPressのカスタムフィールドでショートコードを使う
日曜日なので軽い話題。WordPress のカスタムフィールド内でショート コードを利用する方法です。あまり 使う事も無いかもしれませんが、 ショートコードを多用する方には 利用価値がありそうです。 使えたらいいなぁ、というシーンはたまにあるので覚えておいて損は無いと思います。 通常のカスタムフィールドの場合<?php echo get_post_meta($post->ID, 'foo', true); ?>おさらい。普通にカスタムフィールドを使う場合は上記のようなコードを使います。fooという名前で登録したカスタムフィールドに入れた値が、このコードで出力できます。 ですが、このままここにショートコードを入れてもそのショートコードの文字列が出力されるだけです。 apply filtersを使うカスタムフィールドでショートコードを使うには以下のようなコードをテーマファイルに挿入します。 <
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする
こういうやつ。記事の投稿で [gallery] って書くだけでその記事内にアップロードした画像がグリッドで並べられます。ただ、このままだと別のページに持っていかれて、ユーザーとしては見る気になりません。 Sampleこの記事で実装しました。以下、サンプルです。 エフェクトもない手抜きなものですがｗまぁただのチュートリアル用なのでご了承下さい。 以下、手順です。 吐き出されるHTMLを見てみるショートコードを使うと以下のようなコードが吐き出されます。 <style type='text/css'> #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2px
ブログ記事にFacebook関連の機能を追加
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 当ブログの個々のブログ記事に、Facebookの「いいね!」「送信」ボタンの機能を追加しました。 個々のブログ記事の本文の後の「Facebook連携」という部分に、これらのボタンがあります。 ぜひご利用ください。 「いいね!」と「送信」のボタンは、Facebookの「Like Button」のSocial Pluginsで追加することができます。 Movable Typeのブログ記事に、これらのボタンを追加する手順は、以下の通りです。 1.Like Buttonのページで、ボタンのデザインを設定します。「U
ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る
Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。 普段、TwitterではURLとともに感想が書いてあることが多く、フィードバックのツールとしてTwitterを利用しているWebサイトも少なく有りません。このフィードバックをもっと簡易的にしてみよう、というのが今日の内容です。 サンプルは記事の下のほうにあります。 jQueryを使います。僕は基本的にWordPressを使う人なのでWPにあわせたコードです。便宜変更してください。 $(function(){ var url = "<?php the_permalink() ?>"; var post_title = "<?php the_title(); ?>"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Youtube動画にマウスホバーでSNSへのシェアボタンを表示させる
WordPressで記事内に書かれたTwitterアカウント名を、@Anywhereを使わずに自動リンク化する
「いいね！」するとコンテンツを見る事が出来るファンゲート対応のFacebookページをWordPressで作る手順