MasaCodeBlog

昨今のWeb制作ではjQueryから徐々に脱却する動きが強まっています。 理由としては、JavaScript（バニラJS）の記述が簡単になったのが大きな理由かと思います。 こういった背景からサイトを軽量化するため、jQueryが必要ない箇所はJavaScriptで置き換える事...

この記事ではWordPressテーマ開発の際、functions.phpでよく使うスニペット一覧をご紹介したいと思います。 これらのスニペットは作業を効率化させるものからセキュリティ対策まで様々な用途に使えます。 コピペでOKです。 作業の効率化になるのでブックマ...

WordPressのテーマ開発をする際、渡されたデザインカンプをコーディングするだけにしてないでしょうか？ クライアントはWebサイトを活用して集客をしたいと考えている場合が多いです。 そこで大事になってくるスキルがSEOスキルです。 SEOを習得すればWeb...

WEB制作の仕事をしているとたまにカレンダーの作成を依頼されることがあります。 カレンダーは生のJavaScriptで作る事も出来るのですが、工数がかかる上に保守性も低いのであまりオススメはしません。 （僕自身過去に作ったことがあるのですが、作った後に...

Localを使ってWordpressのテーマ開発をしようと思った時、 自分のオリジナルテーマがwordpressに表示されない！ ってことありませんか？ だいたい自分のオリジナルテーマが表示されないときは、以下の理由が多いです。 テーマの名前を決めるファイル名がst...

aタグでリンクを埋め込みたい時、同じタブじゃなくて別のタブにしたい時ありませんか？ こちらaタグの中にある記述をするだけで解決出来ます。 それが、target="_blank"です。 <a href="sample" target="_blank"> サンプル <...

display:noneとvisibility: hidden両方HTMLから要素を非表示にしてくれます。 しかし、こちらをきちんと意味を理解して使い分けられているでしょうか？ こちらをきちんと理解して活用しないと実務で思わぬ不具合が生じる可能性があります。 display: none;...

最初は画面上に固定されてないけどスクロールしてる途中で、特定の要素が画面に固定される。 そんなサイト見たことないですか？ See the Pen Untitled by ma-chan (@ma-chan) on CodePen. こんな感じです。 こちら数行のJavascirptコードで簡単に実装出来...

一通りコーディングが出来るようになって、Wordpressのオリジナルテーマ開発も出来るようになった。。 いよいよ実務や！！ と意気込んでいませんか？ Wordpress初学者の方は、見た目を作れるコーディングだけに注力しすぎて、セキュリティ対策を怠っている...

おしゃれなWEBサイトを作りたい際、 フワッ。。 と要素が出てくるサイトに憧れるものです。 See the Pen Untitled by ma-chan (@ma-chan) on CodePen. こんな感じですよね。 わかります。 僕もWEB制作を勉強する前は、 オシャレやないか。。。 と感心しま...