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
Wordpress Popular Postsで人気記事を表示する（タイトル・抜粋・画像） - 西沢直木のIT講座
現在のWordPressサイトでアクセス数の多い人気記事をサイドバーなどに一覧表示したい場合、Wordpress Popular Postsプラグインが便利です。 WordPress Popular Postsのインストール このプラグインを使うには、「プラグイン」‐「新規追加」メニューからWordpress Popular Postsプラグインをインストール、有効化します。 WordPress Popular Postsのインストール インストールを完了すると、特別な設定をしなくても投稿や固定ページへのアクセス記録が開始されます。 アクセス状況を確認するには、「設定」メニューから「Wordpress Popular Posts」を選択して、プラグインの設定画面を開きます。インストール直後は、アクセスデータがないというメッセージが表示されます。 WordPress Popular Post
WordPress｜アイキャッチ画像（サムネイル）を新着記事一覧に表示する方法
WordPress（ワードプレス）のバージョン3.xから”アイキャッチ画像”という機能が追加されました。 ”アイキャッチ”というネーミングは「愛を取る」という意味合いではなく（ある意味近いか？）、「ユーザーの目を惹く」という意味で、記事ひとつひとつの印象付けの為のサムネイル画像を表示させる機能です。 アイキャッチ画像を記事に設定（登録）しておけば、記事に関連するページのサムネイルやヘッダー画像としても利用が可能です。 ここではホームページのトップページやサイドバー（最新の投稿）などに表示するアイキャッチ画像付き記事一覧（エントリータイトルリスト）の表示方法を綴ります。カスタムフィールドやプラグインを使うことなく実装できますし、ポータルサイトなどにも使え、簡単シンプルかつ凄く使えるソースだと確信致します（笑） ブックマークなどをしていただき辞書的にいつでも振り返り活用していただければと思いま
【WordPress】サイドバーにサムネイル付き最新記事一覧を追加
サイドバーの最新記事一覧がテキストだけでも全然構わないんですが、デザインによっては画像が無いと寂しい場合もありますよね。 当サイトではアイキャッチ画像（↑タイトルに被っているこの画像）をそのまま最新記事及びランダム記事一覧のサムネイル画像に自動で転用しています。例によってプラグインは使っていないところがミソですね。 まだアイキャッチを利用されていない方はこちらをご覧ください。 ⇒ 【WordPress】アイキャッチ画像を自動で切り抜き・リサイズ はじめに アイキャッチ画像を使用していることが前提です。 管理画面の「ウィジェット」は使いません。ファイルを直で編集します。 リストアップする件数は任意で設定可能です。 サムネイルのサイズは任意で設定可能です。 1.functions.phpにコードを追加 テーマファイルのディレクトリ直下にあるfunctions.phpまたはそれに相当するファイル
WordPress Customize NOTE - 初心者もWordPressをカスタマイズ！オリジナルテーマ（テンプレート）の作り方
WordPressのテーマ（テンプレート）をカスタマイズする - WordPress Customize NOTE WordPressのテーマを自作・カスタマイズする方のための解説サイト。 初心者でもWordPressオリジナル・テンプレートが作れる！ 初心者の方にもわかりやすいように、WordPressの使い方やオリジナルテーマ（テンプレート）の作成方法を解説しています。< 現在、コンテンツ更新中... > WordPressとは、MySQL, PHPで作られたフリーのブログシステムです。MySQL, PHPの使えるサーバーさえあれば、誰でもカンタン無料でブログなどの幅広いサイトを作ることができます。機能も豊富で、プラグインを使っていろいろな機能を付け加えたり、個人で拡張することによってももっと便利に使うことができます。ただ、初心者には不慣れな点もあり、ある程度の知識がないと自由に使えな
高速化にも！オリジナルテーマ ウィジェットを使わないサイドバーの作り方 [WordPress Customize NOTE]
当サイトでは、サイドバーの作り方を2つ紹介します。今回はウィジェットを使わない作り方です。 ウィジェットを使用した方が手軽にサイドバーを作れます。ですが、今回の方法だと、ある程度HTMLタグを自分で好きなようにできるので、ソースも比較的簡潔にすみ、SEO・デザイン性がよくなりやすいと思います。また、高速化にも期待できます。編集の手軽さにこだわらない方にはおすすめです。 今回紹介するウィジェットを使用せずに利用できるサイドバーの機能は以下です。フリースペース・RSS・メタ情報等は、HTML同様に記述することで代用できます。 カテゴリー 最近の投稿 月別アーカイブ カレンダー タグクラウド 検索フォーム 好きなものを組み合わせ、「sidebar.php」に記述します。 カテゴリーは、以下のテンプレートタグで出力できます。 Pick up <?php wp_list_categories();
html5のtime要素をWordpressで利用する ｜ SEOモード
html5で新たに追加された要素にtime要素があります。 当ブログでもせっかくhtml5を使用しているので、投稿日時にtime要素を利用したいと思って、調べてみましたので、メモ代わりに投稿します。 time要素time要素はグレゴリオ暦における正確な日時を表すのに使用するもので、次のような使い方ができます。 <time class="dtstart" datetime="2009-11-03"> 11月3日 </time> 上の例では年月日までの記述ですが、もちろんこれ以外にも、時刻やタイムゾーンを表示することも可能です。 <time class="dtstart" datetime="2009-11-03T02:09:41+09:00"> 11月3日 </time> このtime要素ですが、日時を表すものに何でもつければいいというわけではないようです。例えば、西暦年だけの記述に使うのは
edit_comment_link
ユーザーがログインして、コメントを編集する権限がある場合、現在のコメントを編集する為のリンクを表示します。ループ内、コメントループ内にある必要があります。 get_edit_comment_linkは、URLを取得するために使用します。 Displays a link to edit the current comment, if the user is logged in and allowed to edit the comment. It must be within The Loop, and within a comment loop. Use get_edit_comment_link to retrieve the url. edit_comment_linkのテンプレートタグ使用方法 <?php edit_comment_link( $link, $before, $aft
WordPress コメントをスレッド対応にする - dogmap.jp
WordPress 2.7 から、プラグイン等を導入せずともコメントをスレッド(入れ子)表示できるようになりました。 対応するテーマを使っていれば、管理画面の [設定] – [ディスカッション] で [コメントをＮ階層までのスレッド (入れ子) 形式にする] にチェックを入れてやれば良いのですが、使用しているテーマが対応していないと修正する必要があります。 このテーマの修正が、意外と面倒なので自分用のメモも兼ねて修正方法をエントリしておきます。 comments.php の修正 まずは、テーマの comments.php。 ここでは WordPress 2.6 に付属されていた default テーマを対象に説明します。 コメントループの修正 コメントループの中身を修正しましょう。 <ol class="commentlist"> <?php foreach ($comments as $
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 コメント入力欄をカスタマイズしてウェブサイト(URL)やメールアドレスを簡単に消す方法 | Debate
WordPress コメント入力欄をカスタマイズしてウェブサイト(URL)やメールアドレスを簡単に消す方法をご紹介します。ついでにコメント関係で余計な文言を含めて。 一般的にWordPressを利用していてウェブサイトのアドレスやメールアドレスを入れるケースは稀だと思いますし、メールアドレス項目があることによってユーザがコメントを記載するハードルを上げてしまう気がするので。 CSSのdisplay:noneで消してしまっても（非表示にしても）良いのですが、display:noneは表示はされないけど検索エンジンなどのクローラーは読み込む、display:noneを悪用したスパムSEOもあることから、なるだけ使わないほうが良いと思うので、表示させないという方法で紹介します。 結論から書くと、利用しているテーマのfunctions.phpの最下部にでも以下のコードを追記するだけです。 [php
WordPressで「お知らせ」情報を管理し、既存サイトに更新履歴を表示する | システム開発とホームページ作成のビットウィン(日本橋) StaffBlog
2013.03.18 現在、ビットウィンWebサイトの一部にスタッフブログの更新情報を掲載しています。これは、HTML形式のファイルの一部に少々の改造を行い、その部分にWordPressというブログシステムで投稿したブログの更新情報を表示させるという仕組みを利用しています。 会社・店舗のWebサイトでは、お客様に向けた「お知らせ」情報を掲載する機会が多々あるかと思いますので、この「お知らせ」情報部分をWordPresssで管理し、更新情報を既存のWebサイトに自動で表示させるという使い方は、とても便利だと思います。 WordPresssが使える状態になっていれば、既存Webサイトに対して、この仕組みをとても簡単に導入することができます。 既存Webサイトのindex.htmlにPHPソースコードを追加する 既存Webサイトのトップページ(index.html)の一行目に以下のソースコードを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2003太阳网站集团★首頁(歡迎您)
kudox.jp
WordPressブログのデザインや機能を一歩先に進化させるカスタマイズ記事まとめ * prasm（プラズム）