PAOLOG[B!]新着記事・評価 - はてなブックマーク

『PAOLOG』

11 | 3月 | 2009 | PAOLOG
4 users
scianto.net

モコモコつうしんスコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
- テクノロジー
- 2012/11/25 11:10
- jsonp
- JavaScript
- jQuery
- ajax

10 | 10月 | 2010 | PAOLOG
4 users
scianto.net

モコモコつうしんスコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
- テクノロジー
- 2012/03/15 16:10
- WordPress
22 | 7月 | 2010 | PAOLOG
3 users
scianto.net

モコモコつうしんスコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
- テクノロジー
- 2012/02/18 22:53
- wordpress
09 | 8月 | 2009 | PAOLOG
10 users
scianto.net

モコモコつうしんスコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
- テクノロジー
- 2012/02/16 13:16
- css
- opacity
- IE
- design
[WordPressカスタマイズ]オプションページの作り方 | PAOLOG
3 users
scianto.net

WordPressで独自プラグインを作ったら、プラグイン固有のオプション（設定）ページを作る機会もあると思います。そこで今回はプラグインからオプションページを作る方法を調べてみました。WP2.7以上限定です。オプションページの作り方はしっかりと公式サイトに載ってますのでそちらを参考に。英語版ページ：Creating Options Pages « WordPress Codex このページにはWP2.7から使えるようになった関数を使ったサンプルが掲載されてます。これらを使うとこれまでより簡単にオプションページを作成できるみたいなので、2.7用のコードをピックアップします。ステップ1 まずはプラグインヘッダを書きます。 /* Plugin Name: Create Options Pages Plugin URI: http:/scianto.net/ Description: オプシ
- テクノロジー
- 2011/04/26 15:08
[WP3 カスタマイズ] コメントフォームをdl要素でマークアップする | PAOLOG
9 users
scianto.net

WordPressのテンプレートタグcomment_form()を使って、コメントフォームをdl要素でマークアップするカスタマイズをやってみました。対象 WordPress 3.0.0 以上 comment_form()タグはWP3で追加されたタグです。ソースコードこのタグはwp-includes/comment-template.phpで定義されています。参考にしてください。目標とするHTMLソースフォームとしてはおおまかに以下のような形を目標とします。 <dl> <dt><label for="author">名前</label></dt> <dd> <input id="author" name="author" type=" text"/> </dd> <dt><label for="email">メールアドレス</label></dt> <dd> <input id=
- 学び
- 2011/04/09 00:17
- wordpress
- あとで読む
loop.phpを見る [ゼロから作るWP3テーマ vol.2] | PAOLOG
5 users
scianto.net

WordPressの新テーマ「TwentyTen」のloop.phpの中身をのぞいてみます。 index.phpから呼び出されるloop.phpの中身をのぞいてみます。loop.phpにはトップページやカテゴリーページで記事を表示するための処理が書かれています。 Twenty Tenでは「Asides」または「Gallery」カテゴリーの投稿を別のスタイルで出力するようになっていて、なかでも画像のサムネイルの取り出し方は参考になりました。なのでそのあたりを中心に覚えておきたいソースの書き方を紹介していきます。前後のページへのリンク <?php if ( $wp_query->max_num_pages > 1 ) : ?> ・・ <?php endif; ?> このコードで前後のページへのリンクを表示します。 1ページに表示する記事数は「表示設定>1ページに表示する最大投稿数」から変更
- 学び
- 2010/12/19 23:28
- WordPress
- theme
- tips
sidebar.phpを見る [ゼロから作るWP3テーマ vol.4] | PAOLOG
3 users
scianto.net

今回は「TwentyTen」のsidebar.phpを見てみます。 TwnetyTenはウィジェットに対応しているのでsidebar.phpの中身もウィジェット関係のコードです。なので、どうやってテーマをウィジェットに対応させているかを見ていきます。ウィジェットエリアの登録ウィジェットエリアというのは管理ページでいうところの以下のところのこと。このウィジェットエリアはfunctions.php内で定義されています。 function twentyten_widgets_init() { // Area 1, located at the top of the sidebar. register_sidebar( array( 'name' => __( 'Primary Widget Area', 'twentyten' ), 'id' => 'primary-widget-are
- 世の中
- 2010/10/10 15:31
ゼロから作るWP3テーマ vol.3 | PAOLOG
6 users
scianto.net

header.phpの中身を見てみます。ドキュメントスイッチの周辺 <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> 冒頭はHTML5的な書き方ですね。いまのところはこの程度に収めておくのがよさそうです。モダンブラウザはもちろん、IE8でも不具合はないようなので。ここにでてきたlanguage_attributes()は知らなかったのでメモ。html要素にlang属性を出力する関数です。引数にhtmlかxhtmlを指定するとlang="ja"またはxml:lang="ja"を追加してくれます。でも、わざわざ関数を使うまでもなく直接書いちゃったほうが楽ですね。ページタイトル表示 global $page, $pa
- 暮らし
- 2010/10/01 09:47
厳選！Photoshopのブラシサイト7選 | PAOLOG
3 users
scianto.net

Photoshopのブラシを大量に配布している有名サイトです。もうこれだけあると十分ですよね。 QBrushes Brusheezy! Brush King GetBrushes.com PS Brushes.net myPhotoshop Brushes.com deviantART 関連する投稿一度はつくってみたいサイトデザインの見本 (0) Photoshopの練習にしたいWebレイアウトデザイン#1 (0) Adobe Creative Suite 3 Web Premiumの購入を考え中 (0)
- 暮らし
- 2010/01/23 14:59
- Photoshop
検索フォームを設置する[WordPressテンプレート作成#8] | PAOLOG
10 users
scianto.net

サイドバーに検索フォームを設置します。今回の目標は次のようにします。検索フォームをサイドバーに設置（searchform.php）検索結果を表示するテンプレートを作成（search.php）検索フォーム（searchform.php） searchform.phpという名前で新規ファイルを作成しておきます。コードは以下。  <div id="SearchForm"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <fieldset> <legend><label for="s">検索</label></legend> <p> <input name="s" id="s" type="text" value="keyword(s)" tabindex="1" /> <i
- 暮らし
- 2009/10/30 10:07
- WordPress
- plugin
- search
- php
個人的によく使うID名とclass名 | PAOLOG
3 users
scianto.net

IDやclass名の命名規則みたいなものは、いくつかサイトを作っていくとお決まりのパターンができてきます。今日は最近の自分ルールをまとめておくことにします。全体を囲んだり、ブロックにわけたり・・・ #wrap #wrap-main #wrap-sub #wrap-extra ヘッダー部分で使う #header #branding #logo #description ナビゲーション #nav #navigation #global-nav メインコンテンツ #contents #content-primary #content-secondary #content-third コンテンツ内でブロック分けにつかえそう .col .column .section .area .widget .block ブログの記事とかの部分 .entries .entry .entry-header .e
- 暮らし
- 2009/10/09 22:49
- html
- css
コメントフォームとコメント一覧を表示する[WordPressテーマ作成 #5] | PAOLOG
14 users
scianto.net

シングルページ（記事の個別ページ）にコメントフォームとその記事に投稿されたコメントの一覧を表示するようにテンプレートをつくってみます。デフォルトテンプレートをみてもコメントの部分はけっこう複雑なのでindex.phpだけではつらいです。なのでテンプレートを分けます。「comments.php」という名前で新規ファイルを作成。これにタグを書いていきます。index.php側でこのテンプレートを読み込むには次の構文を記事のループの中に書きます。 <?php comments_template(); ?> さらに、次の文をhead要素内に書きます。 <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> コメント返信用のJavascriptを挿入するための記述です。wp_head()関数があるときはそ
- おもしろ
- 2009/10/06 15:49
最近の記事を表示する[WordPressテーマ作成#10] | PAOLOG
3 users
scianto.net

最近書いた記事をサイドバーなどに表示する方法を紹介します。今回のポイントとなるテンプレートタグはquery_posts()です。このタグをつかうとループ内に表示する記事の表示件数を変えたり、特定のカテゴリに属する記事のみ抽出することができます。最新X件の記事を表示たとえば次のようにすると最新5件の記事タイトルを表示します。 <?php if ( have_posts() ) : query_posts('showposts=5'); ?> <ul> <?php while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <?php endwhile;?> </ul> <?php endif; ?> query
- 暮らし
- 2009/09/23 23:01
- wordpress
モダンブラウザとIEに対応したopacity指定 | PAOLOG
33 users
scianto.net

cssで要素の透明度を指定する「opacity」プロパティの書き方をメモしておきます。 IE以外のモダンブラウザ要素に透明度を与えるにはcssのopacityプロパティを使います。たとえば透明度を半分の50%にしたいときは次のように指定します。 opacity: 0.5; ですがこのプロパティはIE以外のモダンブラウザと呼ばれるものしか対応していません。IE6～IE8では独自拡張のfilterプロパティを使うことで同様の表現ができます。 IE6とIE7 IE6またはIE7では次のように指定します。 filter: alpha( opacity=50 ); opacity=50は透明度が50%の意味。opacityプロパティとは数値の指定が違うので注意です。 IE8 IE8では独自実装や、先行実装のプロパティを使うときは接頭辞「-ms-」を使わないといけなくなりました。さらに「:」以降の部
- 世の中
- 2009/08/11 22:40
- css
- ie
- ie6
- css
- IE8
- webdesign
ループで記事を表示する [WordPressテーマ作成 #2] | PAOLOG
5 users
scianto.net

MovableTypeでは記事の一覧を表示するのにMTEntriesタグで簡単に表示することができましたが、WordPressはちょっとだけ複雑です。 <?php if(have_posts()) : while(have_posts()) : the_post(); ?> ～記事の表示～ <?php endwhile; else: ?> ～記事がないときの処理～ <?php endif; ?> このようにWordPress内で定義されている関数を使うことになります。have_posts関数は記事があるかどうかという判断をする関数で、while構文でループさせるようです。ループについてはこちらを参照。 The Loop – WordPress Codex 日本語版英語版はこっち The Loop « WordPress Codex ここで使われているPHPのifや
- 暮らし
- 2009/08/11 19:34
- WordPress
- PHP
jQuery+JSONPで商品検索[jQuery+楽天API#1] | PAOLOG
7 users
scianto.net

これからはjQueryだろーって雰囲気なのでjQuery+楽天ウェブサービスを練習してみます。これまでjQueryのライブラリは使ったことはあっても自分でスクリプトを組んだことがないのでここらで練習しておきます。今回の目標&やりたいことはこれ！楽天商品検索APIを使用（version:2009-02-03） jQueryでAjax JSONP 検索機能はなし用意するファイル・・・index.htmlとjQuery.js 最初なのでシンプルなサンプルからいきます！。これをベースに機能を追加していく感じで・・・。まずはjQueryの本体をダウンロードしてindex.htmlに読み込みます。公式サイトからダウンロード：jQuery <script type="text/javascript" src="jquery.js"></script> ページの読込み時に実行す
- 学び
- 2009/06/26 10:56
- javascript
- ajax
- jquery
ビジュアルエディタをカスタマイズするWordPressプラグインTinyMCE Advanced | PAOLOG
17 users
scianto.net

WordPressのビジュアルエディタをさらに便利にするプラグインTinyMCE Advancedを紹介します。記事投稿時にとっても役に立ってくれる機能がたくさんつまったエディタTinyMCEですが、まったく使わないボタンがあったり、逆に必要なボタンが表示されてなかったりしませんか？そういうときにこのプラグインが役に立ちます。ダウンロードダウンロードは以下から。WordPress本家のプラグインカテゴリです。WP2.7ならもちろん管理画面からインストール可能です。 WordPress.ORG:TinyMCE Advanced 使い方ボタンの追加と削除プラグインを有効化すると設定メニューにTinyMCE Advancedという項目がでてきます。これが設定画面へのリンクです。操作はとっても簡単。ボタンを追加するときは下のボタンアイコンを上にドラッグ&ドロップする
- 学び
- 2009/05/21 10:51
- WordPress
- TinyMCE
- プラグイン
- plugin
- UI
- memo
- web制作
query_postsで特定のカテゴリの記事を表示する[WordPressテンプレート作成#12] | PAOLOG
38 users
scianto.net

トップページにおすすめの記事として特定のカテゴリの記事を表示するということはよくあります。今回はそれを実現してみます。デフォルトではすべてのカテゴリから管理画面で指定した件数ぶんの記事を取り出すようになっているので、ループ中で特定のカテゴリだけに絞り込む必要があります。この場合、テンプレートタグのquery_posts()を使います。query_posts()はループ中で使い、クエリを変更することができます。コードは次のようになります。 <?php if ( have_posts() ) : query_posts('cat=4'); ?> <ul> <?php while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <?php
- 暮らし
- 2009/05/18 18:46
- wordpress
- リファレンス
ロリポップでPHPを使うときにぶつかるパーミッションの壁 (2/2) | PAOLOG
5 users
scianto.net

ロリポップでPHPを使うときにぶつかるパーミッションの壁（1/2）の続きです。前回はパーミッションの基本を理解しいている範囲でということで書きました。今回はPHP関連のパーミッションの設定について。例を挙げたほうがわかりやすいと思うので、次のようなファイル構成を持つ簡単なアプリケーションの場合を考えます。index.phpは商品データを登録するスクリプトで、商品データをitem.csvというファイルで保存するものだとします。item.csvはdataというディレクトリに入ります。ファイル構成は次のようにします。 index.php data item.csv ロリポップではPHPファイルは「６４４」または「６０４」で動作するようなので特に問題はありません。普通にファイルをサーバーにアップロードするだけでいいようです。ただ、できれば「６０４」にしたようがいいかもしれません。ロリポップ
- 学び
- 2009/02/24 14:55
- PHP
ゼロから作るWPテーマ[WordPressテーマ作成 #1] | PAOLOG
109 users
scianto.net

こんばんわ^ ^。そろそろWordPressのテーマを勉強する気になってきたのでテーマ作成に挑戦しようと思います。テンプレートタグにはどんなものがあるかとか、どういう風に書けばいいのかとかほとんど知識なし。もうゼロからのスタートになります。しばらくは次のような方向でいきます。 index.phpテンプレートからはじめるテンプレートタグはひとつずつ理解していく調べてもわからないタグはとりあえず無視ウィジェットに対応・・・するかは微妙将来的にはテンプレートの雛形になるようにテーマの名前は単純に「Theme Base」デザインは考えていないのちのち個人的にコーディングしやすいようにidやclassは随時追加しておくブログに基本情報は次のとおり。 XAMPP1.7をインストールしたローカル環境にWordPressをインストール URL：http://lo
- 暮らし
- 2009/02/14 15:13
PAOLOG
22 users
scianto.net

モコモコつうしんスコティッシュフォールド「モコ」の日々の様子を写真と動画で紹介してます。もうメロメロ♡ ねこと赤ちゃんの初めての遭遇 2015.02.23(Mon.)
- テクノロジー
- 2009/02/11 09:57
XAMPPの403エラーのこといろいろ | PAOLOG
3 users
scianto.net

一応解決したXAMPPのセキュリティ設定をしようとすると403エラーがでるっていう問題ですが、Googleでいろいろ見ているうちにVista側にも問題があるのかもって思うようになりました。 Vistaに問題があるといっても人それぞれ環境が違うだろうし一概にはいえませんが、うちのVistaでは・・・というお話です。いろいろググッてみて「これが原因かな～？」という感じはつかめたのですが、如何せん知識に乏しいので、ここでは原因に関係すると思われるキーワードについてどうした場合に正しく動いたかといった内容だけにとどめたいと思います。環境について Windows Vista Home Premium SP1 XAMPP 1.7.0 D:/xamppにインストール httpd-xampp.confの修正 Apacheの設定ファイルhttpd-xampp.confを次の
- 学び
- 2009/01/23 23:49
SyntaxHighlighterでコードを見やすく整形する-PAOLOG
6 users
scianto.net

記事中でPHPやJavascriptなどのコードを紹介するときにとっても見やすく整形してくれるJavascriptがこのSyntaxHighlighterです。 SyntaxHighlighterの入手 SyntaxHighlighterはGoogle Codeから手に入れることができます。トップページからダウンロードしてください。2008年9月現在のバージョンは1.5.1。 SyntaxHighlighter_1.5.1.rar 設置ダウンロードしたファイルを解凍すると「SyntaxHighlighter」フォルダができます。そのなかにはScripts、Styles、Uncompressedの三つのフォルダがあります。Uncompressedフォルダには圧縮されていない（ファイルサイズの大きな）ファイルが収めてあるのでこれは使わなくてもいいでしょう。それ以外のフォルダを適当なフォルダ
- 暮らし
- 2008/10/18 13:52

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx