プログラミング– category –
-
HTML、CSSでボタンを実装する方法【ふわっと押されるホバーアニメーションも解説！】
ボタンを実装する方法 今回は、下のようなボタンを作成していきます。 See the Pen ボタン実装 by わい (@y_programing) on CodePen. HTMLはこちら。 HTML<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="vie... -
【HTML】アンカーリンクを設定する方法をコーディングあり、なしの場合で解説！【WordPress】
「お客さんに『リンクを踏んだら別のページの特定の部分に移行させたい』って言われたけど、どうすればいいの？」 Web制作の受注をしていたり、自分でWordPressブログを開設して更新していくと、アンカーリンクの設定で誰もが1度は悩むと思います。 今回は... -
【HTML、CSS】noindexを設定する意味と、実際の設定方法について解説！
今回は、noindexの設定方法について解説していきます。 noindexの設定方法は、コーディングを利用するか、それともコーディングを利用しないか（WordPressサイトのブロックエディタで実装するなど）で若干違いますが どちらも比較的簡単に設定することがで... -
コードを表示させるプラグイン「Code Block Pro」の使い方【WordPress】
WordPressに標準で付いているコード表示機能が使い勝手が良くないんだけど、おすすめのコード表示プラグインってないのかな？ なんて思ったことはありませんか？ プログラマーかつブロガーでないと思いませんかねw 実はボク自身、今回紹介するプラグインの... -
addEventListenerの使い方を徹底解説！【JavaScript初心者向け】
最近jsを学習し始めたんだけど、addEventListenerってどうやって使うの？ 今回は、js初心者向けに、addEventListenerの使い方を徹底解説していきます。 addEventListenerの記述はかなりよく出てくるので、これを機にしっかりと学習していきましょう。 addE... -
VSCodeの基本的な使い方とファイルを表示させる方法を徹底解説！【Web制作初心者必見！】
VSCodeとは？ VSCodeはMicrosoftが開発した、主にファイル内の記述を編集するためのエディターです。 高機能で軽量、かつ多くのプラグラミング言語に対応しているので 多くのプログラマー、エンジニアに愛用されているエディターになっています。 操作が比... -
WordPressのhome.phpとは？｜投稿一覧ページとトップページの違いを解説
「home.phpはホーム画面用のファイル」と思っていませんか？ 実は、home.phpは投稿一覧ページに使われるファイルで、トップページに使われるのは条件付きです。 僕も最初この誤解で混乱しました。 この記事では、home.phpの位置付けについてをテンプレート... -
jQueryを利用して、アコーディオンを作成する方法【JavaScript入門】
ウェブサイトでよくFAQとかでアコーディオンメニューが使われるけど、あれってどうやって実装するの？ 今回は、主にJavaScript初学者に向けて、jQueryを利用して、アコーディオンを作成する方法について教えていきます！ アコーディオンメニューとは、FAQ... -
【JavaScript入門】ボタンを押したらアラートを出現させる方法
画面でいきなり警告のポップアップが出てくる時があるけど、あれってどうやって実装するポン？ 今回は、JavaScript入門ということで、表示されているボタンを押したらアラートが出現するコードについて解説していこうと思います。 JavaScriptで実装と聞く... -
【JavaScript】ある位置までスクロールしたら「上に戻る」ボタンを出現させる方法
Webサイトを訪れた際に、「上（トップ）に戻るボタン」を見たり、利用したことがある人は多いと思いますが 今回は、そのボタンをコーディングしていく方法を解説していきます。 初めてJavaScriptを学習する人にとっては、分からない概念が2つ、3つ出てくる...
12