スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

CSS/HTMLのテクニックをクロスブラウザ対応(特にIE)にする方法のまとめ

coliss.com/articles/build-websites/operation/css/css-and-html-effect-with-cross-browsing-alternatives-by-1stwebdesigner.html
スポンサーサイト

WordPressでjQueryを使用する方法

www.uech.net/jquery/739.html
webdesignrecipes.com/anythingslider-in-wordpress-with-jquery/

複数の画像を横にスクロールさせる方法について

questionbox.jp.msn.com/qa6105266.html

get_postで記事を抽出したときの注意点。

get_postで抽出した場合、設定>表示設定の1ページに表示する最大投稿数
の設定が効かないので注意すること。

Breadcrumb Navigation XTを使ったときの注意点

swan.blog120.fc2.com/blog-entry-298.html

上記で記述した記事の続きになりますが、Breadcrumb Navigation XTを使用して
パンくずリストを作成するときに、カスタム投稿タイプとタクソノミーを使用して
カテゴリー作成を行っている場合は、以下のようなコーディングが生成されるので注意すること。

[生成コーディング]
<ul id="com_pankuzu">
   <li>
      <a href="http://localhost/wordpress/portfolio">Top</a>&nbsp;&gt
   </li>
   <li id="com_normal"><!-- Breadcrumb NavXT 3.9.0 -->
         <a title="Photo編" href="">Photo編</a>&nbsp;&gt;
   </li>&nbsp;
   <li class="com_color_ff871b">
             <a title="Go to the Photo Photoカテゴリー archives." href="http://localhost/wordpress/portfolio/phtcat/photo/">Photo</a>
    </li>
   &nbsp;&gt;</li>&nbsp;
   <li class="com_color_ff871b">
                ポートレート
   </li>
</ul>

[実コーディング]
function pankuzu_list() {
     if(function_exists('bcn_display')) {
     // Display the breadcrumb
         print("<ul id="."\"". "com_pankuzu"."\"". "class=" . "\""."com_clearfix"."\"". "><li><a href="."\"".get_bloginfo('url')."\"".">"."Top"."</a>"."&nbsp;&gt"."</li><li id="."\""."com_normal"."\"".">");
        bcn_display();
        echo "</ul>";
      }
}

本来ならば、Top > Photoと表示させたいのであるが、カスタム投稿タイプとタクソノミーで
カテゴリー生成を行っている場合、Top > Photo編 > Photoと表示されてしまう。

これは、Breadcrumb NavXT 設定の「一般タブ」内でTopとPhoto編を表示させているため
(検証の結果、この結論に至った)上記のような現象が発生する。
これを回避するためには、CSSでcom_normalに対し、display:none;を指定する。

そのほか、余分な</li>&nbsp;&gt;</li>&nbsp;が設定されてしまう。
(上記例で言うと、生成コーディング部分の  
<li class="com_color_ff871b">
                ポートレート
 </li>
の上の部分が該当する。)
そのため、パンくずリストの生成がおかしくなる。

これを回避するために、以下のような設定を行った。
Breadcrumb NavXT 設定 (Photoカテゴリー)
接頭文字と接尾文字に<span></span>を設定した。
これで、表示の不正は修正されるが、余分な</li>&nbsp;&gt;</li>&nbsp;は残ってしまう。


携帯Flashの軽量化方法

www.atmarkit.co.jp/fsmart/articles/keitai_flash/01.html

アイキャッチ画像が表示されないときの対処

ja.forums.wordpress.org/topic/6391

ネットワーク管理者>設定 で
アップロード設定>メディアアップロードのボタン
の『画像』にチェックを行う。


Custom-field-templateのパラメータ解説

カスタム投稿タイプのフォーマットを設定できるプラグイン
Custom Field Templateのパラメータを解説したものである。

参考URL
www.essence-webservice.com/post/wordpress%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%80%8Ccustom-field-template%E3%80%8D%E3%82%BF%E3%82%B0%E3%82%92%E8%A7%A3%E8%AA%AC/

画像フォルダーまでのurlについて

get_bloginfo('template_url') ."/images/other/png/ico_wordpress.png
で取得できる。

Breadcrumb Navigation XTでulタグを使用する

Breadcrumb Navigation XT(パンくずリスト作成プラグイン)で
ulリストを作成する方法。

参考URL
1bit.mobi/20101206102236.html

上記のURLを参考に設定した例を以下に記載する。
[コーディング]
<?php
  if(function_exists('bcn_display')) {
  // Display the breadcrumb
  echo '<ul id="com_pankuzu"> <li>';
  bcn_display();
  echo "</ul>";
}
?>

[Breadcrumb Navigation XT設定例]
<一般>
Breadcrumb NavXT 設定(一般)
<カテゴリー>
Breadcrumb NavXT 設定(カテゴリ)

カテゴリーページが表示されない

正確な原因は不明であるが、いったん投稿記事を削除し、カテゴリーも削除し、
再度カテゴリーを作成し、投稿し直したところ、表示されるようになった。

今回の対応の課程は以下の通りである。
(1):カテゴリーのスラッグにprofileを指定し、category-profile.phpを作成したところ
表示されない。urlは、http://localhost/wordpress/portfolio/2011/07/24/profile/となり。
空白が表示される。
(2):http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4
を元にサーチルールを把握し、それごとにprint分を入れて調査したところ、index.phpの内容が表示されていることが判明。
URLは同上。同時に404.phpを作成
(3):カテゴリーのスラッグをtestprofileとし、category-profile.phpを
category-testprofile.phpとしたところ、404.phpの内容が表示された。
(4):カテゴリーのスラッグをtestとし、category-profile.phpを
category-test.phpとし、記事のスラッグをtestとしたところ。
index.phpが表示された。
(5):記事を完全削除し、カテゴリーも完全削除し、カテゴリーを作成(カテゴリー:Profile,
スラッグ:testとし、記事を新規投稿し(カテゴリー:profile指定)
表示させたところ、表示された。

投稿スラッグについて

lovelog.eternal-tears.com/wp-use/posting/post-flow/

WordPressのテンプレートサーチについて

wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4

WordPressで異なるCSSを読み込ませる方法

giraffy.jp/blog/2009/10/19/wordpress/344/
style.cssを共通CSSとし、個別のCSSを
<link href="<?php bloginfo(‘template_directory’); ?>/css/home.css" rel="stylesheet" type="text/css" />
の形で読み込ませる。

WordPressプラグイン関係1

Google XML Sitemap
XML形式のサイトマップを作成するプラグイン
www.seo-blogs.biz/2010/05/17/1553/

WordPressで連続改行させるプラグイン
(my_autop)
a-plan.cc/blog/%E9%85%8D%E5%B8%83%E7%89%A9/wordpress%E3%81%A7%E9%80%A3%E7%B6%9A%E6%94%B9%E8%A1%8C%E3%82%92%E5%8F%AF%E8%83%BD%E3%81%AB%E3%81%99%E3%82%8B%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3-my_autop.html
(PS Disable Auto Formatting)
www.web-strategy.jp/wp_plugin/ps_disable_auto_formatting/#lang_jp

カテゴリやアーカイブなどの記事一覧ページに表示する記事件数を変更する為のプラグイン
(Custom Query String Reloaded)
www.seotemplate.biz/blog/wordpress-plug/2570/

各種ライセンス説明

smkn.xsrv.jp/blog/2009/03/summary_for_gpl_mit_cc_etc/

WordPressテクニック1

WordPressで画像URLを取得する方法
ja.forums.wordpress.org/topic/3134
wp_get_attachment_image_srcを使用する。

投稿IDを取得する方法
falcon-5.jpn.org/wordpress/template_tag/article_63.html
get_childrenを実行し、配列の一番先頭を取得する。

WordPressで投稿情報の添付ファイルのURLを取得する方法。
wp_get_attachment_urlを使用する。

固定ページのタイトルを表示する方法
www.imaginationdesign.jp/blog/wordpress/685/
wp_list_pages();タグを利用すると取得できる。


jCarousel for WordPress(jQueryのjCarouselのWordPress版)

紹介記事は以下の通り。
wordpress.org/extend/plugins/jcarousel-for-wordpress/stats/

記事を昇順に表示する方法

www.adphic.jp/wp/category/templatetag-tips/

get_postにorderパラメータとorderbyバラメータ指定する。

<?php
    $myposts = get_posts('order=ASC&orderby=date');
    foreach($myposts as $post) :
        setup_postdata($post);
        the_title();
        the_excerpt();
    endforeach;
?>

上記の例は、日付順に昇順ソートして表示する例である。

WindowsXPModeインストール方法

freesoft.tvbok.com/tips/win7rc64/set_up_xp_mode.html

記事のインポートとエクスポート方法

www.seotemplate.biz/blog/wordpress-tips/1046/

メニューのインポート、エクスポートで使用可能。

フォームの見栄え・使い勝手を強化するjQueryプラグイン

www.designwalker.com/2010/06/jquery-forms.html

デザインの勉強にもなる、高品質なウェブページのPSD素材

coliss.com/articles/freebies/freebies-psd-webpage-template-by-artfans.html

jQueryでスクロールバーを装飾する。(jScrollPane)

phpspot.org/blog/archives/2009/10/jqueryjscrollpa.html

www.lifeisg.com/blog/jquery/jscrollpane/
(こちらの方はコーディング例も掲載されている)

ページ別にサイドバーを使い分ける方法

テンプレートタグget_sidebarにパラメータを指定することにより
使い分けるようにする。


<?php get_sidebar('2'); ?>

sidebar-パラメータ.phpの形でテンプレートを作成し、get_sidebar('パラメータ')を記述する。
上記の例は、sidebar-2.phpを呼び出す。

カスタムフィールドで改行する方法


タグを入れると改行される。

Photoshopで写真をキャンバス地っぽくする方法

www.webdesignlibrary.jp/2010/08/canvas-texture.php

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法

coliss.com/articles/build-websites/operation/design/applying-mathematics-to-web-design.html

黄金比をサイトのデザインに取り入れる簡単な3つの方法

coliss.com/articles/build-websites/operation/design/206.html

WordPressでrssフィードを取得する

fetch_rss,get_rss,wp_rssを使用する。

tenderfeel.xsrv.jp/wordpress/197/
blog.quall.net/opensource/755/

fetch_rssは、MagpieRSSを利用して取得している。
解説については、以下を参照のこと。
itpro.nikkeibp.co.jp/article/COLUMN/20070205/260823/
指定するパラメータについては、以下を参照のこと。
www.gesource.jp/weblog/
プロフィール

e.swan

Author:e.swan
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。