Web開発 【CSS】スマホの時だけテキストの改行をする方法
概要ホームページを作成する時、パソコン画面だけではなく、スマホ画面のことも考えてレスポンシブ対応が必須になってきています。パソコン画面ではテキストを改行しなくて良くても、スマホ画面では改行したいという場合があると思います。CSSだけで簡単に...
CSS
Web開発 
WordPress WordPressでJavascript・CSSファイルを読み込む方法
概要WordPressではJavaScriptやCSSを読み込む場合は、functions.phpで、アクションフックを使って読み込むことが推奨されています。読み込み方法ダッシュボードで「外観」「テーマファイルエディター」をクリックします。...
Web開発 チェックボックスを使ってCSSだけでポップアップを作成する方法
概要前回、「Javascriptを使用してポップアップを自作する方法」を説明したのですが、今回は、チェックボックスを使ってCSSだけでポップアップを作成する方法です。サンプル See the Pen 擬似ポップアップ by take it ...
Web開発 ページ内リンクをスムーズなスクロールにする方法
概要通常は、ページ内リンクをクリックすると、パッと移動をしてしまいますが、おしゃれなホームページではスルスルっと、スムーズなスクロールをすることがあると思います。そのスムーズなスクロールを実装する方法です。CSSで実装する場合URLに「#」...
WordPress 【Cocoon】プロフィールの設置方法
概要このブログサイトに設置しているプロフィールの作り方です。設置方法ダッシュボードの「外観」「ウィジェット」をクリックします。「プロフィール」をクリックして「サイドバー」を選択し、「ウィジェットを追加」ボタンをクリックします。メモここではサ...
Web開発 Javascriptを使用してポップアップを自作する方法
概要Javascriptを使用してポップアップを自作する方法です。サンプル今回作成するのは、ボタンをクリックしてポップアップを表示ポップアップの「×」ボタンをクリックしてポップアップを閉じるオーバレイをクリックしてポップアップを閉じる Se...
Web開発 CSSだけでラジオボタンをカスタマイズする方法
ブラウザやOSが違うとラジオボタンのデザインが違ってくるため、せっかく作成するなら統一したいと思うことがあると思います。CSSだけでラジオボタンをカスタマイズできるのでカスタマイズをする方法のサンプルです。カスタマイズ方法今回は、以下のよう...