CSS 【苦手克服】パララックスサイトを作ってみよう その２
こんにちは朱夏です。
前回に続いて、パララックスサイトを作っていきます。
今回は、フェードインやスライドして表示される視覚効果を実装できる様にしていきます。
1.フェードインで表示
まずは、スクロールしていくとフェードインで表示...
コード
CSS CSS 【苦手克服】パララックスサイトを作ってみよう
こんにちは朱夏です。
今回は、パララックスデザインについて学んでいきたいと思います。
ここ数日、仕事の案件を探していますが、このブラウザ全体に画像が表示されて、スクロースすると順番に要素がフェードインしてきたりするサイトを見ると、「...
Bootstrap 【Bootstrap】画像のスライド表示を実装してみた【カルーセル】
こんにちは朱夏です。
今回はBootstrapを使って、画像のスライドを実装してみます。
参考サイトはこちらです。
いろんなサイトのトップページで見かけることが多いこの画像スライドは、Bootstrapの「カル...
Bootstrap 【SNSボタンを実装しよう】【WordPress】テーマの自作を目指して その１２
こんにちは朱夏です。
今回は、SNSボタンの実装をやっていきます。
今更な感じもしますが、テーマを作り始めた当初は、ごちゃっとしそうだし、必要ないかなと思っていたのです。
しかし、最近Twitterなどの情報を見ると、ブログとSN...
HTML 【固定ページを作ろう】【WordPress】テーマの自作を目指して その１１
こんにちは朱夏です。
テーマの作成もそろそろ大詰めです。
あと1～2回くらいで完成を目指します。
今回やっていくのは次の2つの作成です。
固定ページ
404ページ
前回予定していたテーマの説明は、...
Bootstrap 【デザインを学ぼう】【WordPress】テーマの自作を目指して その１０
こんにちは朱夏です。
今回は、全体的なデザインを考えていこうと思います。
テーマのコンセプトをいくつか決めていきます。
シンプル
これからWordPressを勉強する人向け
解りやすいデザイン
こんな感じ...
Bootstrap 【ナビゲーションバーを作り込む】【WordPress】テーマの自作を目指して その８
こんにちは朱夏です。
今回は、最初に考えた構成のうち、最後の要素であるナビゲーションバーを作り込んでいきます。
ナビゲーションバーでやりたいことは次の3つです。
レスポンシブ対応
メニューから追加、削除
見た目...
Webページ作成 【サイドバーを設定しよう】【WordPress】テーマの自作を目指して その７
こんにちは朱夏です。
今回は、サイドバーの設定をしていきたいと思います。
今回、サイドバーに表示させる項目は次の3つにしました。
検索用ウィンドウ
人気記事一覧
カテゴリ
実装手順はこんな感じでした。
...
HTML 【アイキャッチ画像をつけよう】【WordPress】テーマの自作を目指して その６
こんにちは朱夏です。
今回も続けてやっていきます。
前回話題にした、アイキャッチを投稿一覧に表示させたいと思す。
手順はこんな感じです。
function.phpの作成
投稿ページにアイキャッチを指定する
i...
HTML 【投稿ページを追加してみよう】【WordPress】テーマの自作を目指して その５
こんにちは朱夏です。
今回は、ブログサイトの要とも言える投稿ページを追加してみたいと思います。
ファイルを開いてタグ打ちでサイト更新をしていた時代の私からすると、実装するのにどんな複雑なことをするんだろうと思ってましたが、やることは...