Bootstrap 【Bootstrap】画像のスライド表示を実装してみた【カルーセル】
こんにちは朱夏です。
今回はBootstrapを使って、画像のスライドを実装してみます。
参考サイトはこちらです。
いろんなサイトのトップページで見かけることが多いこの画像スライドは、Bootstrapの「カル...
コピペ
Bootstrap 
Bootstrap 【デザインを学ぼう】【WordPress】テーマの自作を目指して その１０
こんにちは朱夏です。
今回は、全体的なデザインを考えていこうと思います。
テーマのコンセプトをいくつか決めていきます。
シンプル
これからWordPressを勉強する人向け
解りやすいデザイン
こんな感じ...
Bootstrap 【ナビゲーションバーを作り込む】【WordPress】テーマの自作を目指して その８
こんにちは朱夏です。
今回は、最初に考えた構成のうち、最後の要素であるナビゲーションバーを作り込んでいきます。
ナビゲーションバーでやりたいことは次の3つです。
レスポンシブ対応
メニューから追加、削除
見た目...
HTML 【アイキャッチ画像をつけよう】【WordPress】テーマの自作を目指して その６
こんにちは朱夏です。
今回も続けてやっていきます。
前回話題にした、アイキャッチを投稿一覧に表示させたいと思す。
手順はこんな感じです。
function.phpの作成
投稿ページにアイキャッチを指定する
i...
HTML 【投稿ページを追加してみよう】【WordPress】テーマの自作を目指して その５
こんにちは朱夏です。
今回は、ブログサイトの要とも言える投稿ページを追加してみたいと思います。
ファイルを開いてタグ打ちでサイト更新をしていた時代の私からすると、実装するのにどんな複雑なことをするんだろうと思ってましたが、やることは...
Bootstrap 【Bootstrapを理解しよう】【WordPress】テーマの自作を目指して その２
こんにちは朱夏です。
前回、Wordpressのテーマ作成のため、ベースとなるテンプレートHTMLを作成する中で出てきたBootstrapの理解を深めていこうと思います。
前回は、「CSSで指定していないのに、何で<div...
CSS 【WordPress】テーマの自作を目指して
こんにちは朱夏です。
今回から、Wordpressのテーマ自作をしていきたいと思います。
まずは仕組みを覚えるためにシンプルなものから。
イメージはこんな感じです。
参考にするのはこちらのサイト。
...
CSS CSSでよく使うプロパティ
こんにちは朱夏です。
今回は、CSSでよく使う、基本的なプロパティをまとめてみました。
ほぼ自分の備忘用です。
ほぼ毎回必ず使うのはこのくらいでしょうか。
body {
color: #aaaaaa;
f...
HTML Webページにテキストをコピー出来るボタンを付けたい。【その２】
こんにちは朱夏です。
前回の続きやっていきます。
JavaScriptでの実装を目指して試行錯誤しましたが、テキストエリアの表示が出来たところまでで、肝心なコピーがうまくいきませんでした。
この<br /...
CSS メニューバーの改造 その２
こんにちは、朱夏です。
メニューバー作成の続き、やっていきたいと思います。
前回作った状態がこちら。
link1
link2
link3
link4
link5
今回は、リンクにマウス...