株式会社オンズのブログ記事一覧

【WordPress】「is_single()」と「is_singular()」の違いと使い分けについて WordPressの条件分岐の関数として「is_single()」と「is_singular()」があります。 どちらも、投稿ページだった場合を分岐できますが、それぞれの使い分けで迷うことがあるので、実際の機能について解説します。 「is_... 【WordPress】「is_single()」と「is_singular()」の違いと使い分けについて続きを読む →

【WordPress】寄稿者権限でも画像をアップロードできるようにする方法 ワードプレスを利用したサイトで、メンバー登録システムを構築する案件が増えてきました。 その中で「寄稿者に対して画像をアップロードできる権限を付与する」必要があったので、その方法をメモ。 通常、ワードプレスのユーザー権限「寄稿者」は、画像のア... 【WordPress】寄稿者権限でも画像をアップロードできるようにする方法続きを読む →

【PHP】文字列に日本語が含まれているか判定する方法 PHPで、正規表現を使って文字列に日本語が含まれているか判定する方法を紹介します。 「preg_match()」を利用して、文字列中の正規表現判別を実行し、日本語を含む文字列かどうかを判別します。 具体的なコードは以下のとおり。 $str ... 【PHP】文字列に日本語が含まれているか判定する方法続きを読む →

【Mac】文字入力の予測変換がおかしいときの対処方法 Macで文字入力をしているとき、予測変換の候補が表示されます。 非常に便利ですが、長くMacを使っていると、あるときからその予測変換候補がおかしなことになってしまうことがあります。 今回はそんなMacユーザー向けに、キーボードの予測変換がバ... 【Mac】文字入力の予測変換がおかしいときの対処方法続きを読む →

【JavaScript】ビューポートに入った要素をアニメーション表示する［Animon］の使い方 ブラウザのビューポートに要素が入ったことを検知して、アニメーションで表示させるJavaScriptライブラリ［Animon］の使い方を紹介します。 JavaScriptファイルの容量はなんと「0.75kB」と超軽量。 仕組みは、Google... 【JavaScript】ビューポートに入った要素をアニメーション表示する［Animon］の使い方続きを読む →

【WordPress Plugin】Advanced Custom Fields で作成したカスタムフィールドを検索対象に含める方法 ワードプレスの［Advanced Custom Fields］で作成したカスタムフィールドを検索対象に含めたいとき、これまでは［Search Everything］というプラグインが有効でした。 しかしこの［Search Everythin... 【WordPress Plugin】Advanced Custom Fields で作成したカスタムフィールドを検索対象に含める方法続きを読む →

【CSS】テキストを透明にする4つの方法 文字の色を透明にして見えなくする方法を4つ紹介します。 opacityを使う いちばん簡単で、最初に思いつくのは「opacity:0;」を指定する方法です。 .sample { opacity:0; } opacityの値は0〜1の間で指定... 【CSS】テキストを透明にする4つの方法続きを読む →

【早見表】8、12、16、24の倍数 この表は、8、12、16、24の各倍数を示しています。例えば、2の行には2×8、2×12、2×16、2×24の結果が表示されており、それぞれ16、24、32、48となります。 この表を活用することで、特定の数値に対する倍数を迅速に確認できま... 【早見表】8、12、16、24の倍数続きを読む →

【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法 ワードプレスでカスタムフィールドを扱うときは100%ほぼ必ず「Advanced Custom Fields」を使っています。 Advanced Custom Fields (ACF) その［Advanced Custom Fields］で「... 【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法続きを読む →

こんなウェブ系フリーランスには仕事を任せられない！ はじめに こんにちは。株式会社オンズの原一勢です。 今日の記事はちょいと辛口です。 はじめに次の質問に答えてみてください。 「自分が住む家を作るとき、未経験の大工に任せられるか？」 まず間違いなく、答えは「ノー」ですよね。 ですが昨今、フリ... こんなウェブ系フリーランスには仕事を任せられない！続きを読む →

【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法 ワードプレスプラグインの［Contact Form 7］使用時に、日付選択でカレンダー機能を追加する場合、4〜5年前までは［Contact Form 7 Datepicker］を利用するケースがほとんどでした。 しかしながら［Contact... 【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法続きを読む →

【2021年最新版】国内のWebデザインのギャラリーサイト × 11選 株式会社オンズのデザイナーも頻繁にチェックしている国内のWebデザインのギャラリーサイトを11個ご紹介します。 Responsive Web Design JP 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト Respo... 【2021年最新版】国内のWebデザインのギャラリーサイト × 11選続きを読む →

株式会社オンズのオフィスのアイソメトリック・イラスト 最近、弊社ではアイソメトリック・イラストの制作に力を入れています。 アイソメトリックとは、簡単に言えば対象物をななめ上から見下ろした画像です。 正確には「アイソメトリック・プロジェクトション（Isometric Projection）」を略... 株式会社オンズのオフィスのアイソメトリック・イラスト続きを読む →

初心者ウェブクリエイターの方々に「動くWebデザインアイディア帳」をオススメします 「ウェブサイトのアニメーションの基礎を網羅している書籍がほしい」 そんな想いを抱く初心者ウェブクリエイターの方々に超絶オススメの書籍があります。 『動くWebデザインアイディア帳』です。 久保田涼子さんと杉山彰啓さんによる共著。 とある場所... 初心者ウェブクリエイターの方々に「動くWebデザインアイディア帳」をオススメします続きを読む →

【CSS】「::before」と「::after」疑似要素にCSSが効かないときの対処方法 CSSの「::before疑似要素」、「::after擬似要素」は様々な場面で使える便利な機能です。 しかしながら、スタイルシートを記述している途中で「疑似要素が思ったように反映されない！」という状況にもしばしば遭遇すると思います。 今日は... 【CSS】「::before」と「::after」疑似要素にCSSが効かないときの対処方法続きを読む →

【PHP】YouTubeチャンネルのRSSを取得してiframeの埋め込み形式で出力する方法 今回はPHPを使ってYoutubeからRSS情報を取得して、iframeの埋め込み形式で出力する方法を紹介します。 通常は埋め込みたいYouTube動画を選択して、ツールメニューの「共有」から「動画の埋め込み」のコードをコピーペーストで貼り... 【PHP】YouTubeチャンネルのRSSを取得してiframeの埋め込み形式で出力する方法続きを読む →

【WordPress】ダッシュボード（管理画面）に独自CSSや独自JavaScriptを読み込む方法 ワードプレスの管理画面をカスタマイズする際、オリジナルのCSSとJavaScriptを読み込むことはほぼ必須です。 そんなニーズに応えるために、ワードプレスのadmin_enqueue_scriptsアクションが使えます。 ダッシュボードに... 【WordPress】ダッシュボード（管理画面）に独自CSSや独自JavaScriptを読み込む方法続きを読む →

【WordPress】プライバシーポリシーページの情報を取得して表示する方法 ワードプレスの「プライバシーポリシーページ」の設定は WordPress 4.9.6 より新たに追加された機能です。ワードプレスをインストールすると固定ページにあらかじめ「プライバシーポリシーページ」が用意されます。 今日はこの「プライバシ... 【WordPress】プライバシーポリシーページの情報を取得して表示する方法続きを読む →

【WordPress】自動で読み込まれる mediaelement系のCSSとJavaScriptを削除する方法 いつのバージョンからか。最近のワードプレスでは <?php wp_head(); ?> のときに「mediaelementplayer-legacy.min.css」と「wp-mediaelement.min.css」というスタ... 【WordPress】自動で読み込まれる mediaelement系のCSSとJavaScriptを削除する方法続きを読む →

【Illustrator】簡単に竈門炭治郎の市松模様を作る方法 昨日はCSSで竈門炭治郎かまどたんじろうが着用する羽織の市松模様を作る方法を紹介しました。 今日はイラレ編です。 竈門炭治郎の市松模様をIllustratorで最短手順で作成する方法を紹介します。 イラレで竈門炭治郎の市松模様を一瞬で作る ... 【Illustrator】簡単に竈門炭治郎の市松模様を作る方法続きを読む →

【CSS】竈門炭治郎の市松模様バックグラウンド 鬼滅の刃の影響で、和柄のデザインが幅広い世代（一部の界隈？）で人気のようです。 中でも、主人公「竈門炭治郎かまどたんじろう」が着用する羽織の市松模様は特に有名で、そのデザインは視覚的にもインパクト大です。 この市松模様は古くからある伝統的な... 【CSS】竈門炭治郎の市松模様バックグラウンド続きを読む →

2021年度版。舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。 ここで紹介するのも5度目！ 今回も、舞台［NARUTO -うずまきナルト物語-］の出演キャラクターのビジュアルが公開されました！ めっちゃカッコいいので紹介していきます！ 公式サイト：http://www.naruto-stage.jp う... 2021年度版。舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。続きを読む →

『西暦→和暦を変換するWordPressプラグイン』を作れなかった理由 2021年4月1日。 エイプリルフールのネタで『西暦→和暦を変換するWordPressプラグイン』を作成し、公開しようと思ったのですが、途中で挫折した経緯を紹介します。 まず今回、制作しようと考えていたプラグインは、令和や平成、昭和などより... 『西暦→和暦を変換するWordPressプラグイン』を作れなかった理由続きを読む →

【WordPress】日本語ファイル名でアップロードした際の文字化けを回避する方法 ワードプレスのメディア機能で日本語名のファイルをアップロードした際、たいていはファイル名が文字化けすると思います。 これは実は文字化けしているのではなく、プラグイン「WP Multibyte Patch」の働きによるもの。 日本語版のWor... 【WordPress】日本語ファイル名でアップロードした際の文字化けを回避する方法続きを読む →