WordPress（Gutenberg）のカテゴリーやタグをラジオボタンに変更できるプラグインを紹介するよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
バックエンドエンジニアのハルです。 今回は、WordPressの新しい投稿エディタ「Gutenberg」カスタマイズの小ネタを。旧エディタでのカスタマイズ方法が使えなかったので、このプラグインが使いやすかったよの報告記事です。 タクソノミー（カテゴリー）は基本的に複数選択するものですが、たまにラジオボタンにしたいときがあります。 旧エディタの場合は直接jsでHTMLを変更してカスタマイズしてたりしてましたが、新しいエディタであるGutenbergからはその方法が使えず、簡単にできなくなってしまいました。 こうなったらプラグインを使ったほうが楽なので、いくつか試した結果、一番よさそうだと思ったプラグイン「Radio Buttons for Taxonomies」を使った方法をご紹介します。 サンプルのカスタム投稿とカスタムタクソノミーを用意する 練習用にカスタム投稿とカスタムタクソノミーを用
Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
デザインツールの革命と言っていいかも！サイズ指定を「%」でできるSketchのプラグイン -Fluid
普通のデザインツールだと、サイズ指定は「px」を使用している人がほとんどでしょう。固定値のデザインをするのであれば、ピクセルで何も困りませんが、レスポンシブの相対値のデザインに適しているとは言えません。 Sketchでサイズ指定を「%」でできるプラグインを紹介します。 キャンバス・グループ・兄弟要素に対して、相対的にサイズを指定できます。
WordPress Blog Tool and Publishing Platform
Meet WordPress The open source publishing platform of choice for millions of websites worldwide—from creators and small businesses to enterprises. Design Create any website with flexible design tools and the power of blocks. Start with a blank canvas or choose a theme. Customize every detail—no code needed. Build See how your site will look in real time, even as you add, edit, and rearrange conten
Excel2007以降のメニューを旧式に変更する方法
Excel2007以降のメニューを旧式に変更する方法を紹介します。 Excel2010のメニューを旧式に変更したところ １．はじめに Excelは2007以降（Excel2010/Excel013）、メニュー体系が大幅に変更されました。 2007以降ではタブメニューがこのように並んでいます。 タブをクリックすると、リボンと呼ばれる、ボタン・ギャラリー・ダイアログボックスなどのコンテンツが表示されます。 が、2003以前のExcelを使い慣れている方には、リボンは大きな障壁です。 ということで、2007以前の旧式メニューに変更する方法を紹介します。 ２．アドイン「Office 2007-2013 オールドスタイルメニュー」のインストール メニューを旧式に変更するには、「Office 2007-2013 オールドスタイルメニュー」というアドインを利用します。 Office 2007-2013
Chromeのデベロッパーツールが見やすくなる！デベロッパーツールのUIをダーク系に変更する方法
Readable テーマファイルの適用方法 テーマファイルを適用するには、Chromeの試験運用機能を使用します。 ※試験運用機能はサポート対象外のため、ご利用の際には十分ご注意ください。 テーマファイルをダウンロードします。 Chromeのアドレスバーに「chrome://flags/#enable-devtools-experiments」と入力し、試験運用機能にある「デベロッパー ツールのテストを有効にする」を有効化します。 Chromeを再起動。 デベロッパーツールを起動し、設定の「Experiments」タブを選択し、「Allow custom UI themes」をチェック。 これでデベロッパー ツールにテーマファイルが適用されます。 「Experiments」タブの「Allow custom UI themes」をチェック ※テーマ適用済みなので既に背景がブラックです。通常は
投稿記事をカスタム投稿に移動できるプラグイン「Convert Post Types」｜WordPressプラグイン
[+]スマホ・モバイル [+]パソコン・通信 [+]マネー [+]趣味・興味 [+]健康 [+]生活 [+]英語 [+]ビジネス [+]雑記・独り言 書評 [+]作成物 サイト記事のまとめ・リスト レイアウト トップページ シングルページ ウィジェット（サイドバー） グローバルナビ（メニュー） パーツ ヘッダー フッター 外観（設定） アイキャッチ カテゴリー・アーカイブ テンプレート作成 テーマ作り コード例 CSS ツール '; collapsItems['collapsCat-592:2'] = ''; collapsItems['collapsCat-87:2'] = ''; collapsItems['collapsCat-192:2'] = ''; collapsItems['collapsCat-28:2'] = ''; collapsItems['collapsCat-45
WordPressの不正ログインに効果あり！管理画面のログイン時のURL(wp-login.php)を簡単に変更できるプラグイン -Login rebuilder
WordPressの管理画面へのログイン時のURL(wp-login.php)を簡単に変更できる国産プラグインを紹介します。 管理画面に総当たり攻撃をされて困っている人は是非お試しください。 当ブログはこのプラグインを使用して解決しました、作者様に感謝！ Login rebuilder -Plugin Directory Login rebuilder公式ページ（日本語） Login rebuilderのインストール Login rebuilderの設定 Login rebuilderのインストール WordPress公式のPlugin Directoryから通常のプラグインと同様にインストールできます。 管理画面の「プラグイン」から「新規追加」を選択。 「プラグインの検索」に「Login rebuilder」を入力して検索。 「Login rebuilder」の「いますぐインストール」を
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法
Chrome拡張インストール後の格納先フォルダと拡張を修正する方法を紹介します。 １．はじめに これまでのChrome拡張の開発に関するエントリーでは新規開発の方法を紹介しましたが、Chromeの公式サイトからインストールした拡張を修正したいケースについて紹介します。 ２．Chrome拡張の格納先フォルダを探す まず、拡張一覧画面でインストールした拡張のIDを調べます。 「ツール」→「拡張機能」をクリック。 修正したい拡張のIDとバージョンを確認。「1」の部分がバージョンです。 次に、拡張本体のディレクトリを探します。 Windowsの場合、拡張は下記のフォルダにインストールされます。 C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Extensions\拡張ID\バージョン番号 今回の例では、 C:\Users\ユ
応答メッセージボックスを好きな位置に設置する | Contact Form 7 [日本語]
This page is also available in English. ブログの訪問者がコンタクトフォームで送信すると、その訪問者は「あなたのメッセージを送信しました」とか「入力内容に不備があります」といった Contact Form 7 からの応答メッセージを目にすることになります。これは時々ユーザーから指摘を受けることですが、この応答メッセージを表示する位置がよくないために、訪問者がたびたびこのメッセージを見落としてしまうのだそうです。 この応答メッセージはデフォルトではフォームの最下部に表示されます。この場所を、応答メッセージのためのプレースホルダー [response] を設置することで変更が可能です。この [response] タグをフォーム内の好きな位置に置いてください。複数設置することもできます。これで応答メッセージはフォーム送信後にこのプレースホルダーの位置に表示さ
![応答メッセージボックスを好きな位置に設置する | Contact Form 7 [日本語]](https://cdn-ak-scissors.b.st-hatena.com/image/square/446e1bccef6284edf6dbeb0a2daf13487fcbe5de/height=288;version=1;width=512/https%3A%2F%2Fcontactform7.com%2Fwp-content%2Fplugins%2Fcf7com-utils%2Fimages%2Ficon-128x128.png)
Movable Typeの管理画面のtitle要素を変更する「TitleChangerプラグイン」
Movable Typeの管理画面のtitle要素を変更する「TitleChangerプラグイン」を公開します。 １．機能 Movable Typeの管理画面のtitle要素のデフォルト表示では「Movable Type Pro」が表示されます。 本プラグインを利用することで、title要素に表示される「Movable Type Pro」を別の文字列に変更することができます。 ２．価格 3300円/1インストールMT（税込み）。購入前に必ずお試しください。 ３．プラグインのダウンロード・インストール 下記のリンクをクリックして、TitleChangerのプラグインアーカイブをダウンロードします。 TitleChanger_0_01.zip プラグインアーカイブを展開し、pluginsフォルダにあるTitleChangerフォルダをMovable Typeのアプリケーションディレクトリのpl
Custom Field Templateの使い方[WordPress]
カスタムフィールドの内容を設定 次にカスタムフィールドの内容を設定していきます。 『Custom Field Template』は「テンプレートコンテンツ」のフィールドにコードを入力することで フィールドの内容を設定することが出来ます。 コードの書き方は「デフォルトテンプレート」を参考にすると分かりやすいですが基本は下のような形式です。 [KoToRifield] type = text size = 35 label = テキストフィールドだよ 「[KoToRifield]」はファイル名です。ここは半角英数で入力してください！日本語だと出力するときにコケる可能性がありますので。 「type」でフィールドのタイプを指定できます。ラジオボタンとかチェックボックスとかテキストエリアとか。。。 「label」はフィールドに説明をつけることが出来ます！ 各タイプ色々オプションが用意されていますので
![Custom Field Templateの使い方[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/480459c6170b2d91ffab2dbf8f17f3135a7ab2e2/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb.gif)
【WordPress】「p」とか「br」の自動整形を無効に出来るプラグイン
プラグイン大好き、@dearwalker_yuyaです。 WordPressって自動で「p」や「br」を入れてくれるんですが親切が仇になることもあるんです。 以前紹介したこれで【閉じタグ】が無かったり【開きタグ】だけ変なとこにあったりと,おかしなエラーが出てました。 調べてみるとWordPressが自動で入れてれる「pタグ」が問題だったようです。 よし、原因はわかりました。対策しましょう！ WPプラグイン『PS Disable Auto Formatting』を入れる イメージ通りのプラグインに『PS Disable Auto Formatting』ってステキな奴があったのでこいつを入れます。 WordPressより『PS Disable Auto Formatting』でプラグイン検索で出てきます。 FTPなどでアップロードされる方はこちらからどうぞ。 ・PS Disable Auto
WordPressの管理画面のカラースキームを作成出来るプラグイン・Admin Color Schemer
WordPressの管理画面の配色は現在のWP3.8で何通りかに変更できるようになっています。このカラースキームの種類を自分で設定して増やせる、というプラグインです。 管理画面で新たなカラースキームを生成して、プロフィールで使えるようにする、みたいなやつ。 カラースキームを作れる、というWPのプラグイン。シンプルで良い感じです。 プラグインを有効化すると左メニューの「ツール」に項目が追加されます。上記のようにカラーピッカーでカラースキームを作成します。 細かい設定も可能です。 保存すると、新たにカラースキームがCustomという名前で追加されます。 Webサイトの管理者は管理画面を見る時間も長いので好みのスタイルにしておきたいところですね。ご利用は以下よりどうぞ。 Admin Color Schemer
運営管理に役立つプラグイン「WP Total Hacks」 - 新世代Web制作テクニック総特集 - MdN Design Interactive
WordPress 14 運営管理に役立つプラグイン「WP Total Hacks」 Webサイトの制作業務においては、制作工程だけでなく、運営・管理まで受託しているケースも多いだろう。このような受託形態において役立つプラグインが「WP Total Hacks」だ。 解説／星野邦敏（株式会社コミュニティコム） 運用時に効果を発揮するWP Total Hacks Web 制作の案件によっては、WordPressを利用していることをクライアントに意識させる必要がないケースもあるだろう。また、サイト管理も請け負っている場合、コンテンツの入力はクライアントに行ってもらいつつ、制作会社が継続してCMSやサーバー管理を行わなければならないこともある。 このような、サイトの制作・管理を受託している際に、運用面で便利なプラグインが「WP Total Hacks」プラグインだ。「WP Total Hacks
WP Total Hacks: WordPressの設定を20箇所以上カスタマイズできるプラグイン
このプラグインは「セキュリティの問題」で2022年に公開停止になっています。 現在はプラグインを利用することができません。 プラグインが放置されて保守がされていなかったようです。 この記事はバックナンバーです。 はじめに このプラグインが優れていること WordPressの表示内容や設定を20箇所以上カスタマイズできる。 「favicon」と「apple-touch-icon」のアイコン画像を登録できる。 Google Analyticsのアクセス解析コードを挿入できる。 管理者がログイン状態の時はアクセス解析コード出力を無効化できる。 管理者のアクセス数をアクセス解析から除外できる。 （アクセス解析の精度が高くなる） Google・Bingのサーチコンソールの認証ができる。 投稿と固定ページのメタボックスを削除できる。 記事のリビジョン数を削減できる。（データベース容量の削減ができる）
WP Total Hackの進化が止まらない！ | pictron web planning ピクトロン・ウェブプランニング
WordPressでサイトを作っている方には周知のプラグインWP Total Hacks。 このプラグイン１つでサイト制作にまつわるやっておいたほうが良いこと“いろいろ”ができちゃいます。知らない人には、このプラグイン１つで favicon.icoの設定 管理画面ヘッダーのWordPressロゴの変更 管理画面フッターのテキストの変更 ログイン画面のWordPressロゴの変更 不要なMetaタグの削除 投稿ページ上のメタボックスを個別に選択して削除 ダッシュボードウィジェットを個別に選択して削除 リビジョンの保存件数の選択機能 自動セーブの無効化 セルフピンバックの停止 デフォルトのメールアドレス（wordpress@example.com）のカスタマイズ Admin以外のユーザーに対するアップデート通知の無効化 などなどの設定ができます。 これらの項目はfunction.phpやカスト
Photoshopのレイヤーパネルでの面倒な作業をいろいろ便利にする機能拡張
複数のレイヤーの名前を同時に変更したり、空のレイヤーを1クリックで全て削除したり、スマートオブジェクトを一括でラスタライズしたりなど、Photoshopのレイヤーパネルでの面倒な作業をいろいろ便利にする機能拡張を紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 Layrs Layrsの機能 Layrsのインストール Layrsの使い方 Layrsの機能 Layrsが備えている機能は、全部で5つ。 制作時に役立つものから、コーダーに渡すために仕上げる時にも役立つものが揃っています。 Layer Name Editor 複数のレイヤーの名前の先頭や末尾に文字を加えたり、置換します。 Remove Unused Effects 使用していないエフェクトを削除します。 Flatten All Layers Effects レイヤーのエフェクトをフラットにし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
imamura.biz
これはイイ！GitHubのUIデザインを見やすいダーク系に簡単に変えられる -GitHub Dark
