Advanced Custom Fields Proを用いたGutenbergのブロック開発 - Qiita
Gutenbergが嫌われている件について WordPress5.0にてGutenbergが搭載されてから早4年が経ちました。 今ではGutenbergをフル活用した「フルサイトエディター (FSE)」なるものが実装されつつあり、もはやWordPressを使用する人にとって、Gutenbergの理解は必須です。 しかし、、、世の中はGutenbergが嫌いな人が多い印象を抱きます Gutenberg内の機能開発が活発であり、運用の工数がかかる クラス名が勝手に割り振られてしまい、CSSでの制御が難しい アップデートによりブロックの見た目が崩れることがある Classic Editorよりも、投稿画面のカスタマイズがしにくい カスタムフィールドを設置しても、場所が見にくい（ページ下部とサイドバーにしか出せない）ので編集しにくい などが主に嫌われる理由だと思います。 ※余談ですが、フルサイトエ
WordPressのブロックエディタのチューニング - シナプス技術者ブログ
システム開発課の今門です。 前回はWordPressの新しいエディタ、ブロックエディタとはどんなものなのかを紹介しました。 今回はブロックエディタのチューニングについて話します。 現在、WordPressのコア開発の中心はブロックエディタになっています。アップデートがあるたびに、ブロックエディタの新しい機能が追加され、ブロックの数も増えています。 高機能・多機能になるのはもちろん喜ばしいことですが、管理画面のUIも複雑になり、一部の機能しか使わないような場合には、操作性はすこぶる悪くなってしまいます。必要なもののみを取り入れ、不必要なものを表示しないようにチューニングすることで、操作性は格段に向上します。 そのためのTipsをいくつかご紹介します。 [Tips 1] 特定の投稿タイプのみ、ブロックエディタを有効にする [Tips 2] 必要なブロックのみを表示する [Tips 3] ブロッ
WordPress 権限別に管理画面をカスタマイズする方法 - by Takumi Hirashima
WordPress 権限別に管理画面をカスタマイズする方法を紹介します。 例えば、寄稿者権限ユーザーに特定の項目だけを触らせたいときに便利な方法です。 権限別にサイドバーメニューをカスタマイズする方法 寄稿者権限の場合にサイドバーメニューをカスタマイズする方法 寄稿者権限の場合にサイドバーメニューをカスタマイズ 寄稿者権限でも画像をアップロード可能にする 他のユーザーがアップロードした画像を非表示 寄稿者権限でログイン時のみ専用のCSSを読み込む 権限別にサイドバーメニューをカスタマイズする方法 権限別にサイドバーメニューをカスタマイズする方法を紹介します。 次のコードをテーマファイル内の function.php に追加します。 /*【管理画面】権限別にサイドバーメニューの表示をカスタマイズ */ function remove_menus () { if (current_user_c
【WordPress】カスタムタクソノミーを親なしのチェックボックスで追加する | バシャログ。
こんにちはfujiharaです。自宅のwifi環境に中継機を導入したら ネットワーク環境が劇的に変化してマジすげぇと感動しています。 今回はカスタムタクソノミーを追加したときに、管理画面で親なし・チェックボックスにする 方法をご紹介します。 方法 カスタムタクソノミーを通常追加するときには以下のコードで 実現すると思います。(詳細オプションは省いて、無名関数で実装しています) add_action( 'init', function () { register_taxonomy( 'bashalog', 'post', [ 'label' => 'バシャログ', ] ); } ); 上記で追加されると以下のようになります。テキストフィールドで追加していく方法 まずはこれをチェックボックスにします。meta_box_cb に post_categories_meta_boxを指定 add_a
WordPress でユーザー別に管理画面の項目を非表示にする方法 - by Takumi Hirashima
WordPress でユーザー別に管理画面サイドバーメニューの項目を非表示にする方法を紹介します。 例えば、納品時にユーザー別に表示項目を分けたい時に便利な方法です。 ユーザー別にサイドバーメニューの項目を非表示にする方法 複数のユーザーでサイドバーメニューの項目を非表示にする方法 ユーザー別にサイドバーメニューの項目を非表示にする方法 例えば、特定のユーザー（ID:3）が管理画面へアクセスした時。 メディアや固定ページのサイドバーメニューを非表示にしたい場合は、次のコードを function.php に追加します。 /*【管理画面】ユーザー別にサイドバーメニューの表示をカスタマイズする */ function remove_menus_user(){ global $current_user; wp_get_current_user(); if ($current_user->ID ==
WordPressのテーマカスタマイザーでラジオボタンを使う方法
今の状態で「外観」→「カスタマイズ」を開いて頂くと、「レイアウト」という項目が追加されているのが分かると思います。 「レイアウト」という項目を選んでも、今は中身はない状態です。 それでは、これからその中身を追加していきたいと思います。 サニタイズ関数を設定する 「レイアウト」項目に中身を作っていく下準備として、まずはラジオボタンを使うためのサニタイズ関数を設定します。 サニタイズとは？ サニタイズとは入力された値を無害化することで、たとえばテーマカスタマイザーのテキスト入力欄にhtmlやPHPのソースを入力された場合に、それらの文字列をそのままWordPressテーマに反映してしまうと表示が崩れたり、予期せぬ事故が起きてしまいます。 テーマカスタマイザーを使用する人が悪意を持ってそういったソースを入力することはないとは思いますが、それでもミスなどによってウェブサイトに悪影響を及ぼす内容を入
WP テーマカスタマイザー入門① – シンプルなチェックボックスを作る – ミルログ
最近人気の WordPress テーマでは豊富なカスタマイザー項目が設置してあるものが多いかと思います。ただ、カスタマイザーに関する日本語の情報が思ったよりなかったので、Coldbox テーマを作った時の知識を基にカスタマイザーの設定方法をまとめてみようかと思います。 カスタマイザーファイルの設置場所 これは決まりがあるわけではないんですが、カスタマイザー系のファイルは一つのフォルダにまとめて書いてあることが多いです。私は普段 czr/ というフォルダを作ってその中で管理しています。 また、ほかのテーマを見ていると、customizer-setting.php, customizer-section.php, customizer-control.php のように用途別のファイルにしているものも多いようです。 もちろん functions.php に書くことも出来ますが、あまりに複雑化しす
WordPressのテーマカスタマイザーに独自の項目を追加する方法
WordPressのテーマカスタマイザーに独自の項目を追加する方法をご紹介いたします。 テーマカスタマイザーで以下のようなことを実現する方法を解説しています。 チェックボックスの有無で出力を制御 カラーピッカーでメインカラーを変更 入力したテキストをテーマ内に出力 選択した画像をテーマ内に出力 出力の有無を選択するチェックボックスを追加 テーマ内にコンテンツを表示するかどうか、テーマカスタマイザー内で選択できるようにする方法を解説します。 テーマカスタマイザーに独自項目を追加するには、「セクション」「セッティング」「コントロール」を設定してあげる必要があります。functions.phpに以下のようなコードを追加することで、独自の項目を追加します。 function customize_register_onoff( $wp_customize ) { $wp_customize->add
WordPressの投稿画面で入れ子になったカテゴリ選択ボックスの階層を保つ方法 | それからデザイン スタッフブログ
WordPressで記事を投稿するとき、入れ子になったカテゴリにチェックをして保存をすると、 選択されているカテゴリが一番上に表示され、カテゴリ選択ボックスの階層が崩れて表示されてしまいます。 この現象に違和感を感じてる方もおられるのではないでしょうか？ 例えば、下のような入れ子になったカテゴリ構造だとして 中間的な親カテゴリ「海外」にチェックを入れて記事を保存すると・・・ 選択したカテゴリーが一番上に表示されカテゴリ階層が崩れてしまいます・・・ WordPressをCMSとして利用している者としては、やはりカテゴリは隣接するカテゴリが常に同じカテゴリでないと操作に迷ってしまったり、視覚的にメニュー位置でカテゴリ全体の構造を把握したほうが操作しやすいのではないでしょうか？ そこで、入れ子になったカテゴリにチェックをして保存をしても、カテゴリ選択ボックスのカテゴリ階層を保つ方法をご紹介したい
WordPressのファイルアップロードでファイル名をリネームする方法
WordPressのファイルアップロードでファイル名をリネームする方法を紹介します。 １．問題点 WordPressのファイルをまとめてアップロードしたいのですが、ファイル名をアップロード時のタイムスタンプに統一したいと思ってます。 ということで、ファイルアップロードでファイル名をリネームする方法を紹介します。 参考までに、WordPressのアップロード先は、 wp-content/uploads/YYYY/MM です。 ２．ファイルアップロードでファイル名をリネームする ファイル名をリネームするには、function.phpに下記のコードを追加します。 function rename_file($filename) { $pathinfo = pathinfo($filename); return date("YmdHis") . "." . $pathinfo['extension'
【WordPress】ショートコードの書き方 - Qiita
markdown記法でもいいんだけど、ちょっとカスタマイズしたいとか、色々処理を施したいとか、そういうののためのショートコードの書き方です。 ほぼ自分用のメモなので雑な書き方ですみません。 ショートコードは[ ]で囲んで書きます。 [ショートコード名 属性名1=値1 属性名2=値2]みたいな書き方です。 また、[ショートコード名 属性名=値]文字列など[/ショートコード名]というふうにも書けます。
[WP]ショートコードAPI仕様メモ
wordpress2.5から実装されたショートコードについて。 ショートコードというのは、タグの簡易版みたいなものです。プラグインではよくお目にかかります。 2.5から本文中に［gallery］と入力すると、その記事でアップロードされた画像がサムネイルで一覧表示される機能がありますが、こういうのを自作できるわけです。 胡散臭いまとめは信用ならねぇ、という方は公式サイトの説明を見てください。 ※この記事は本家解説の完全翻訳はしてません 手っ取り早く作ってみる 下のソースをアクティブになってるテーマのfunction.phpにコピペする。 function bartag_func($atts) { extract(shortcode_atts(array( 'foo' => 'no foo', 'baz' => 'default baz', ), $atts)); return "foo =
![[WP]ショートコードAPI仕様メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
WordPressの固定ページや投稿の中でカスタムメニューを表示する方法
リニューアル案件の構築で親子関係をもつ固定ページがあったのですが、 グローバルナビに表示する程でもない・・・ メインである親ページに来たときに、サブページがあるのが分かればよい・・・ という内容だったので、 投稿内にカスタムメニューを表示しよう！！ ということになりました。 もちろん、 ・親子ページ全てに静的リンクを作る ・テンプレートファイルに分岐を作って表示させる 色々と方法はありますが、 管理画面から変更したい メニューの管理を簡単に 表示位置をある程度自由に というご要望もあり、今回はカスタムメニューを作りつつ、 投稿（固定ページ）内にカスタムメニューをショートコードで出力する方法を採用しました。 導入例例えば、ページ階層が ・（親）会社概要 (about) ・（子）役員紹介 (about/officer) ・（子）沿革 (about/history) ・（子）代表メッセージ (a
テーマカスタマイザーにパネルを追加し、綺麗に整理する方法 - Wordpressテーマ「Googlist」
Wordpress4.0以降追加されている機能なのですが、テーマカスタマイザーの項目「ウィジェット」のように、新しいパネルを開いて設定することができます。日本語のテーマカスタマイザーの参照ページでは見当たらないのですが、WordPress4.0以降追加されている機能なのですが、テーマカスタマイザーの項目「ウィジェット」のように、新しいパネルを開いて設定することができます。 日本語のテーマカスタマイザーの参照ページでは見当たらないのですが、Wordpressのアップデート情報やらフォーラムでは既に紹介されていますので、僕もカスタマイザーでの設定項目が増えて見難くなってきたので、この際パネルを追加して見やすく整理しようと思いました。 ええ、次のバージョンでは、テーマカスタマイザーの仕様を変更するつもりです。まぁ既存の設定項目に追加し、場所を整理するだけなんですけどね。 以下、パネル追加方法の紹
株式会社リアルマックス｜Real Max Co.,Ltd.
Real Max Co.,Ltd.株式会社リアルマックス 〒731-0101広島県広島市安佐南区八木1-7-12
WordPressのテキストエディタを便利にする「クイックタグ」とは？（カスタマイズ方法有） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 WordPressで記事を書くとき、あなたはビジュアルエディタを使いますか？ それともテキストエディタでしょうか？ 私はテキストエディタ派なのですが、タグを素早く簡単に挿入できる「クイックタグ」というものを使いながら記事を書いています。 今回はその「クイックタグ」についてと、そのカスタマイズ方法を紹介します。 クイックタグについて クイックタグとは、テキストエディタを利用するときに、入力エリアの上部にあるボタンをクリックすると、そのボタンに応じたタグが挿入されるという機能です。クイックタグを効果的に使うことで、テキストエディタでの記事作成をすばやく、また記事の投稿者が違う場合でも同じような記事構造にすることができます。 クイックタグに標準で設定されている主なタグ 標準で用意されているタグは、主に次のようなものがあります。 b 【挿入されるタグ】 <s
WordPressをもっと使いやすく！ダッシュボードカスタマイズ！ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
Windowsのイルカ並に消されてしまう不憫な子…（？） 脳内イメージはこんな感じです。 日本公式キャラクター「わぷー」 冗談はさて置き本題に入ります。 目次 オリジナルのCSSを追加 オリジナルのウィジェットを追加 「概要」にカスタム投稿を追加 「アクティビティ」にカスタム投稿を追加 ウィジェットの削除 ウィジェットのカラム数を変更 フッターのテキストを変更 オリジナルのCSSを追加 カスタマイズする上で重要ですよね。 ダッシュボードに限らず管理画面のカスタマイズで、最初の内は悩んだらとりあえずCSSで対応！という感じでいける部分もあると思います。 以下の例では記事中で紹介しているものを入れてます。多い場合は外部ファイルにまとめてしまっても良いですね。 function custom_dashboard_styles() { ?> <style> #dashboard-widgets-w
WordPressの管理画面にPDFマニュアルを埋め込んで、運営コストを削減しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ひろゆきです。 今日はWordPressマニュアルを管理画面に埋め込んだときの覚書です。もちろん、使い方次第ではこれを応用して色々なものを埋め込めると思います！ なぜマニュアルを埋め込むのか WordPressでサイトを構築する際に、利用者向けにマニュアルを作ることはよくありますね。特に利用者がWordPressを初めて使う場合や、複雑にカスタマイズされたWordPressを使ってもらう場合に役立ちます。 そんなマニュアルですが、バージョンが変わるごとにメールで送ったりしていると管理が煩雑になることがあると思います。 そこで、マニュアルを管理画面に埋め込んでしまえば、利用者はマニュアルの管理から開放され、制作者もサーバーにアップすれば良いだけとなり、一石二鳥というわけです。 マニュアルを管理画面に埋め込む手順 それでは早速、マニュアルを埋め込んでみましょう。 1. マニュアルを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テーマカスタマイザのラジオボタン項目で選んだ値が正しく出力されない
テーマカスタマイザーの編集方法 - ワードプレス ラボ
