2019-11

CSS

【苦手克服】パララックスサイトを作ってみよう

こんにちは朱夏です。 今回は、パララックスデザインについて学んでいきたいと思います。 ここ数日、仕事の案件を探していますが、このブラウザ全体に画像が表示されて、スクロースすると順番に要素がフェードインしてきたりするサイトを見ると、「...
Bootstrap

【Bootstrap】画像のスライド表示を実装してみた【カルーセル】

こんにちは朱夏です。 今回はBootstrapを使って、画像のスライドを実装してみます。 参考サイトはこちらです。 いろんなサイトのトップページで見かけることが多いこの画像スライドは、Bootstrapの「カル...
Bootstrap

【テーマ配布します】【WordPress】テーマの自作を目指して その13

こんにちは朱夏です。 WordPress自作テーマ作成もそろそろ終わりです。 今回、テーマのダウンロードページを作成してみました。 ダウンロードページは、ページ上部のメニューバーから移動する事が出来ます。 一度使ってみて、感...
Bootstrap

【SNSボタンを実装しよう】【WordPress】テーマの自作を目指して その12

こんにちは朱夏です。 今回は、SNSボタンの実装をやっていきます。 今更な感じもしますが、テーマを作り始めた当初は、ごちゃっとしそうだし、必要ないかなと思っていたのです。 しかし、最近Twitterなどの情報を見ると、ブログとSN...
HTML

【固定ページを作ろう】【WordPress】テーマの自作を目指して その11

こんにちは朱夏です。 テーマの作成もそろそろ大詰めです。 あと1~2回くらいで完成を目指します。 今回やっていくのは次の2つの作成です。 固定ページ 404ページ 前回予定していたテーマの説明は、...
Bootstrap

【デザインを学ぼう】【WordPress】テーマの自作を目指して その10

こんにちは朱夏です。 今回は、全体的なデザインを考えていこうと思います。 テーマのコンセプトをいくつか決めていきます。 シンプル これからWordPressを勉強する人向け 解りやすいデザイン こんな感じ...
Bootstrap

【問題解決】【WordPress】テーマの自作を目指して その9

こんにちは朱夏です。 今回は、残っている問題の解決に向けて調べていきたいと思います。 残った問題はこちらです。 CSSファイルの記述が無視される理由 ナビゲーションバーのリンクに対するスタイルが無視される理由 ...
Bootstrap

【ナビゲーションバーを作り込む】【WordPress】テーマの自作を目指して その8

こんにちは朱夏です。 今回は、最初に考えた構成のうち、最後の要素であるナビゲーションバーを作り込んでいきます。 ナビゲーションバーでやりたいことは次の3つです。 レスポンシブ対応 メニューから追加、削除 見た目...
Webページ作成

【サイドバーを設定しよう】【WordPress】テーマの自作を目指して その7

こんにちは朱夏です。 今回は、サイドバーの設定をしていきたいと思います。 今回、サイドバーに表示させる項目は次の3つにしました。 検索用ウィンドウ 人気記事一覧 カテゴリ 実装手順はこんな感じでした。 ...
HTML

【アイキャッチ画像をつけよう】【WordPress】テーマの自作を目指して その6

こんにちは朱夏です。 今回も続けてやっていきます。 前回話題にした、アイキャッチを投稿一覧に表示させたいと思す。 手順はこんな感じです。 function.phpの作成 投稿ページにアイキャッチを指定する i...
スポンサーリンク
タイトルとURLをコピーしました