はてなブックマーク

「Wordpressって聞いたことはあるけど、難しいんじゃないの？」 「更新が楽になるって聞くけど本当？」 「えっ、Wordpressって無料なの？」 「ブログと何が違うの？普通の個人サイトに使えるの？」 これは全て、私がWordpressを導入する前に思っていたことです。 とくに4番目の、「個人サイトにどうやって使うのか」がサッパリ分かりませんでした。 当時、自分の書いた小説をひたすら掲載していくだけの個人サイト(いわゆる同人サイトです……)を持っていた私ですが、流行のwordpressを自分のサイトにどう導入したらいいのかがサッパリわかりませんでした。 ブログみたいに投稿できたら確かに楽だけど、見た目をブログっぽくしたくはないしなあ……と。 そんな私が、無料のテキストエディタでサイトを作っていて、不満に思っていることがありました。 ヘッダーやサイドメニューの更新が面倒くさい！！ フレー

今更ですが、ブログの日付別アーカイブページが表示されないことに気付きました。 何で！？と思って調べたら、単純に 「archive.php」を作るのを忘れていました。 せっかくなので、「archive.php」の作り方をまとめます。 wordpressでブログを作る時に必要なテンプレート wordpressのブログのテンプレートを自作する時には、下記のphpテンプレートを作成する必要があります。 index.php ･･･　全ての記事の一覧ページ single.php ･･･　個別の記事を表示するページ category.php ･･･　カテゴリー別の一覧ページ archive.php ･･･　日付別アーカイブの一覧ページ このうち、カテゴリー別の一覧ページや日付別アーカイブの一覧ページが必要ない場合は、category.phpやarchive.phpを作る必要はありません。 categor

サイトを作る時に、自分の思ったようにCSSが反映されないことって良くありますよね。 また、サイトのテンプレートをちょっとだけ弄りたい時や、他の人の作ったHTML+CSSソースを触る必要がある時に、一からソースを解析していくのってとても時間がかかるし、面倒くさいですよね。 そんな時、Google Chromeに元から組み込まれているWeb開発者向けのツール「デベロッパーツール」がめちゃくちゃ便利です！ 一瞬で、CSSの直すべき箇所を見つけ出すことが出来ちゃいます！ 今回は、Chromeの「デベロッパーツール」の使い方を簡単にご紹介しようと思います。 まずはじめに、Google Chromeをお持ちでない方は、下記のGoogle公式サイトより、Chromeをインストールして下さい。 Webの開発をするなら、検証の為にもChromeは入れておきましょう！ Chrome ブラウザ（公式） http

このサイトを作っている時に、 どう見てもcomments.phpの中の記述は間違っていないのに、コメントが表示されない！！ コメントの数はちゃんと表示されている！ 同じcomments.phpの中に書いた<?php comment_form(); ?>は表示されている！ という事態が発生し、丸１日色々しらべたり悩んだりした結果、思わぬところでアッサリと解決したので防備録的に残しておきます。 まず、comments.phpの中身です。 <?php comment_form(); ?> <?php if( have_comments() ): ?> <div id="comment-area"> <h3 id="comments"></h3> <ol class="commets-list"> <?php wp_list_comments( ); ?> </ol> </div> <?php e