はてなブックマーク

よくニュースサイトなんかで　一つの記事が分割されているのを見ますね。 wordpressにもその機能がついています。 ついていると言ってもTwentytenとかなら問題ないのでしょうが、使用しているテーマが　それに対応していないとダメなのでその場合の対応処置を説明します。 Let’s Study WordPress! ←乗りよく 分割させたい所に入れるタグ wordpressにはmoreタグと同じようにページ分割用のタグがあります。 分割させたいところで下記のタグを入れてあげます。AddQuicktag等で登録しておけば楽チンですね。 <!--nextpage--> テンプレートに対応させる single.phpの中に下の記述がありますので、その下あたりを見てみましょう。 <!--?php the_content(); ?--> 下記のタグがなければこれをコピペして入れてみましょう。

今日クライアントと話をしていて教えて頂いたのですが、WordPressのバージョン3.5からリンク機能がなくなったというのです。 古いバージョンからアップデートした場合は機能が残るようですが、新たに最新のWPをインストールすると無いのです。 確かにリンクは海外の無料テーマ等で最初から意味ないリンクが貼られていたり、パンダにより外部リンクがSEO的に意味がなくなったり、SNSの普及により、重要視されなくなったのかもしれませんね。 ブログテーマより企業サイトの制作が多い私には、まさに寝耳に水でした:) ではリンク集が必要な人はどうすれば？ いくつか方法を説明します。 カスタムメニューで作る ウィジェットが使用可能なテーマならば、外観メニューから外部リンク専用のカスタムメニューを作り、ウィジェットに表示させる方法があります。 新しいメニューを作る

外部サイトへのリンクは、新しいウィンドウ（target=”_blank”）で開くほうが離脱率等を考えると良いですね。 それ以外にコメントに入力された外部リンクからユーザーが戻ってこなくなる場合もあるでしょう。 target=”_blan”のタグは非推奨とかそうでもないとか議論が分かれますが、多少のマイナスだったとしても、外部リンクは別ウィンドウで開くメリットは色々あると思います。 ちなみにタイトルで一行の記述で～～とありますが、実際は一行でないのでご了承ください。 やりかたは下記の記述をhead内に入れるだけです。jqueryを使用しますので、jqueryを使用していないサイトは、別途jqueryを呼び出すタグを入れてください。 これで、記事中やコメント内の外部リンクが全て新しいウィンドウで開かれるようになります。 <script type="text/javascript"> $(

固定ページを作り、そのページの内容をトップページに表示させたい。 CMSサイトとして制作する場合にも　こういう事もあるかと思います。 やり方は簡単。まずは固定ページを作りページIDをゲットしましょう。 次に、該当ページを表示させたい場所（index.php等）に下記のタグを入れます。 <?php $page_id = ここにページID; $mes = get_page($page_id); echo $mes--->post_content; ?> タイトルも取得したい場合は <?php $page_id = ここにページID; $content = get_page($page_id); echo “<h2>” . $content->post_title . “</h2>n”; $content = get_page($page_id); echo $content->post_co

wordpressで書いた記事は、アーカイブ（記事一覧）では新しい順（降順）に並びます。 でも　中には小説を書いて古い順に並べたいとか、マニュアルを１から順番でとかという場合もあるでしょう。 wordpressには「query_posts」という条件を指定できるタグがあります。 これをループの前に付け加えることで、いろいろな条件の指定ができます。 query_postsで出来る指定はいろいろありますが、他の使い方は機会があればまとめます。 今回は、この昇降順の変更と、特定のカテゴリーのみに指定する条件分岐についてです。 古い順に並べてみる アーカイブ：arcive.phpというファイルが記事一覧のテンプレートになります。 これが無い場合はindex.phpを見てください。wordpressのTwenty ten~のテーマではloopの中をいじらなくてはならないので、慣れていない人は

特定のカテゴリー以下の記事だけ他のsingle.phpを使いたい。出来るんですねこれ。 やり方は簡単なのですが　この設定だとカテゴリーの子カテゴリー以下の記事には指定されません。 記事に対する親カテゴリーで指定しましょう。 function.phpに記述する add_filter('single_template', create_function('$t', 'foreach( (array) get_the_category() as $cat ) { if ( file_exists(TEMPLATEPATH . "/single-{$cat->term_id}.php") ) return TEMPLATEPATH . "/single-{$cat->term_id}.php"; } return $t;' )); single-カテゴリー名.phpを作る function.ph

wordpressの魅力はなんといっても豊富なプラグインが無料で使える事。 導入も設置も大抵はWEB知識が無い方でも簡単にできます。 でもでもブログテーマ等　複数のユーザーが手軽に使えるようなテーマを作る場合、 プラグインに頼らずにデフォルトでテンプレートに組み込んでおきたい機能が幾つかあります。 今回は、パンくずナビゲーションとページナビゲーションを設置する方法を紹介します。 ぱんくずナビゲーションをプラグインを使わずに設置 まずはfunctions.phpに下記のコードを入れます // パンくずナビゲーション function get_breadcrumbs(){ global $wp_query; if ( !is_home() ){ // Start the UL echo '<ul>'; // Add the Home link echo '<li><a href="'. get

下層ページのみヘッダー画像をページ毎に簡単に変更するという　カスタマイズをしたのだが、絶対に忘れてしまうので　備忘録として記しておこう。 wordpressの新しい機能として　カスタムヘッダーとアイキャッチ画像の登録というのがある。 簡単に説明すると カスタムヘッダーはテーマの編集でヘッダー画像を変更出来る仕組み アイキャッチ画像とはその記事を代表するサムネイル等に使用する画像を指定するもの というわけで、通常はカスタムヘッダーで登録した画像をヘッダーに表示し、アイキャッチ画像を設定したページや記事には　アイキャッチ画像がヘッダー画像として設定されるというカスタマイズをしてみました。 まずfunction.phpにカスタムヘッダーの設定をする。 詳しい説明は省きます。 add_custom_image_header('header_style','admin_header_style');

久しぶりにサイトのリニューアルをしたので 今まで適当だったブログ部分に色々手を加えてみました。 今回紹介するのは記事一覧ページで、記事のサムネイル表示、それと抜粋記事を設定していない場合もしくわ設定しているが表示文字数を変えたい時の方法です。 記事サムネイルを表示させるプラグイン 記事のサムネイルを表示させるには、wordpressのアイキャッチ機能などを使っても出来ますが、過去に投稿した記事のことなどを考えるとアイキャッチは面倒。 というわけでプラグインを導入しました。 プラグイン名：Thumbnail For Excerpts １：上記サイトからダウンロードしてアップするか　ダッシュボードのプラグイン追加から検索してインストール。 ２：有効化してThumbnail For Excerptsの設定画面へ。（下画像） 画像サイズ設定：widthとheightは表示するサムネイルのサイズで

wordpressの問い合わせフォームを作るのに便利なContactform7 他にも問合せフォームを作るプラグインはあるけれど、やっぱり私はこれに頼らざるえない。 だが他の問合せフォームで見るような２点の機能が無い。それは・・ ■　確認用にメールアドレスを２回入力させ、尚且つチェックする機能 ■　郵便番号を入力すると自動で住所が入力される機能 というわけで　上記の２点をContactform７に対応させてみました。 確認用にメールアドレスを２回入力させ、尚且つチェックする機能 こちらはとても簡単に実装出来ます。Contactform7は透かし文字も入れられるので、下の画像のようにテキストエリアに文字を入れられます。 1:まずfunction.phpに下記の記述を追加します。 かならずの間に入れてください。 add_filter( 'wpcf7_validate_email', 'wpcf

基本的に私の仕事の進め方としては、クライアントの意向を聞いて　いきなりphotoshopで作り始めます。 でもでも　複雑なテンプレートを要する場合はワイヤーフレームを作って事前に説明することもあります。 今回は　そんなワイヤーフレームやサイトマップ等を簡単に作れる無料のサイト（有料版もあり）を紹介します。 ここで作るワイヤーフレームは本格的な物が作れますが、基本的には打合せ等で使う一つのツールと考えた方が良いですね。 そのかわり　複数の人間で共有したり　クライアントと電話などで画面を見ながらやりとり出来るという利点もあります。 もちろん大抵はPDFやPNGで保存出来ますので　メールで送ったり印刷したりもOK。 あと大体どこも自動保存なので　PCが固まったりしても大丈夫です。 cacoo 日本語サービスにも対応した有名なサイトです。 アカウントを作成すれば　とりあえず無料で作れます。

ブログ以外のページをトップページに設定したり wordpressをCMSとして使用する場合には　更新情報やニュースが必要になってきます。 あとはｃｓｓでスタイルを変えるか　直接テーブルとかでスタイル調整してもいいです。 参考までにこのブログのトップに入れてあります。 下記のソースを参考にindexphpかhome.phpに記述します。 <h2>What's New</h2> <?php query_posts($query_string . 'showposts=5&cat=0'); ?> <?php if (have_posts()) : ?> <dl> <?php while (have_posts()) : the_post(); ?> <dt><?php the_time('Y-m-d') ?></dt> <dd>[ <?php the_category(', ') ?> ] <