株式会社オンズのブログ記事一覧
-
【WordPress】遷移元ページの情報を取得して「Contact Form 7」に引き継ぐ方法 ワードプレスで構築したウェブサイトにお問い合わせフォームを設置する際、ほぼ盲目的に[Contact Form 7]を導入しています。 きっと多くのエンジニアの方々も同様ではないでしょうか? 今日はそんな大人気のプラグイン[Contact F… 【WordPress】遷移元ページの情報を取得して「Contact Form 7」に引き継ぐ方法続きを読む →
-
Google検索結果にサムネイルを表示させる方法 クリック率向上を狙うために、Googleの検索結果にサムネイル画像を表示する方法について解説します。 基本的なポイントは、そのページの内容に関連した価値ある画像を含めること。 Googleは数年前からモバイル検索結果にサムネイル表示を導入し… Google検索結果にサムネイルを表示させる方法続きを読む →
-
【CSS】文字の折り返し指定問題は「overflow-wrap:anywhere;」で解決 ウェブサイトのテキストの折り返し(改行)をどのように指定するか。なかなか悩ましい問題です。 これまでCSSで文字の折り返しを設定するには、様々なプロパティを組み合わせて使用する必要がありましたが、最近のCSSの進化により overflow-… 【CSS】文字の折り返し指定問題は「overflow-wrap:anywhere;」で解決続きを読む →
-
【WordPress】カスタムフィールドで入力した数値にカンマをつけて出力する方法 Advanced Custom Fields など、カスタムフィールドに入力した数値を、カンマをつけて整形して出力する方法を紹介します。 やりたいこと: 入力:1000000 ↓ 出力:1,000,000 number_format関数を使… 【WordPress】カスタムフィールドで入力した数値にカンマをつけて出力する方法続きを読む →
-
【WordPress】ログイン後、ログアウト後の遷移先を変更する方法 WordPressの会員サイトや特定のユーザーグループ向けのサイトを構築する際、ログイン後に管理画面(ダッシュボード)ではなく、特定のページに遷移させたいケースがあります。また、ログアウト後の遷移先を変更することもよく求められます。この記事… 【WordPress】ログイン後、ログアウト後の遷移先を変更する方法続きを読む →
-
【WordPress】バージョン5.5以降で出力される標準XMLサイトマップを無効にする方法 WordPress 5.5 から追加された標準機能として、XMLサイトマップが自動で出力されるようになっています。 URLは https://example.com/wp-sitemap.xml となっており、WordPressのドメイン直… 【WordPress】バージョン5.5以降で出力される標準XMLサイトマップを無効にする方法続きを読む →
-
【WordPress】管理画面の投稿一覧から、不要なカラムを非表示にする方法 WordPressの管理画面の投稿一覧では、通常、以下のカラムが表示されています。 タイトル 作成者 カテゴリー タグ コメント 日付 これらのうち、必要ない項目を非表示にする方法を紹介します。 functions.php で制御する 使用… 【WordPress】管理画面の投稿一覧から、不要なカラムを非表示にする方法続きを読む →
-
【JavaScript】マウスホバー時のテキストカラーをカスタムデータ属性で指定する方法 カスタムデータ属性(この場合は「data-color」)で指定した値を、マウスホバー時のテキストカラーとして使う方法を紹介します。 現在のCSSの仕様では、要素の属性値を直接CSSのプロパティ値として使用することはできないので、JavaSc… 【JavaScript】マウスホバー時のテキストカラーをカスタムデータ属性で指定する方法続きを読む →
-
【WordPress】ブロックエディター用CSS「wp-block-library-theme-inline-css」を削除する方法 ワードプレスで構築しているウェブサイトのHTMLコードを確認すると、「wp-block-library-theme-inline-css」というIDのインラインCSSが出力されているはずです。 <style id=’wp-block-… 【WordPress】ブロックエディター用CSS「wp-block-library-theme-inline-css」を削除する方法続きを読む →
-
【WordPress】ブロックエディター用CSS「wp-block-library-theme-inline-css」を削除する方法 ワードプレスで構築しているウェブサイトのHTMLコードを確認すると、「wp-block-library-theme-inline-css」というIDのインラインCSSが出力されているはずです。 <style id=’wp-block-… 【WordPress】ブロックエディター用CSS「wp-block-library-theme-inline-css」を削除する方法続きを読む →
-
【iOS】フォーム入力時に画面が自動拡大されるのを防ぐ方法 iPhoneやiPadなど、iOSデバイスで入力フィールドをクリックした時に、ウィンドウが自動でズームされる挙動を防ぐ方法紹介します。 解決方法は2つ。 ミニマムのフォントサイズを16px以上にする viewportにmaximum-sca… 【iOS】フォーム入力時に画面が自動拡大されるのを防ぐ方法続きを読む →
-
【JavaScript】変数名や関数名などで使えない予約語一覧 JavaScriptの変数名や関数名などで使えない予約語の一覧です。 ECMAScriptで定義されています。 await break case catch class const continue debugger default del… 【JavaScript】変数名や関数名などで使えない予約語一覧続きを読む →
-
【WordPress】ショートコードを実行せずにそのまま表示させる方法 特にWordPress関連の記事を書いているとき。 プラグインの使い方などを説明する際に、ショートコードを実行せずにそのままの文字列として表示したいケースがあります。 具体的には以下のように表示したいワケです。 [contac… 【WordPress】ショートコードを実行せずにそのまま表示させる方法続きを読む →
-
よく使うWebマーケティング用語集 なんとなく聞いたことがあるけどちゃんとした意味がわからない、なんとなく使っている、そんな言葉がたくさんあるのではないでしょうか。 Webマーケティング業界では独自の言葉が使われています。 「聞いたことがあるけど正確な意味がわからない」、「な… よく使うWebマーケティング用語集続きを読む →
-
【CSS】JavaScript無しでスムーススクロールを実装できる[scroll-behavior]を紹介します ページ内リンクでスムーススクロールを実装する際、たいていはJavaScriptやjQueryを用いる方法を検討するでしょう。 しかしCSSの新機能scroll-behaviorプロパティを使えば、簡単にスムーススクロールを実現できます。 「… 【CSS】JavaScript無しでスムーススクロールを実装できる[scroll-behavior]を紹介します続きを読む →
-
【WordPress 6.1】緊急対応「classic-theme.min.css」を削除する方法 2022年11月1日。ワードプレスの最新版6.1「Misha」がリリースされました。 弊社でも早速アップデート作業を行なっているところです。 さて。 WordPressバージョン6.1にアップデートすると、<head>〜<… 【WordPress 6.1】緊急対応「classic-theme.min.css」を削除する方法続きを読む →
-
【PHP】10進数から16進数へ変換、または16進数から10進数へ変換する方法 PHPを使って10進数から16進数へ変換、またはその逆で16進数から10進数へ変換する方法を紹介します。 そもそも16進数とは? 16進数では、「0」〜「9」までの数字と「a」〜「f」のアルファベットを使って数値を表現します。 通常の数え方… 【PHP】10進数から16進数へ変換、または16進数から10進数へ変換する方法続きを読む →
-
【WordPress 5.9】緊急対応「global-styles-inline-css」を削除する方法 2022年1月25日。ワードプレスの最新版5.9がリリースされました。 弊社でも早速アップデート作業を行なっているところです。 さて。 WordPressバージョン5.9にアップデートすると、<head>〜</head&g… 【WordPress 5.9】緊急対応「global-styles-inline-css」を削除する方法続きを読む →
-
太陽系の天体のシンボルマーク文字コード早見表。 太陽系の天体のシンボルマーク文字コードと、英語およびラテン語表記の早見表です。 シンボル 文字コード 星座名 英語表記 ☼ ☼ 太陽 Sun ☽ または ☾ &… 太陽系の天体のシンボルマーク文字コード早見表。続きを読む →
-
【WordPress Plugins】投稿の並び替えに便利なプラグイン『Intuitive Custom Post Order』の使い方 WordPressで投稿の並び順を変更したいとき、プラグイン『Intuitive Custom Post Order』を導入することをオススメします。 このプラグインの特徴は、ドラッグ&ドロップ操作で直感的に投稿の『並び替え』が可能になるこ… 【WordPress Plugins】投稿の並び替えに便利なプラグイン『Intuitive Custom Post Order』の使い方続きを読む →
-
【WordPress】管理画面で「項目をゴミ箱へ移動する際にエラーが発生しました。」が表示されたときの解決策 ワードプレスで構築しているサイトで、下書き状態の記事を削除しようとすると「項目をゴミ箱へ移動する際にエラーが発生しました。」というエラー表示になり、正常に動作しませんでした。 はじめて遭遇したエラーなので対処法がわからず、「データベース関連… 【WordPress】管理画面で「項目をゴミ箱へ移動する際にエラーが発生しました。」が表示されたときの解決策続きを読む →
-
【Illustrator】初心者がやりがちなイラレの失敗あるある×11選 今日は初心者がイラレでよくやってしまいがちな失敗を取り上げ、その問題の解決方法を紹介します。 【失敗1】山路を登りながら いつのまにかアートボード上に「山路を登りながら」という文章が存在している問題。 [文字ツール]を選択してクリックしただ… 【Illustrator】初心者がやりがちなイラレの失敗あるある×11選続きを読む →
-
【WordPress】内部リンクがコメント扱いされる[セルフピンバック]を停止する方法 WordPressの投稿や固定ページで、同ウェブサイト内の他のページへのリンクを埋め込んだ際、それがコメント扱いされてしまう現象、通称「セルフピンバック」を停止する方法を紹介します。 ピンバックとは? リンクを貼った先のウェブサイトの管理者… 【WordPress】内部リンクがコメント扱いされる[セルフピンバック]を停止する方法続きを読む →
-
【WordPress Plugin】特定の投稿や固定ページに個別のCSSを追加する[WP Add Custom CSS]の使い方 WordPressで運用しているウェブサイトで、特定の投稿や固定ページにだけCSSを適用させたいときに使えるプラグイン[WP Add Custom CSS]を紹介します。 [WP Add Custom CSS]の特徴 今日紹介する[WP A… 【WordPress Plugin】特定の投稿や固定ページに個別のCSSを追加する[WP Add Custom CSS]の使い方続きを読む →