今回は特定の固定ページだけヘッダーを変える方法をご紹介します。他にも特定の投稿・特定の記事のサイドバー・特定カテゴリーのサイドバーを変える方法などかなり幅が広がりますよ〜 特定の固定ページのヘッダーを変えるphpコード <?php if (is_home()) {?> <p>ここにトップページに書きたいコード</p> <?php } else if (is_page('19')) { ?> <p>ここに固定ページID19に書きたいコード</p> <?php } else{ ?> <p>ここにトップページ・固定ページID19以外に書きたいコード</p> <?php } ?> これは固定ページID19のコードを変更したいときに書きます。 数字はurlに書いてあります。urlの吐き出し方をカスタマイズしている方は番号を調べるために方法があります。 特定複数の固定ページのヘッダーを変えるphpコー

最新版 「あわせて読みたいウィジット」リコールのお願い はてなブログ向けの勝手ツールである『あわせて読みたいウィジット』について多くのブログから利用して頂いてありがとうございます。本スクリプトにつきまして、作成当初は想定していなかった幾つかの問題が発生しておりますため、お手数ですが新バージョンへの差し替えをお願いさせて頂きます。これから新しく利用を開始される方についても、こちらのスクリプトの利用をお願いします。 クレジットリンクによってGoogleからスパム判定されている可能性があり、またコピーライト表記を書き換えられたり、エントリ本文に使われて更新のたびに言及通知が来るといったトラブルの火種になってきたためクレジットリンクを削除します クライアントサイドで2種類のRSSを非同期に全文取得しており通信量が大きくなっていたため、サーバーサイドで本文情報を削除したRSSを合成して最低限の通信と

ユーザーが過去に読んだブログ記事を表示できるWordPressプラグイン「WP Browsing History」を公開しました。ソースコードはGitHubの did2/wp-browsing-history にて公開しているので、そこからインストールできます。 このページから、別のページへ飛んでみると、サイドバーに表示されるはずです（PC限定・Cookie無効だと表示されません）。 目次 1. プラグインでできること2. 仕様3. 使い方3.1. インストール3.2. 表示場所の設定4. カスタマイズ方法4.1. スタイルシート4.2. 設定変更5. 併用したいプラグイン スポンサーリンク プラグインでできること ユーザーの表示したページ（エントリ）を記録しておき、そのページ閲覧履歴の一覧を、テンプレートで指定した場所（サイドバーなど）に表示できます。 仕様 ユーザーの表示したページの履

WordPress（ワードプレス）でWebサイトを作っているとき、メインビジュアルのスライドショーは、トップページ（ホーム）だけしか表示したくない。 逆にぱんくずナビはトップページには表示しない。 そんな、トップページだけ表示を変えることはよくありますよねー。 その条件分岐のPHPの書き方を教えてもらったのでメモしておきます。 ★トップページにだけ表示する場合 <?php if ( is_home() || is_front_page() ) : ?> ここにトップページにだけ表示したいほにゃららを記載 <?php endif; ?> ★トップページにだけ表示したくない場合 <?php if ( !is_home() && !is_front_page()) ) : ?> ここにトップページにだけ表示したくないほにゃららを記載 <?php endif;　?> ★トップページとそれ意外で表示

久しぶりの更新です^O^ 「pc」と「スマートフォン」で表示を切り替える方法はいくつかありますが、”意図した部分だけ”をショートコードで簡単に内容を切り替えられるようにする手順メモ。 広告の出し分けなどがとっても簡単にできるので便利です！ 記事内で使う場合と、テンプレートファイル内で使う場合の手順をまとめました。 参考にした記事：Web Shufu ▼追記 2014/12/17▼ 関連記事書きました！ 【wordpress】PC(タブレット)とスマートフォンで記事内の表示内容を切り替えるショートコードの設定方法 タブレットはPC表示に含む場合の記述方法です。タブレット以外でも、特定のデバイスを指定する場合に応用できます。 手順一覧 1,「PC」と「スマートフォン・タブレット」を判別する関数 2,ショートコードを作成 3,実際に使うショートコード 4,テンプレートファイル内でこのショートコー

WordPressでTOPページ（フロントページ）を固定ページとした際に、 ブログの最新投稿を表示するページが表示できなくて困ることはありませんか。 特にカスタマイズすることなく、TOPページ（フロントページ）とは別のページに、 最新投稿のブログエントリを表示するページを設置することができます。 はじめに WordPressでブログを運営していて、静的ページ（固定ページ）をメインで、 投稿（記事）を公開していくという方法もあります。 そうした場合にはTOPページ（フロントページ）を始めとする大半のページが固定ページ構成となり、 ブログは全体の中の１コンテンツといった位置づけになります。 とは言ったものの、最新投稿としてブログのエントリを表示するページも欲しいものです。 最新投稿の表示設定はフロントページ 通常、TOPページ（フロントページ）に対して「最新投稿」を選択する設定があります。 「

2010年3月14日 wordpressをCMSとして企業サイトを作るときに役立つ、複数ループのやり方を紹介。 少々、前置きが長くなりますけど。 wordpressをCMSとして使用する際のシンプルなページ構成例 企業サイトなどでwordpressをCMSとして使用する場合、サイトの規模にもよりますが、「お知らせ」などの日々更新されるコンテンツを「ブログ記事」として作成し、その他を「固定ページ」として作成するのが、一般的かと思います。 wordpressでは、固定ページをサイトのトップページ（フロントページ）に設定できるため、スマートなサイト設計が可能です。実在するサイトを例に挙げて説明したほうが分かりやすいと思うので、僕が構築した「とんぼ整体院」のサイトを例に、説明を進めていきます。 下記は、とんぼ整体院のページ構成をまとめたものです。 非常に作りやすそうな、シンプルな構成ですね。更新さ

ホームWeb・WordPress冬以外もいける！STINGER用子テーマ「Yukiguni」のヘッダーアレンジでブログの「顔」をガラッとカスタマイズ Cafe Salon Naka-Oku / thecarol 本日もroom9にお越しいただき本当にありがとうございますm(__)m Qtaroです。 冬仕様？んなことないよ！ さて先日1/21、本ブログでリリースさせていただいたWordPress無料テーマのSTINGERのカスタマイズ用子テーマ「Yukiguni」ですが、既にちょこちょことお褒めの言葉を頂くことができ、とても嬉しく思っております。m(__)mｱﾘｶﾞﾀﾔ- 。。で そんなSTINGER魅力を存分に残したままお手軽にカスタマイズできる子テーマなんですが、当たり前ですがそのまま子テーマダウンロードして使うだけでは、それまたオリジナル性がありません。 そんなわけで今回は「Yuki

Qtaroです。 STINGERカスタマイズ用子テーマシリーズ、第3弾！！です。 （あ、今回はスマホも対応してますよ！！） 今回も　”2STEP”　であっという間にSTINGERをカスタマイズする事ができるので、「STINGERをこれから利用しようとしている」「デザイン変更を考えている」という方、是非是非！！覗いていってください！ 今回の子テーマについて 子テーマ使用方法 +αのカスタマイズで”自分色”に！！ ダウンロードはこちらから 【余談】どうでもよい話。。 他の子テーマもあります。気になる方は以下より一覧へどうぞ♪ 今回の子テーマについて 今回作成した子テーマについて、例によってざっくり説明します！！ STINGER3カスタマイズ用子テーマ 「CANDY CRAZY」 構成・仕様について CSS 2ファイルで構成（style.cssとsmart.css） （オリジナルのfunctio

本日Stinger2からStinger3に変更しました。 その関係でStinger2で設定したことを再設定する必要があったので、忘備録を含めてそれらを紹介します。 第1弾は、サイト名をテキストから画像に変更する方法です。 ヘッダー画像を削除する １．下のようにStinger3の画像がデフォルトで追加されています。まずそれを削除します。Wordpressの[外観]→[ヘッダー]を選択してください。 2.　その中に[ヘッダーの画像を削除]ボタンがあるのでそれを押し、[変更を保存]を押します。すると上のサイト名（IT便利帳）だけになりました。 １．[メディア]→[新規追加]。中央にある[ファイルを選択]ボタンを押し、載せたい画像を選択します。 Stinger3は横幅が986pxなので、ぴったり合わせたい時はそれにあった画像を作りましょう。 2.　[メディア]→[ライブラリ]を選択すると、追加した

好きなことを仕事にすることは最高に幸せなことです。しかし、中にはやりたい仕事なんてないという方もいる […]

カスタムテンプレート fc2ブログ用の共有テンプレートを公開しています。自由にカスタマイズ可能です。内部seoはもちろん、読み手と書き手のユーザビリティに配慮しています。 グローバルナビゲーションの構造をコピペでカスタムする方法です。当サイト作者が作成した次のテンプレートについてです。 valid-seo-2c と valid-seo-3c (ver1.0.0～ver1.1.0)customtemplate (ver1.1.0) 概要 グローバルナビゲーションをコピペでカスタムするためのサンプルコードを載せています。HTMLの編集のみです。 グローバルナビゲーションをカーソルでホバーしても展開する必要がない場合に、１段目のみのシンプルで短いコードを用意しました。下図で赤色の破線で囲った部分がデフォルトからの主な変更点です。 グローバルナビゲーション(１段目)をカーソルでホバーすると、２段目

この記事ははてなブログに興味がある方、はてなブログを利用してるがテンプレートのまま使ってる方に向けた記事となっています。 はてなブログではどうしてもWordPressのプラグインなどと違って機能が限定されてる印象を受けます。 始めにテンプレートを選んでそのままの状態の人も多いのではないでしょうか。 正直私はCSSやHTMLなど余り詳しくなかったので、とにかくググりまくりました。まだヘッダー画像もないような陳腐なブログですが、色々と見て回った結果実際に私が試したものも含めて参考にしたブログや元々のはてブロの機能を紹介したいと思います。 はてなブログ公式のカスタムテーマ これはブログを作った方なら色々試したことでしょう。 最近またまた良デザインのテーマが増えたので目を通してみて欲しいです。 テーマ ストア - はてなブログ 最近人気の渋谷で働く営業マンのナンパ日記なんてテーマとブログの内容にあ