Bootstrap 【ナビゲーションバーを作り込む】【WordPress】テーマの自作を目指して その８
こんにちは朱夏です。
今回は、最初に考えた構成のうち、最後の要素であるナビゲーションバーを作り込んでいきます。
ナビゲーションバーでやりたいことは次の3つです。
レスポンシブ対応
メニューから追加、削除
見た目...
HTML
Bootstrap 
HTML 【アイキャッチ画像をつけよう】【WordPress】テーマの自作を目指して その６
こんにちは朱夏です。
今回も続けてやっていきます。
前回話題にした、アイキャッチを投稿一覧に表示させたいと思す。
手順はこんな感じです。
function.phpの作成
投稿ページにアイキャッチを指定する
i...
HTML 【投稿ページを追加してみよう】【WordPress】テーマの自作を目指して その５
こんにちは朱夏です。
今回は、ブログサイトの要とも言える投稿ページを追加してみたいと思います。
ファイルを開いてタグ打ちでサイト更新をしていた時代の私からすると、実装するのにどんな複雑なことをするんだろうと思ってましたが、やることは...
HTML 【ファイルの修正】【WordPress】テーマの自作を目指して その４
こんにちは朱夏です。
今回も続きをやっていきます。
今回やることはこちら。
リンクのパスを修正
WordPress管理バーを追加する
index.phpを分割
主に、ファイルをWordPress用に修...
Bootstrap 【Bootstrapを理解しよう】【WordPress】テーマの自作を目指して その２
こんにちは朱夏です。
前回、Wordpressのテーマ作成のため、ベースとなるテンプレートHTMLを作成する中で出てきたBootstrapの理解を深めていこうと思います。
前回は、「CSSで指定していないのに、何で<div...
CSS 【WordPress】テーマの自作を目指して
こんにちは朱夏です。
今回から、Wordpressのテーマ自作をしていきたいと思います。
まずは仕組みを覚えるためにシンプルなものから。
イメージはこんな感じです。
参考にするのはこちらのサイト。
...
HTML Webページにテキストをコピー出来るボタンを付けたい。【その３】
こんにちは朱夏です。
今回は最後の実装方法をやっていきます。
3.プラグインで実装
早速1つみつけたのでリンクを→リンク
ふむふむ・・・早速プラグインをインストールして有効化。
いざ使ってみようと思ったとこ...
HTML Webページにテキストをコピー出来るボタンを付けたい。【その２】
こんにちは朱夏です。
前回の続きやっていきます。
JavaScriptでの実装を目指して試行錯誤しましたが、テキストエリアの表示が出来たところまでで、肝心なコピーがうまくいきませんでした。
この<br /...
HTML Webページにテキストをコピー出来るボタンを付けたい。
こんにちは朱夏です。
今回はテキストをコピーするボタンを実装出来ないか頑張ってみたいと思います。
というのも、Webページからコードをコピペするって結構めんどくさいんですよね。
範囲選択で余分に選択しちゃったり最後のドットが選...
CSS メニューバーの改造 その２
こんにちは、朱夏です。
メニューバー作成の続き、やっていきたいと思います。
前回作った状態がこちら。
link1
link2
link3
link4
link5
今回は、リンクにマウス...