サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
varl.jp
Opera, IE9, Chrome, Firefox での表示比較画像 16px、うむむ… font-size を上げると、一気に綺麗になった。 bold にしてみる。 text-shadow を加えてより滑らかに。 text-shadow を複数指定。 5番目がいいかな。最終的に以下のスタイルをベースに、文字サイズや背景色に応じた font-color と text-shadow で微調整。 CSSとサンプル #mincho { font-size:30px; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif; text-shadow:0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb; } 新精機ヱヴァソゲリヲソ
HOME › Website Tips ノート › Posted on: 2011/06/25 .htaccess の設定で .php などファイルの拡張子なしでもアクセスできるようにする 拡張子がなくてもアクセスできれば、「WP 以外の PHP ファイルで WordPress の関数を使う」、こんな用途の場合でも WP のパーマリンク構成(スラッシュ無し)を保つ事ができますね。 任意の場所、例えばルートディレクトリに「custom-archive.php」というファイルをアップロードした場合、 http://example.jp/custom-archive というURLでページを表示できます。 .htaccess の設定 RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENA
WordPress 2.8 から実装されたカスタムタクソノミ―、様々な使い方や応用ができることからだいぶ浸透してきた感じがします。検索サイトやレヴューサイトを構築する時には、特に重宝しているのではないでしょうか。 その手のサイトのシングルページで「並べ替え」をしながら表示する必要があったので、忘れないうちにメモしておきます。 get_the_term_list( $id, $taxonomy, $prefix, $infix, $suffix ) タームリストの表示では、最も利用されているテンプレートタグだと思います。その投稿に関連付けされた当該タクソノミのタームリストを、「リンク形式」で返す関数です。5つの引数を設定可能で、第一引数(投稿ID)と第二引数(タクソノミーの名前)は必須。 $prefix : そのタームリストの先頭に書き出す文字列やHTMLタグ $infix : タームが複数
HOME › Website Tips ノート › Posted on: 2009/04/04 著作権を気にせずFlickrの写真を利用できるWPのプラグイン「Photo Dropper」 著作権についてよく知りませんでした、スミマセン… 謝るだけでは済まない時代が来るかも。 ブログやウェブを華やかに飾る高画質の画像は、個人レベルでは手に入りづらいもので、著作権フリーの素材を扱っているサイトや、Wikimedia Commons(ウィキメディア・コモンズ)などを利用するのですが、 写真検索 ダウンロード サーバーにアップロード HTMLコード入力 と、ちょっと面倒に感じます…。 そこで、WordPressのプラグインにも対応した Photo Dropper を試してみました。 Photo Dropper (フォトドロッパー)は、flickr の写真を表示するためのコードを投稿に挿入でき
HOME › Website Tips ノート › Posted on: 2010/07/04 WPの記事評価プラグイン、WP-PostRatings をCSSベースにカスタマイズ と言ってもカテゴリーページの表示を少し変えただけ…。 WordPress の記事にレーティング機能を追加できるプラグインとして有名な「WP-PostRatings」。ajaxで画面の遷移なくレーティングが反映されたり、設置が簡単な事からありがたく使わせていただいているのですが、一つだけ不満な点があります。 このプラグインでは、画像(img要素)を直接書き出してレーティングを表示する方法となっているので、下記のようなコードが吐き出されます。 // スター画像一つに付き <img src="http://example.com/wp-content/plugins/wp-postratings/images/st
HOME › Website Tips ノート › Posted on: 2010/09/30 カスタムタクソノミーのタームで in_category() や has_tag() の代わりになるものは? 所属タクソノミーやタームを判断する関数 in_tax() や in_term() は、今のところ(WP3.01 現在)用意されていないので(たぶん)、in_category() がどんな処理をしているのか include/category-template.php(257行目~) をのぞいてみました。 改行を含めて 18 行程でまとめられた中に、is_object_in_term() という関数を使っているのがわかりました。include/taxonomy.php(2630行目~)
HOME › Website Tips ノート › Posted on: 2010/03/30 jQuery UI Tabs で Ajax、Cookie、キャッシュを使ったタブコンテンツを作りたい 正式版となった「jQuery UI 1.8」が公開されました。先日投稿した「Ajaxのタブ切り替えを使って、WPのサイドバーにある発リンク数を調整」という記事と重複する部分は多いですが、同様のタブコンテンツを jQuery 1.4.2 + UI Tabs 1.8 で再現したいと思います。 ファイル一式を用意 デモ : http://jqueryui.com/demos/tabs/ ダウンロード : http://jqueryui.com/download 1. ダウンロードのページに行くと、全ファイルにチェックが入った状態で待ち構えています。ただし、必要最低限のファイルだけ欲しいので、いったん全
HOME › Website Tips ノート › Posted on: 2011/01/03 ページ機能を使ったカスタム投稿タイプのアーカイブで、ページングに不具合がでます… おそらくWordPress 3.1 にアップデートされれば使い勝手が向上し、この調整も必要なくなると思いますが、一応それまでの応急処置としてメモ。 以前、何となく分かった!「カスタム投稿タイプ」の表示方法や条件分岐など というエントリーをしていますが、「ページ機能を使ってカスタム投稿タイプのアーカイブページを作成」する場合に、コードによってはページングが機能しないことがあります。 以下、ページ機能(page-{***}.php)を使った場合です。 ページングのリンクが出てこないのは? ページングのリンクには、リクエストされたクエリの最大投稿数の値が必要です。プラグイン(wp-pagenaviなど)にせよ funct
HOME › Website Tips ノート › Posted on: 2010/12/27 WPで使えそうな、PHPを利用したファイルやURI情報の取得と解析 割と使う頻度がありつつ忘れっぽいのでメモ。以下、public_html 直下に設置した WordPress の場合で、このページを表示するのに必要なファイル(single.php)に記述した場合の実行結果です。 { Icon by: newmooon } __FILE__ PHP で定義されている定数。ファイルのフルパスとファイル名を取得できます。
HOME › Website Tips ノート › Posted on: 2009/11/18 WPでカテゴリー限定の検索フォーム設置と、検索キーワード及び件数の表示 WordPressを利用した一般的なブログではまず必要ないですが、カテゴリーによってコンテンツが大幅に異なる構成の場合、カテゴリーごとに(限定して)記事の検索をしたいと思うことがあります。 このサイトでも、突拍子もない自己満足のカテゴリを設けているので、検索件数の表示など、 search.php のミニカスタマイズも併せてメモ。 検索フォーム フォームに wp_dropdown_categories(); の一行を追加すると、カテゴリー限定検索に必要なドロップダウンメニューが表示されます。 <form method="get" action="/"> <fieldset> <legend>検索</legend> <?p
このページは、Custom Taxonomy 機能を導入するまで の続きです。 投稿ページやアーカイブページに Custom Taxonomy を表示します。is_tax を使った条件分岐や、wp_tag_cloud も利用可能です。 また、 query_posts にタクソノミーを指定すれば、様々な場所で特定termの記事リストを表示することもできます。 以下、WordPress バージョン2.91 または 2.92 での検証です。 投稿ページなどで使う get_the_term_list 記事の分類に使われている、カスタムタクソノミーのtermリストを表示します。主に投稿ページ(single.php)やアーカイブページのループ内で使い、下記の例では、タクソノミー「artist」に該当するtermリストが表示されます。 引数(1, '2', '3', '4', '5' ) 投稿ID タク
HOME › Website Tips ノート › Posted on: 2011/02/25 WP の検索結果やアーカイブページで、「検索結果 ○件中 ○~○件を表示」を表示する 口コミサイトやレビューサイトなどを運営し、かなりの数のデータ(投稿)を保有している場合、「検索結果は何件あって、今何件目を表示しているのか?」という情報を閲覧者に提供してあげたいものです。 WordPress でも $wp_query にセットされている値を加工してあげれば実装は簡単です。 $total = (int) $wp_query->found_posts; // 検索結果総数 $paged = (int) get_query_var('paged'); // 現在のページ $per_page = (int) get_query_var('posts_per_page'); // 1ページの表示件数
HOME › Website Tips ノート › Posted on: 2011/02/27 WP3.1で追加された「admin bar」の非表示や、不必要メニューの削除、項目の追加方法 WordPressが3.1にバージョンアップされて追加された機能の一つに、管理メニューへの移動が便利になる「admin bar」があります。フロントエンドから一発で目的のページに移動できるので、とても便利に感じています。 ただ、特にマルチサイトやユーザー登録型のサイトを運営されている方にとっては、非表示にしたい、あるいはリンクを一部削除したいという要望もあるのではないでしょうか。 全項目の非表示 管理メニューのユーザープロフィールページ(/wp-admin/profile.php)で設定できます。管理画面のみ、フロントエンドのみ、両方の表示・非表示を調整可能です。 また、show_admin_bar()
HOME › Website Tips ノート › Posted on: 2010/08/12 何となく分かった!「カスタム投稿タイプ」の表示方法や条件分岐など 目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1:投稿(post)と同時表示 • ケース2:カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレート
WordPress には、前後記事へのリンクを表示するテンプレートタグ(next_post_link、previous_post_link)がありますが、サムネイルを含めることはできません。前後の記事情報(投稿ID)を取得してカスタマイズすれば何とかなるはず、と思っていたのですが……、何とかなりました。 サムネイル機能を使ってない場合のサンプルコード <ul> <?php $prevpost = get_adjacent_post(true, '', true); $nextpost = get_adjacent_post(true, '', false); if ( $prevpost ) { echo '<li class="prev"><a href="' . get_permalink($prevpost->ID) . '"><img src="/img/' . $pre
カスタム投稿タイプ「音楽」で利用するために、「アーティスト」というカスタムタクソノミを作成した場合、デフォルトの設定だと下記のようなURL形式になります。 カスタム投稿アーカイブ:http://example.jp/music タクソノミアーカイブ:http://example.jp/artist/*** シングルページ:http://example.jp/music/minnano-uta ただし、タクソノミ作成時(register_taxonomy)に rewrite slug を設定することで、タクソノミのベースURLは自由に変更することができます。 これで、タクソノミのアーカイブへは、http://example.jp/music/artist/*** でアクセス可能となり、投稿タイプ、タクソノミ、シングルページのそれぞれが、関連性を持った形式のURLを保つことができるようになりま
HOME › Website Tips ノート › Posted on: 2011/02/25 WordPress 3.1 から使う、カスタムポストタイプの設定から表示までのまとめ ...的なもの WP が3.1 にバージョンアップされ、使い勝手がよくなったカスタム投稿タイプ機能。「3.0 ではあれこれ苦労したのに!」と思うほど、スムーズに設定、表示までできるはずです。3.1 から追加された関数などと合わせ、もう一度設定から表示までの手順をメモしたいと思います。 1. 設定 時間がたつにつれて便利なプラグインが増えてきましたが、頻繁に変更するものでもないですし、必要最低限の記述で済むというメリットもあるので、functions.php を利用することにします。 ボリュームのある設定項目 も、「デフォルトのままでOK」という部分が多く、意外とすっきりとしたコードで済みます。 投稿タイプ「vi
term は「***」 部分のこと。 ・http://example.com/tag/*** ・http://example.com/category/*** ・http://example.com/mytaxonomy/*** Custom Taxonomy 導入後のイメージ 例えば、「エンタメ情報サイト」を運営し、ある日本の名曲について記事を書いたとします。 今まで 音楽というカテゴリーに属する記事とし、歌手や作詞者、ジャンルなどをタグに設定して細分化します。各タグのアーカイブページURLは、タグベースを変更していなければ「http://example.com/tag/***」となります。 表示位置の変更は可能ですが、それを同類タグごとに任意の場所に表示させるのは複雑な感じがして、タイトルや記事内容の直後に配置することが多いと思います。 導入後 一方、Custom Taxonom
目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1:投稿(post)と同時表示 • ケース2:カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレートに施したカスタマイズの例を中心にメモしたいと思います。 カスタム投稿タイプを使えるようにする functions.php にコードを追加したり、CMS Press
WordPress の記事にレーティング機能を追加できるプラグインとして有名な「WP-PostRatings」。ajaxで画面の遷移なくレーティングが反映されたり、設置が簡単な事からありがたく使わせていただいているのですが、一つだけ不満な点があります。 このプラグインでは、画像(img要素)を直接書き出してレーティングを表示する方法となっているので、下記のようなコードが吐き出されます。 <img src="http://example.com/wp-content/plugins/wp-postratings/images/stars_crystal/rating_on.gif" alt="10 投票, 平均値/最大値: 3.50 / 5" title="10 投票, 平均値/最大値: 3.50 / 5" class="post-ratings-image" /><img src="htt
WordPress のデフォルトでは、カテゴリーページで http://varl.jp/category/music のようなURLになります。この「category」にはもちろん意味はあるのですが、できればスッキリとしたURLにしたいところです。 その対処をするプラグインとして、長らく「Top Level Categories」と、ページングのバグを解消する「Top Level Categories Fix」を併せて利用していたのですが、カテゴリーフィードの場合はエラーになってしまうのです。 Top Level Categories では、 http://varl.jp/category/music/feed なら問題ないのですが、 http://varl.jp/music/feed ではエラーとなり表示できません。 そこで、同じ機能を持ったプラグイン「WP No Category Ba
脱毛する部分や何回施術するかによって Posted in スキンケア, 医療クリニック, 脱毛について 12月 28, 2017 datumoutarou 0それほど資金的に余裕のない人のムダ毛処理については、脱毛クリームがおすすめできま… Continue Reading あと少し余裕ができたら脱毛にトライしてみようと Posted in 医療クリニック, 医療レーザー, 脱毛サロン, 雑記 12月 1, 2017 datumoutarou 0脱毛クリームに関しましては、特別な内容成分でムダ毛を溶解するという、言わば化学反… Continue Reading バスタイム中にムダ毛の処理をしている人が Posted in 体験談, 医療クリニック, 医療レーザー 11月 11, 2017 datumoutarou 0暖かくなるにつれてどんどん薄着になっていくので、脱毛する方もたくさんおられ
投稿ページやアーカイブページにCustom Taxonomyを表示します。is_tax を使った分岐や、wp_tag_cloud() などが利用可能です。 また、 query_posts にタクソノミーを指定すれば、様々な場所で特定termの記事リストを表示することもできます。 以下、WordPress バージョン2.91 または 2.92 での検証です。 投稿ページなどで使う get_the_term_list その記事に関連付けされたカスタムタクソノミーのtermリスト。 主に投稿ページ(single.php)やアーカイブページのループ内で使い、下記の例では、タクソノミー「artist」に該当するtermリストが表示されます。 <?php echo get_the_term_list( $post->ID, 'artist', 'アーティスト: ', ' , ', '' ); ?>
正式版となった「jQuery UI 1.8」が公開されました。先日、「Ajaxのタブ切り替えを使って、WPのサイドバーにある発リンク数を調整」という記事を書いているのですが、早速同様のタブコンテンツを jQuery UI Tabs で再現したいと思います。 ファイル一式を用意 デモ : http://jqueryui.com/demos/tabs/ ダウンロード : http://jqueryui.com/download 1. ダウンロードのページに行くと、全ファイルにチェックが入った状態で待ち構えていますが、必要最低限のファイルだけ欲しいので、いったん全チェックを外します。 2. WidgetsにあるTabsだけにチェックを入れます。エフェクトなどの機能が欲しい方は、必要なコンポーネントにチェックを加えてください。 3. Tabs をチェックすると、動作に必要な「Core」と「Widg
著作権についてよく知りませんでした、スミマセン… 謝るだけでは済まない時代が来るかも。 ブログやウェブを華やかに飾る高画質の画像は、個人レベルでは手に入りづらいもので、著作権フリーの素材を扱っているサイトや、Wikimedia Commons(ウィキメディア・コモンズ)などを利用するのですが、 写真検索 ダウンロード サーバーにアップロード HTMLコード入力 と、ちょっと面倒に感じます…。 そこで、WordPressのプラグインにも対応した Photo Dropper を試してみました。 Photo Dropper (フォトドロッパー)は、flickr の写真を表示するためのコードを投稿に挿入できるもので、クリエイティブ・コモンズのライセンスが付与されたものを抽出する機能を兼ね備えています。 投稿に表示させるまでの手順 プラグインの新規追加メニューから、「Photo Dropper」
著作権を気にせず Flicker の写真を利用できる、ワードプレスのプラグイン「Photo Dropper」 「著作権についてよく知りませんでした、スイマセン…」 謝るだけでは済まない時代が来るかも。 ブログやウェブを華やかに飾る高画質の画像は、個人レベルでは中々手に入らない。 そこで、著作権フリーの素材を扱っているサイトや、Wikimedia Commons(ウィキメディア・コモンズ)などを利用するわけだが、 ・写真検索 ・ダウンロード ・サーバーにアップロード ・HTML(XML)コード入力 ちょっと面倒。 そこで、WordPressのプラグインにも対応した Photo Dropper を使ってみたい。 日本語解説サイトが少ないのは意外。 Photo Dropper (フォトドロッパー)は、flicker の写真を投稿に挿入できるもので、クリエイティブ・コモンズのライセンス
このページを最初にブックマークしてみませんか?
『顔脱毛の効果が高い医療脱毛 – 顔脱毛の効果が高い医療脱毛』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く