相対パスでは画像は表示されないのでしょうか。
こんにちは。 サイトのトップページにバナーの画像を張ろうと思い、 imageフォルダに画像をアップしたのですが表示されません。 <img src="images/picproducts.jpg" /> 相対パスでは表示されないのでしょうか。 ちなみに絶対パスだと表示はされましたが気になったので質問させていただきます。 でも、cssで背景画像を指定する時は、 background-image:url("images/960border_01.gif"); な感じで表示されるから同じかなと思ったんですが。。。 何故なんでしょうか。 お力添えのほどよろしくお願いいたします。 topページに <img src="images/picproducts.jpg" /> を書いてそれを生かそうと思ったら トップページから見たimagesディレクトリに画像を置かないとだめですね。 きっと、テーマディレクト
WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
WordPress で CSS、JavaScript ファイルを読み込む正しい方法
July 10, 2014May 5, 2016WordPress で CSS、JavaScript ファイルを読み込む正しい方法Categories WordPress 誤った方法で行っている方を多く見かけますので説明します。 読み込むエリアにあわせて適切なフックを使用する wp_enqueue_scripts – サイト公開側に読み込む場合に使用するフックです。 login_enqueue_scripts – ログイン画面に読み込む場合に使用するフックです。 admin_enqueue_scripts – 管理画面に読み込む場合に使用するフックです。 上記フックは xxx_scripts という名前ですが、スクリプトだけでなくスタイルシートの読み込みにも使用されます。誤解を招き易い点なので注意してください。また、wp_print_scripts フック、wp_print_styles
WordPress » スタイルシートを読み込む | MORILOG
<link rel="stylesheet" id="style-css" href="http://my-domain.com/style.css" type="text/css" media="all" /> WordPressでは、この<link>タグを自動生成してくれるwp_enqueue_style関数が用意されています。 テーマファイルでは<link>タグは直接書かずに、このwp_enqueue_style関数を使用します。 <?php wp_enqueue_style($handle, $src, $deps, $ver, $media); ?> $handle — スタイルシートのハンドル名 $src — スタイルシートのURL（オプション） $deps — 関連するスタイルシートのハンドル名（オプション） $ver — スタイルシートのバージョン（オプション） $medi
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみました。 CSSファイルを読み込む方法 CSSを読み込むには、以下の関数を使用します。 wp_enqueue_style ★例として、子テーマフォルダ下に配置したBootstrapのCSSファイルを読み込ませる functions.php(子テーマ)に追加して下さい。 // wp-config/theme/[子テーマ名]/functions.php function my_styles() { wp_enqueue_style( 'bootstrap', get_bloginfo( 'stylesheet_directory') . '/bootstrap.min.css', array(), n
Wordpressでインクルード元のテンプレートから外部CSSやJSを指定する | webOpixel
Posted: 2011.04.20 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressでは基本的に共通のheaderファイルを使用するため、ページごとにcssを切り替えたい場合「is_home」や「is_single」などを駆使して条件分岐で外部cssやjsの切り替えを行うと思います。 数個のテンプレートだったらこれだけでも良いのですが、カテゴリーIDごとやページ数ごとにも切り替えたい場合、分岐が多くなりすぎて管理が大変そうです。 そこでインクルードもとのテンプレートで外部cssやjsを指定する方法をご紹介いたします。 categoryテンプレートに「category.css」「category.js」を、pageテンプレートに「page.css」「page.js」を読み込む場合、if文での切り替えはこんな感じになると思います。 hea
子テーマをつくる方法CSS篇
ちょっと前の話題になりますが、WordPress が 3.4 にバージョンアップしてまして、デフォルトで入っているテーマ、Twenty Eleven もバージョンアップしたようです。 で、Twenty Eleven を 1.4 へとバージョンアップしようと思ったのですが、なんか怪しい・・・。そう、今まで Twenty Eleven を直接いじっていたものだから、バージョンアップすると上書きされてカスタマイズした内容が全て消えてしまうのです。 じゃあバックアップ取ってから、アップグレードした後にスタイルシートだけもう一度上書きすればいいか〜とも思えるのですが、実はもっとスマートな方法があるようです。WordPress のテーマをカスタマイズする際は本来こうしておくのが定石、基本だという方法があるのです。 それが、 子テーマを作る という方法。 これ、基本。常識だそうですね。。。今まで Twe
カスタム投稿タイプとカスタムタクソノミーまとめ
カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた（つもりな）のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ
Google AdsenseのWordPress公式プラグインが公開！早速使用してみました。
Gmailをチェックしていると、Google Adsenseの運営からメールが届いていたので、開いてみたところ「Google Adsenseのプラグイン(ベータ版)が公開されました」というお知らせでした。 既にこのブログではGoogle Adsenseを配置していますが、折角なので試してみました。 Googleサイト運営者向けプラグインのインストール まずはインストール。プラグインの新規追加から検索します。Google Adsenseと入力しても出て来ないので、「Googleサイト運営者向けプラグイン」と検索しましょう。 プラグインのインストールが完了したら、「設定」から「Google Publisher Plugin」を選択して、設定を開始します。 Google Publisher Pluginの使い方 Google Publisher PluginとGoogleアカウントを紐付けします
日本語で『the_excerpt』の文字数を変える方法2パターン |
the_excerptで出力される文字数を変更したいなと思うことって結構多いと思うんですが、以前に以下のようなコードをfunctions.phpに記述することで対応しようとしていて躓いたことがあります。 function change_excerpt_length( $length ) { return 55; } add_filter( 'excerpt_length', 'change_excerpt_length' ); これについては以前「the_excerpt」の文字数でも記述しました。 WordPress標準テーマ『Twenty Eleven』のfunctions.phpにも同様のコードが記述されています。 ただ、これだけだとうまくいかないんですよね。『return 55;』のところの数値を変更しても文字数が変化しません。 というわけで、その原因と対応方法を2パターンほど。 最
WordPress + Silex 〜静的サイトにブログ機能を足して楽に管理したかった〜 | QUARTETCOM TECH BLOG
こんにちは、@ttskch です。 6/28(土) 開催の PHP カンファレンス関西 2014 の LT で発表した内容の補足記事です。 大まかな内容だけ見たい方は、こちらの発表資料をご覧ください。 こんなサイトを作りたかった 基本は普通の静的サイト ページの追加や修正は割と頻繁にある サイト内にブログ機能がほしい (他のページと同じデザインで) 割とよくある要件だと思います。これに対してどういうアプローチが考えられるでしょうか。 どうアプローチするか？ 1. 静的サイト + WordPress 一番簡単なのは、普通の静的サイトと WordPress を別々に構築するというアプローチです。 サイトのサブドメインやサブディレクトリに WordPress をインストールする方法ですね。 かなりよく見るパターンだと思います。 この方法の問題点 静的サイト側と WordPress 側でビューのテ
PHPでincludeの時、ファイルパスの指示の仕方。
なので、c.php (2) を include したければ、(例1)のようにします。 (例2)(例3)にすると、c.php (1) を include してしまいます。 ここからちょっとややこしいのですが、もし c.php (1) が存在しなければ、(例2)では、c.php (2) を include します。 そして、(例3)では、指定した場所にファイルがないとして warning を発行します。 この動作は、PHPマニュアルに下記のように書いてあリます。 「ファイルのインクルードは、指定されたパスから行います。パスを指定しない場合は、 include_path の設定を利用します。 ファイルが include_path に見つからないときは、include は呼び出し元スクリプトのディレクトリと現在の作業ディレクトリも探します。 include は、ファイルを見つけられない場合に wa
WordPressで日付を表示するテンプレートタグ「the_time」と「the_date」の違い
こんにちは。株式会社コミュニティコムの星野邦敏です。 WordPressで日付を表示したい場合があると思います。 そのような時、WordPressテーマへの書き方として、「the_time」と「the_date」という、テンプレートタグがあります。 テンプレートタグ/the time – WordPress Codex 日本語版 テンプレートタグ/the date – WordPress Codex 日本語版 具体的な大きな違いは、 「the_date」テンプレートの時は、同じ日に複数の記事がある場合は、最初の記事とともに一度だけ出力される、という点です。 ということで、運営上は、何だかんだで、「the_time」を使った方が無難な印象があります。 WordPressテーマに <?php the_time('Y年m月d日'); ?> などと書きましょう。そうすると、日付が 2012年09月
貼るだけ簡単！アクセスが倍増するWordPress用OGPコード
プラグインに頼らず、思い通りに動作するOGP用のコードを書きました 2012年3月現在、日本のFacebook利用者数が768万人。Google+は200万人。Twitterは3000万人。mixiのユーザー数は2,623万人。（セレージャテクノロジー＆Semiotics調べ） 全てのトラフィックを有効に活用すれば、サイトへのアクセスは何倍にも増えます。 実際にFacebookからの流入が倍増 事実として今回設定するOGPを設置したところ、Facebookからの流入が数倍になったという例が多数報告されています。 せっかく有益な記事を書いたなら、ソーシャルメディアに適切に内容を伝えて、多くの人に見てもらいましょう。 まずは解説 （もう知っているぞという方は読み飛ばしてください。） 「OGPとはなんぞや？」という方のために、簡単に解説します。正式名称はOpen Graph protocol。「
[WordPress] 記事の抜粋表示の文字数・文末文字 [...] を変更する方法 | rakuishi.com
WordPress の記事の抜粋表示は、記事ループ中に the_excerpt 関数を使用します。次のコードで出力します。 <?php the_excerpt(); ?> the_excerpt 関数は、初期設定では、投稿の最初から 55 文字、文末に […] が付く仕様になっています。これを変更するには、WordPress のフィルターフックを使用します。フィルターフックとは、ある関数の出力結果を変えたり、指定した数値を反映するために使用されます。 抜粋の長さ・文末文字の変更 フィルターフックするには、テーマのための関数である functions.php に記述します。以下を反映すれば、投稿の最初から 75 文字、文末に … が付いた状態で出力されます。 <?php // 抜粋の長さを変更する function custom_excerpt_length($length) { retur
![[WordPress] 記事の抜粋表示の文字数・文末文字 [...] を変更する方法 | rakuishi.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/927c0c4b1e66fd219c5b0b8b2ec5dd63300e8740/height=288;version=1;width=512/https%3A%2F%2Frakuishi.com%2Fassets%2Fimages%2Fog.jpg)
hitsuji.me - hitsuji リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ねたわん – WordPress推しブログ
WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
カスタムヘッダー | Web Design Leaves
カスタムヘッダーを利用する際のメモ。 バージョン3.4以降、テーマは次のように、カスタムヘッダーをサポートするためにfunctions.phpファイルにadd_theme_support()を使用する必要がある。（add_custom_image_header の使用はバージョン 3.4 から非推奨） カスタムヘッダーの利用 add_theme_support( 'custom-header', $args ) このオプションで、テーマでカスタムヘッダーがサポートされ、管理パネル → 外観 → ヘッダーが利用可能になる。 パラメータ：$args のデフォルトは下記参照。 戻り値： なし パラメータの記述の後に、add_theme_support( 'custom-header', $args )を記述する。 $defaults = array( 'default-image' => '',
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
”おもてなし” 羅府 – 静岡市葵区 – R'z project [アールスプロジェクト]![”おもてなし” 羅府 – 静岡市葵区 – R'z project [アールスプロジェクト]](https://cdn-ak-scissors.b.st-hatena.com/image/square/23d3c7441758e8bb6c612fb18fafd3e8e50eaf3a/height=288;version=1;width=512/http%3A%2F%2Fwww.rzproject.x0.com%2Fwp-content%2Fuploads%2F2013%2F09%2F31411.jpg)
