タグ

ブックマーク / www.koikikukan.com (4)

  • WordPressのthe_excerpt()をカスタマイズする

    WordPressのthe_excerpt()は、抜粋を表示するためのテンプレートタグです。ここではTwenty Elevenテーマを使って、the_excerpt()の末尾に表示する内容を変更する方法を解説します。 Twenty Elevenテーマでは、検索結果の文の一部を表示するためにthe_excerpt()を使っており、抜粋の最後に「続きを読む→」を表示しています。 デフォルトの検索結果 以下、the_excerpt()に掲載されているサンプルを拝借して、カスタマイズ方法を紹介します。それぞれのコードは利用テーマのfunctions.phpに追加してください。 1.末尾の文字列を変更する function new_excerpt_more($more) { return ' ..... '; } add_filter('excerpt_more', 'new_excerpt_mo

    WordPressのthe_excerpt()をカスタマイズする
  • CSS で table に斜線を引く方法

    CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル(クリックすればサンプルページに移動します) Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素(ここでは span)に position: absolute; を設定。 斜線(border)を適用する要素の前に &nbsp; を設定。&nbsp; がなかったり、要素の後方に&nbsp; があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t

  • CSS ネガティブマージンで重なった要素のリンクをクリックできるようにする

    CSS レイアウトでネガティブマージンを使っていると、一部のモダンブラウザでリンクがクリックできなかったり、マウスでテキストを選択できない状態になる場合があります。 配布中の Movable Type 4.2 テンプレートをご利用の方からご指摘を頂きましたが、ネガティブマージンを使った CSS レイアウト全般で有効な対処方法と思われるので、備忘録として残しておきます。 1.問題点 次のように、左サイドバーの「Movable Type 入門セミナー」にマウスをポイントしてもリンクがアクティブになりません。 なお、この問題に関する、Windows XP での各ブラウザの動作状況は次の通りでした。 FireFox3.0.3:NG Safari3.1.2:NG Opera9.5.2:OK Google Chrome:NG IE6:OK IF7:OK 2.原因 中央カラムにネガティブマージンを設定し

    CSS ネガティブマージンで重なった要素のリンクをクリックできるようにする
  • °cc: 2007年3月13日 ¢«

    CharsetEncoder プラグイン v0.12Masashi Takamizawa 03/09 2017:03:09:10:56:10jQueryでselect要素のテキストを取得する方法https://me.yahoo.co.jp/a/nFnZE3gTUri9Rfn9_mTKODJ89sBO#3124c 12/08 2016:12:08:12:45:25Movable Typeで承認ワークフローを実現する「Workflowプラグイン」Hideo Shouno 10/05 2016:10:05:13:39:00yujiro 10/26 2016:10:26:23:57:45WordPress テーマ(テンプレート)・3カラム版https://me.yahoo.co.jp/a/6eZomBEYVprTXqrYoo7FKlhUcggRwFOabR4S9kIEGguVOBfqoDw-#59

    Nishina
    Nishina 2008/07/06
  • 1