Creator Note – ページ 2 – Design & web

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

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

Zoomでミーティングを録画したのに[.zoom]という拡張子で録画が再生できなくなったお話

新型コロナウイルスの影響をうけて…

blog

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

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

WordPressでSVGを使用したい

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

今回はWP ULikeプラグイン…

WordPressで記事を書いた人を変更する

複数人でWordPressの管理…

wordpress

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

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

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

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

【歓喜】SVGがfaviconに対応！これでいろんなサイズの画像を用意しなくてOK！

みなさんは、faviconの作成…

（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

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

MW WP FORMをページ内に埋め込んだときに確認ページへ遷移するとページのトップに戻ってしまう！

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

web

ウェブサイト内のボタンデザインで迷ったときはhover.cssで何とかしちゃおう！

ウェブサイト制作時にトップページ…

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

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

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

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

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

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

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

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

blog,
code

SVGで作成した文字をアニメーションするときにIEだけ動かない問題にハマった話

みなさんこんにちは！時々このブ…

HTMLでこんなことまでできる！最近覚えたHTML技法

私も最近知ったのですが、覚えてお…

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

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

blog,
web

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

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

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

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

私が最近覚えたCSS　第2弾！

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

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

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

リダイレクト設定ができる「Redirection」プラグイン＆.htaccessが管理画面から編集できる「Htacccess Editor」

こんにちは！今日は、リダイレクト…

blog,
web

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

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

blog,
web

WP（ワードプレス）でメンテナンス表示を出す方法

みなさんこんにちは！今回はサー…

私が最近覚えたCSS

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

WP（ワードプレス）でカスタムフィールドにでアップロードする特定のファイルにベーシック認証をかける方法

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

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

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

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

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

一行かくだけで！すべてのリンクをtarget=”_blank”にする方法

サイト内部のリンクについては、別…

blog,
code

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

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

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

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

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

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

blog,
code

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

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

UXデザインとは何か？について考えてみた

以前参加したセミナーで、UXデザ…

blog,
web

きた！EdgeがChromiumを採用してリリースされる！！と、個人的に言いたいことを書いてみた。

ウェブ制作に携わる人間ならだれで…

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

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

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

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

動く！かわいいアニメーションのSVGアイコンが商用無料！

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

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

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

code,
web

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

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

code,
web

グーグルアナリティクスで検索キーワードを取得する方法

サイト内検索でどういったキーワー…

blog,
web

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

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

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

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

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

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

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

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

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

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

中国語のみ指定している明朝体フォントがあたらない場合の対処法

こんにちは！今日は少し日中あった…

blog,
css3

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

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

blog

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

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

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

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

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

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

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

WordPressでウェブサイト…

blog,
code

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

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

blog,
code

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

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

blog,
code

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

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

PHPバージョンの確認を！PHP5のサポートが2018年で終了。

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

blog

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

こんにちは～今日はdetail…

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

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

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

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

code,
web

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

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

javascriptを使用してマウスの動きに合わせて背景の画像を動かしてみた

こんにちは！今回はウェブデザイ…

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

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

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

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

Googleの音声入力の文字おこしに挑戦してみた

こんにちは！結構仕事でインタビ…

blog

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

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

code,
css3

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

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

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

jQueryとcss3だけでスク…

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

ちょこちょこCSSのcounte…

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

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

ウェブアクセシビリティへの取り組みについて

9月に入ってだいぶ涼しくなり、毎…

blog

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

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

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

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

blog,
code

appletouch-iconやfavicon画像を作成するときに便利なツール

みなさんウェブサイト公開前に必ず…

blog,
web

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

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

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

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

blog,
code

クロスドメインでiframeを調整しようとしてどうにもならなかった話

台風きてますね！夜中雨と風がす…

blog,
code

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

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

code,
web

最近のWEBデザインの流行りについて考察してみた

どうも！sayuriです。まと…

design