web code – Creator Note

【解決】slickでなぜか縦ならびのままスライドする…

以前、ワードプレスを使用してsl…

Advanced Custom Fieldsギャラリーの書き出し方

Advanced Custom …

Advanced Custom Fields画像のループ

Advanced Custom …

カスタム投稿タイプと通常の投稿をトップページに全部表示する方法

今回はトップページ（index）…

特定の要素が可視範囲から消えたら別の要素を表示する方法

はい！みなさんこんにちは。今日…

Googleフォントのサブセット化

ウェブサイトを作成する際にGoo…

スライド３つを同時に動かす方法

今回は下記のようなスライドショー…

EC-CUBE2系で製品一覧のタイトルを変更したい

はい、みなさんこんにちは！ EC…

WPの管理画面をちょっとカスタマイズする

カスタム投稿タイプで「製品紹介」…

ECCUBEで商品画像が小さくガニガニしてる…大きくしたい！

ECCUBEで商品に登録した画像…

wp_nav_menuでsingleページにもcurrentをつける（改良版）

はい！皆さんこんにちは。前々前…

cssでbr削除すると半角スペースが入る！

はい、みなさんこんにちは。コロ…

wp_nav_menuでsingleページにもcurrentをつける

PCにしろスマホにしろカレントを…

2段階スライドショーを実装してみよう！

今回はキービジュアルで2つのアニ…

みんなcanonicalの設定どうしてる？

今日は私が今まで勘違いしていたc…

LP（ランディングページ）などでMW WP FORMを使用した時の位置調整

はい、みなさんこんにちは！今日…

WordPressでSVGを使用したい

カスタムフィールドなどでSVGの…

wp_nav_menuでメガメニューを作成する

はい、みなさんこんにちは。今日…

スマートカスタムフィールド（SCF）でPDFをループさせる

みなさんこんにちは！スマートカ…

WP（ワードプレス）で外観>メニューを作成した場合にサブタイトルを表示する方法

ワードプレスの既存機能で付いてい…

今更だけど…レスポンシブ対応！背景にvideoタグで動画を設置したい！

キービジュアルを動画にする際にレ…

WordPressで同じタグをもつ記事を「おすすめの記事」として一覧で表示する

よくいろんな人のブログをみている…

WPでユーザー一覧を表示する

今日はワードプレスで記事を書いて…

Vanta.jsを使用しておしゃれな背景アニメーションを実装してみた

今回は『Vanta.js』をご紹…

WordPressで投稿された記事に『いいね！』を実装する。

今回はWP ULikeプラグイン…

WordPressでタグの一覧を表示する

ワードプレスの標準機能でついてい…

会員サイトが簡単に作成できるWP-Memberを実装してみた！

実装自体ははちゃめちゃに簡単でし…

（JS）お問い合わせフォームで各必須項目にスペースが入力されたときに制御する方法

こんにちは！今日は表題の件につい…

SCF（スマートカスタムフィール）でオプションに基本情報をまとめて登録する

とっても今更ですが、スマートカス…

クリックして表示したメニューを異なるところをクリックすると非表示にする

アンカーリンクメニューなどで、下…

blog,
code

画像の高さを取得して指定サイズ以下の場合クラスを付与する

お客様に更新していただくCSMを…

マウスオン（ホバー）でサブメニューなどを横から出す

最近サイトを作成していてアーカイ…

code,
web

タブの切り替えコンテンツをふわっと表示する方法

基礎中の基礎かもしれませんが今日…

「この投稿を先頭に固定表示」のチェックボックスを削除する

「この投稿を先頭に固定表示」のチ…

WP（ワードプレス）で記事を固定表示したときの表示件数の調整

こんにちは！今日は表題の件を解…

fotorama.jsを使って、背景フルスクリーンのスライドショーをつくる

こんにちは！今日はfotora…

blog,
code

【今更だけど…】CSSで円、半円をつくる方法

こんにちは！CSSで円を作る機会…

thanksページなどに直でアクセスされた場合にリダイレクト処理を行う方法

こんにちは！今日はタイトルの通…

code,
web

jQueryでaタグのtelをPCのみ削除する

電話番号に付与されるリンクについ…

CSSのみで画像を永遠ループする

今回はJSを使用せずにCSSのみ…

グリッドデザインをするときに助かる！jQuery

こんにちは！今日は表題のとおり…

WordPress(ワードプレス)の投稿のラベル名を変更する

今回は表題の通り、ワードプレスで…

スマートカスタムフィールド（SCF）で画像無しの繰り返しループ出力時に項目が空だった場合にテキストを表示する方法

みなさんこんにちは。今回はスマ…

jquery.cookie.jsを使用して、最初のみオープニングアニメーションを稼働させる方法

オープニングアニメーションって誰…

はちぇめちゃに便利！超軽量のプログレッシブCSSフレームワーク!!

県庁や官公庁のサイトでは、ダーク…

blog,
code

fontawesomeが登録しないとできなくなったのでやり方見直し＆社内共有しよう！

日頃からウェブサイト制作でお世話…

blog,
web

お問い合わせなどのテキストエリアに入れるplaceholderを改行させる

はい、みなさんこんにちは。今日…

CSSでウェブページのすべてを構築できるCJSS

基本的に私たちはHTMLというフ…

httpサイトでリダイレクト設定したけど、httpsにするとapatchのエラーページが表示されたのでこれもリダイレクトしたいときの話

はい、みなさんこんにとは。今回…

開発環境のPHPのバージョンを7.2に変更したらハマった話

サーバーの移設が発生したのに合わ…

blog,
web

私が最近覚えたCSS

みなさんこんにちは！私が最近覚…

Simple.Timer.jsで簡単にカウントダウンタイマーを設置する

ウェブサイトにソースを読み込ませ…

WP（ワードプレス）でslideout.jsを使用したときのスマホ用のメニュー実装の備忘録

スマホサイトってもう当たり前のよ…

WP（ワードプレス）で親ページか子ページかを判断して表示をわける

ワードプレスでサイトを作成すると…

[WordPress（ワードプレス）]年別で月別アーカイブリストを表示

任意のカテゴリでのみアーカイブリ…

WP(ワードプレス)の投稿アーカイブを任意のURLで出力する

みなさんこんにちは。本当は今日…

blog,
code

WP（ワードプレス）で勝手にpタグやbrタグが削除されてしまう

みなさん、こんにちは。今回は表…

WordPress（ワードプレス）のサイト内検索で表示される結果から固定ページを除外する方法

はい、みなさんこんばんは。今回…

固定ページの子ページ一覧を表示させる方法

みなさんこんばんは。今回は結構…

SCF（スマートカスタムフィールド）でグーグルマップを表示したい

はい、みなさんこんばんは。今日…

code,
web

WPの固定ページのエディタを非表示にする方法

みなさん、こんばんは。これまで…

code,
web

PowerCMSで各カテゴリごとに年別アーカイブを表示する方法

はい、みなさんこんばんは。 Po…

（うわ…！？）calcだけじゃない！CSSの数学関数が増加する！サイン・コサイン・タンジェント！？

日常的によく使うCSSの数学関数…

表示される要素の数に応じてスタイルを変更する

はい、みなさんこんにちは！今回…

MovableTypeでカテゴリに記事が存在しないときの表示を分けたい

はい、みなさんこんにちは。いつ…

WordPressに静的ページを設置したい！

今回はWPと同じ階層にディレクト…

Yahooストアでなぜか画像が追加できない、という時の解決方法

ウェブ制作をやっていると、ホーム…

blog

カスタムフィールドで投稿した項目ごとに別ページでまとめて表示する方法

みなさんこんばんは！今回はカス…

カスタム投稿タイプのURLを数字に変更したい！

WPでウェブサイトを作成する際に…

ウェブサイトで画像の保存を禁止する方法

ウェブサイトが公開直前になって、…

WordPressで本文からdescriptionを取得する方法

WordPressでウェブサイト…

blog,
code

MW WP FORMで選択した項目ごとにメールアドレスを変更する

年明けましたね！2019年初のブ…

blog,
code

メールアドレスをエンティティ化する方法（WordPress）

ウェブサイトを制作する上で、サイ…

blog,
code

MW WP FORMでメールフォームを作成しBogoで多言語したときに送信内容が文字化けしたときの対処法

少し前から多言語サイトを取り扱う…

datailとsummaryでつくるアコーディオン

こんにちは～今日はdetail…

選択させて結果的に答えが出る『心理テスト』型JS組んでみました

こんにちは！今回ウェブ制作を行…

スマートカスタムフィールドをグループで表示させるときになぜかでなかった場合の対処法

こんにちは！私はよくスマートカ…

code,
web

flexboxをIE8やIE9にも対応させたい！

こんにちは！みなさん、flexb…

メディアクエリを設定していて、スタイルシートの落とし穴にはまったので見直してみた

こんにちは！ 8キロの山登りを終…

縦書き文章のレスポンシブについて考えてみた

和のサイトを作成する際に用いられ…

ムーバブルタイプにカレンダー機能を設置して少しだけカスタマイズしてみた

ムーバブル対応にデフォルトでカレ…

code,
css3

odometer.jsで数字をカウントさせて、出力結果が一桁の場合あたまに0を付ける方法

毎日すごしやすい季節ですねー！ …

スクロールすると文字がふわっとでてくる方法

jQueryとcss3だけでスク…

【css】counterを利用した自動ナンバリングのあれこれ

ちょこちょこCSSのcounte…

JS（jQuery）でidを付与して、0からはじまる連番をつけてみた

今回は同一の複数クラスをつけたD…

PCやスマホなどの端末にサイト画像を当て込んでレスポンシブ表示する方法

ナックウェブの制作実績でも行った…

slicknavを実装して左側にロゴを入れ、さらにロゴにリンクを設定したい

1年以上前に書いた記事で sli…

blog,
code

表面がゆらゆらゆれる水（アクア）系のripples.jsを実装してみた

あつい！夏ですね~(*_*) と…

WordPressでRSSフィードが突然表示されなくなったときの対処法

先日お客様から連絡があって、アメ…

blog,
code

私がSCSSでまとめているソースもろもろ

SCSSを実務でも使用するように…

code,
web

cssでli要素などのときに奇数、偶数、番目以降などを整理してみた

cssで何番目の要素に色をつける…

code,
css3

シンプルなニュースティッカー”SimpleTicker”の使い方

ウェブサイトを作成しているときに…

blog,
code

JSとCSSで桜を降らせてみた

こんにちは！6月ももう後半ですね…

code,
web

SCSSでまとめてkeyframeを使用する方法

あっという間に6月も半ばになりま…

fotoramaで画像にリンクを設定する方法

キービジュアルなどスライドすると…

magnificpopupでページ内の画像のポップアップギャラリーを作成してみる

こんにちは！あっという間に5月も…

code,
web

ある一定の場所まできたらナビゲーションを上部に固定する

なんだか最近あつくなったり寒くな…

CSS Grid Layout Module　IEに対応する

今週は寒かったですが、来週は1週…

Vue.jsってなんぞ？というところから触ってみた

あっという間にゴールデンウィーク…

CSS Grid Layout Module　いろいろな書き方

こんにちは！桜があっという間に散…