Advanced Custom Fields Proを用いたGutenbergのブロック開発 - Qiita
Gutenbergが嫌われている件について WordPress5.0にてGutenbergが搭載されてから早4年が経ちました。 今ではGutenbergをフル活用した「フルサイトエディター (FSE)」なるものが実装されつつあり、もはやWordPressを使用する人にとって、Gutenbergの理解は必須です。 しかし、、、世の中はGutenbergが嫌いな人が多い印象を抱きます Gutenberg内の機能開発が活発であり、運用の工数がかかる クラス名が勝手に割り振られてしまい、CSSでの制御が難しい アップデートによりブロックの見た目が崩れることがある Classic Editorよりも、投稿画面のカスタマイズがしにくい カスタムフィールドを設置しても、場所が見にくい（ページ下部とサイドバーにしか出せない）ので編集しにくい などが主に嫌われる理由だと思います。 ※余談ですが、フルサイトエ
WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法
2022年12月24日 JavaScript, React, Wordpress 最近はReactをベースにしたフレームワーク、Next.jsをいじっております。今回はWordPressに登録した投稿をNext.jsで表示させてみようと思います！ ↑私が10年以上利用している会計ソフト！ ヘッドレスCMSとは？ ヘッドレスCMSはコンテンツの管理のみをするCMS（＝Content Management System）のこと。例えばWordPressではコンテンツの作成から表示までを行えますが、ヘッドレスCMSではコンテンツの表示は別の方法で行います。ここではNext.jsを使ってみます。 ヘッドレスCMSを使うメリット 表示部分を別途用意することになんのメリットがあるのでしょうか？ざっくりと以下の3点が挙げられるかなと思います： 表示速度の改善 セキュリティの向上 管理しやすい 通常のWo
WordPressのカスタムフィールドを利用して、過去記事の公開日時を自動で変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 今回はWordPressで既に公開されている記事の、公開日時を変更する方法をご紹介します。 過去の日時に変更するのであれば、該当する記事に設定されている公開日時を編集するだけです。しかし、未来の指定日時に公開したいとなると、どのようにすればいいでしょうか。 ※いずれにしても注意しなければいけないのは、記事詳細のパーマリンク設定に年月を含んでしまっている場合です。その場合は、公開日時を変更するとURLも変更されてしまう可能性があるからです。 公開済みの記事の日付を未来に変更する場合 既に公開している記事の公開日時を未来に変更すると、どうなるのでしょうか。 残念ながら、日時を変更した瞬間に非表示状態になり、サイト上から一旦削除されてしまいます。 その後、通常の予約投稿のように、指定した日時になれば再びサイト上に表示されますが、これはあまり好ましい動作とは
gulp.jsとBrowser Syncで快適なWordPress開発環境を手に入れる
Browser Sync のインストール まず、BrowserSyncをダウンロードします。BrowserSync をダウンロードにはnpmコマンドを使用します。npmコマンドを使用するための設定については、はじめての gulp.js！Mac で CSS ファイル、JavaScript の圧縮を行おう gulp-css-sass-268を参考にしてください。 BrowserSync の動作確認 BrowserSync のインストールが完了したら動作確認しましょう。BrowserSync を起動するためには、以下のコマンドを実行します。これで、cssディレクトリ配下に保存されている CSS ファイルが変更される都度、ブラウザがリロードされます。
8181801威尼斯(百度Vip认证)官方网站
系统提示 抱歉 可能是由下列问题导致的： 您访问的页面未找到， 5秒后自动跳转到8181801威尼斯
WordPress SEO by YoastプラグインでSEO対策しよう〜API編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、段田です！ 前回、「WordPress SEO by Yoastプラグインの基本機能」を紹介しました。 今回はカスタマイズする際に便利なAPIの紹介をしたいと思います。ます！ WordPress SEO by YoastプラグインのAPIについて WordPress SEO by YoastプラグインのAPIは、WordPressのフィルターフックを利用しています。 そもそもフィルターフックとは？と思った方は、エンジニアひろゆきが以前「WordPressカスタマイズの幅が劇的に広がる、フィルターフックとアクションフックの使い方」を書いているので、こちらを確認しましょう。 主要なフィルターフックとアクションフックは、公式サイトに記載があります。 公式サイト：WordPress SEO API Docs WordPress plugin • Yoast https://yoast.
「DISQUS」で高機能コメント欄にレベルアップ！wordopress導入編
「DISQUS」というサービスをご存知でしょうか？ wordpressデザインを学ぶための超有名ブログ「ＷＥＢクリエイターボックス」様を筆頭に、レベルの高そうなwordpressブログのコメント欄でよく見かけるサービスです。 これだけ多くのトップブロガー達が採用するには意味があるのだろう。と思い、正直まだ理解していない機能もあるのですが、当サイトでもコメント欄を「DISQUS」に変更する事にしました。 先に完成イメージからご覧ください。「DISQUS」を導入することにより、このように変わりました。 「DISQUS」はココが凄い！ 私が把握している限りですが、「DISQUS」について簡単に説明しておきます。 「DISQUS」というサービスはwordpressのコメント欄を進化させるとことができるのですが、単なるコメント機能！という訳では無いようです。「DISQUS」の基本的な理念として【コメ
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ | [Mu]ムジログ
WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ 今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。 そんな話をしていて「今日はこれからレスポンシブWebデザイン勉強するわ」と夕方宣言して、勢いでこのブログのリニューアルをしました。勉強からAdsense対応まで実質3，4時間ぐらいでやっつけで終わらせてIEにまだ対応していないのはここだけの話です（笑）。 まずはレスポンシブWebデザインについておさらい なにはともあれ、なんとなく知ったつもりになっていることでも一応網羅的に一通りどんなものだったか復習したく参考サイトを見てました。
【WordPressにgoogle+の投稿を表示するプラグイン】 画像やコメント数の表示もばっちりできます｜今村だけがよくわかるブログ
google+の話を。つい最近では、google+でも企業ページとして作成することが可能になりました。今後、情報発信の基点をgoogle+にされる方も少なくはないでしょう。と、言うわけで今日はWordPressとgoogle+との連携方法をご紹介します。 「Google+Blog」プラグインのダウンロード＆インストール配布サイトはこちらです。 http://www.minimali.se/google+blog/ 有償版（作成者名なし）無償版（作成者名あり）どちらかを選択してダウンロードしましょう。私は、無償版をダウンロードしました。 導入方法は、 ダウンロードしたファイルを解凍FTPソフトなどで、wordpressの「plugin」フォルダ内にアップロードwordpressの管理画面から「プラグイン」を選択該当するプラグインを「有効化」する以上です。毎度の流れですね。 設定画面こんな感じ
Dropboxに保管している画像からアップロード出来る様にするWordPressプラグイン・Dropbox Photo Sideloader
人気のストレージサービス・Dropbox に保管している画像の中からアップ ロードできるようにするWordPressの プラグイン・Dropbox Photo Sideloader のご紹介。Dropboxユーザーさんに とってはちょっと便利かもですね。 Dropboxに入れてる画像を記事等に投稿できるようにする、というWordPressのプラグインです。 Dropboxから画像をアップロードできるようにできるプラグイン。有効化すると画像アップロードのタブにDropboxから選択する項目が追加されます。 Dropboxでアプリ登録する必要が有ります。以下手順。 プラグインを有効化して画像アップロード画面を出す 管理画面でプラグインを有効化したら画像アップロード画面を出してください。Dropboxの項目が追加されているはずです。 選択すると、上記画像の画面になります。Dropboxでアプリ登
WordPressのカスタムフィールドでショートコードを使う
日曜日なので軽い話題。WordPress のカスタムフィールド内でショート コードを利用する方法です。あまり 使う事も無いかもしれませんが、 ショートコードを多用する方には 利用価値がありそうです。 使えたらいいなぁ、というシーンはたまにあるので覚えておいて損は無いと思います。 通常のカスタムフィールドの場合<?php echo get_post_meta($post->ID, 'foo', true); ?>おさらい。普通にカスタムフィールドを使う場合は上記のようなコードを使います。fooという名前で登録したカスタムフィールドに入れた値が、このコードで出力できます。 ですが、このままここにショートコードを入れてもそのショートコードの文字列が出力されるだけです。 apply filtersを使うカスタムフィールドでショートコードを使うには以下のようなコードをテーマファイルに挿入します。 <
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする - かちびと.net
こういうやつ。記事の投稿で [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: 2
WordPressとDropBoxを連携するプラグイン集9つ:phpspot開発日誌
9 Dropbox Plugins for WordPress WordPressとDropBoxを連携するプラグイン集9つ dropboxをCDNにして転送量を下げたり、エントリの画像アップに使ったり、バックアップに使ったりと色々と便利なプラグインがあるみたいです。 ブログエントリはある意味で資産なので、こうした形でお手軽にバックアップできるのは嬉しい限り。 APIを公開することでこうしたツールがどんどん生まれていくので、サービス提供する側としてはAPIはやっぱりあったほうがいいなぁという印象です Dropbox CDN DropboxをCDNとして使うことができるテーマ。CSSやJSをDropboxのCDNに任せることができるので、転送量低減に役立ちます。 Dropbox自体がAmazonのS3らしいので信頼性も問題なさそうです PressBox Dropboxにアップロードした画像を
WordPress+共有SSLでFacebookページにコンテンツを表示する
「Facebookアプリ「HTTPS+OAuth2.0」の利用を義務付けへ」でお知らせしたとおり、FacebookのIFrameタブはセキュアな接続のみとなる予定です。IFrameタブのコンテンツを制作する場合、この条件は避けて通れなくなります。 このエントリーではそれにさきがけて、WordPress+共有SSLでFacebookページのIFrameタブにコンテンツを表示する実験を行ってみました。WordPressで通常のサイト（http）を運営しつつ、同時にFacebookページをWordPressを使って管理するケースを想定しています。 実験環境は次のとおりです。 独自ドメイン（Value Domain取得） さくらインターネット・マネージドサーバ＋共有SSL ※スタンダードプラン以上であれば共有SSL利用可能 WordPress 3.1 １．さくらインターネットに独自ドメインを設定す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドレログ | フリーランスクリエイターのドレッドの雑記ブログです。
Youtube動画にマウスホバーでSNSへのシェアボタンを表示させる
投稿一覧 | あおぞら法務ネット
WordPressで記事内に書かれたTwitterアカウント名を、@Anywhereを使わずに自動リンク化する
Twitter, Facebook, Google+1などソーシャルメディアを活用するWordPressのプラグイン
「いいね！」するとコンテンツを見る事が出来るファンゲート対応のFacebookページをWordPressで作る手順 - かちびと.net
