ONZE/BLOGオンズ開発ブログ

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

【PHP】文字列に日本語が含まれているか判定する方法 PHPで、正規表現を使って文字列に日本語が含まれているか判定する方法を紹介します。 具体的なコードは以下のとおり。 $str = '文字列'; if ( preg_match( "/[ぁ-ん]+|[ァ-ヴー]+|[一-龠]/u", $str... 【PHP】文字列に日本語が含まれているか判定する方法続きを読む →

【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 1 8 12 16 24 2 16 24 32 48 3 24 36 48 72 4 32 48 64 96 5 40 60 80 120 6 48 72 96 144 7 56 84 112 168 8 64 96 ... 【早見表】8、12、16、24の倍数続きを読む →

【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法 ワードプレスでカスタムフィールドを扱うときは100%ほぼ必ず「Advanced Custom Fields」を使っています。 Advanced Custom Fields その［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】プライバシーポリシーページの情報を取得して表示する方法続きを読む →