タグ

ブックマーク / presentnote.com (4)

  • WordPressの記事一覧にアイキャッチを表示させてみた(+αで個別記事にも) – PresentNote

    やっとできました! アイキャッチの表示。 アイキャッチとは、その名の通り目をキャッチするためのもので、一般的には画像・写真が使われています。人は写真に注意を惹きつけられてしまう癖があるため、ブログなどの記事に注目してもらうためにこのアイキャッチが有効なのです。 WordPress にも実装されていて、アイキャッチ、またはサムネイルなどと呼ばれています。テーマによってはただ写真をアップロードするだけで表示されるものもありますが、中には自分でカスタマイズしないと表示されないテーマもあります。 ですので、ここでアイキャッチ(サムネイル)の一般的な実装方法について試行錯誤して分かったことをまとめておきたいと思います。 アイキャッチ画像を設定すると、ブログが消えた!? とにかく、めちゃくちゃ苦労しました。ワードプレスの記事投稿画面に「アイキャッチ画像を設定」という項目があるので、そこから簡単に設定で

    WordPressの記事一覧にアイキャッチを表示させてみた(+αで個別記事にも) – PresentNote
  • WordPressでページごとに別のスタイル(外部CSS)を適用させる方法 – PresentNote

    「このページだけ、違うスタイルシートを適用したいな〜」と思ったことはありませんか? WordPress のテーマファイルには必ずスタイルシート(style.css)が含まれているはずです。そして、基的にそこで決めたスタイルは全てのページに適用されます。でも、ページによってはちょっと違うスタイルを適用させたい……と思う時がありますよね。 例えばトップページだけ別のスタイルにしたいとか。 そんな時は、コンテンツに直接スタイルを適用することもできます。<span> とか <div> タグを使って、特定の部分だけデザインを変更することもできます。 でも、それをいちいちやっていると面倒です。「このページの見出し2(H2)は、全て赤文字にしたい!」と思ったとしても、見出し2が出て来るたびに <span> を使ってスタイルを指定しなくてはならなくなります。そんなの面倒ですよね。なので、「このページの見

    WordPressでページごとに別のスタイル(外部CSS)を適用させる方法 – PresentNote
  • WordPressの投稿記事一覧を抜粋表示する条件分岐タグの使い方-メイン・カテゴリー・タグ・アーカイブページなど- – PresentNote

    WordPress で投稿した記事の表示方法には 2 通りあります。1 つは全文表示。もう 1 つは抜粋表示です。 使い分けとしては、、、 というのがベターだと思います。 しかし、WordPress のデフォルトテンプレートである Twenty Eleven や Twenty Twelve など、初期設定のままだとトップページやアーカイブページでも全文表示なっているます。いちいち タグを挿し込むのも面倒くさい・・・。他のテンプレートでも同じようになっているかもしれません。 この記事では、条件分岐タグを使って全文表示と抜粋表示を使い分ける方法をご紹介します。 条件分岐タグの役割を理解しよう まず、簡単にWordPressの条件分岐タグについて説明しておきたいと思います。理屈はそんなに難しくないはずです。PHPを使っていますが、特に専門的な知識がなくても使えてしまう便利さがあります。(少なくと

    WordPressの投稿記事一覧を抜粋表示する条件分岐タグの使い方-メイン・カテゴリー・タグ・アーカイブページなど- – PresentNote
  • いいね!ボタンをWordPressに設置する方法 – PresentNote

    OGP 設定やら、スクリプトやら、HTML5 に iframe やらと、初心者には難儀な関門でした。まだテスト中なので、ちゃんとできているかどうか分かりませんが、忘れないように+誰か初心者さんの役に立てばと思いメモ書きしておきます・・・。 『Facebookの「いいね!ボタン」を設置したい』 「いいね!ボタン」の設置だけなら、そんなに難しくなさそうなのですが、大事な大事なOGP設定ってのをするには、ちょっとややこしい感じが・・・。プラグインを使えば簡単みたいですが、自分の好きなようにレイアウトを変えられない(!?・・・できるのかもしれませんが)ので、なんとか自力で頑張ってみようかと・・・。 なお、記事を書いている 2012 年 2 月 4 日時点の内容です。 【 手順 】 Facebook のデベロッパー(開発者)として登録してアプリケーション ID を取得する 「いいね!ボタン」のタグを

    いいね!ボタンをWordPressに設置する方法 – PresentNote
  • 1