Bootstrap

Bootstrap

【Bootstrap】色んなデザインのリンクカードを作ってみた

こんにちは朱夏です。 今回は、Bootstrapの機能を使ってリンクカードのデザインを3つほど作ってみたいと思います。 お品書き 1.画像とテキストの組み合わせ(縦) 2.画像とテキストの組み合わせ(横) 3.画像...
Bootstrap

【問題解決】メールフォームの送信テストが失敗する件 その3

こんにちは朱夏です。 そろそろこの問題を解決したいところです。 早速やっていきたいと思います。 前回、以下の解決の糸口を見つけました。 mb_send_mailの$toの指定に、メールアドレスを直接入力している場合、 フォ...
Bootstrap

【PHPスキル強化】問い合わせフォームを作成してみよう

こんにちは朱夏です。 まだまだ経験の少ないPHPのスキル強化をしていきたいと思います。 今回は問い合わせフォームを作って、メールを飛ばすところまで作ってみたいと思います。 実装にはBootstrap、PHPを使ってやっていきます。...
Bootstrap

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

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

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

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

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

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

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

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

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

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

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

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

【Bootstrapを理解しよう】【WordPress】テーマの自作を目指して その2

こんにちは朱夏です。 前回、Wordpressのテーマ作成のため、ベースとなるテンプレートHTMLを作成する中で出てきたBootstrapの理解を深めていこうと思います。 前回は、「CSSで指定していないのに、何で<div...
スポンサーリンク
タイトルとURLをコピーしました