Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
カテゴリー別にCSSを効かせる方法
カテゴリースラッグ名を出力したい…で書いていたカスタマイズ方法が、これでできると思います。 idやclassに振り分けても良いですが、 head間のスタイルシート毎でも可能になります。 条件タグで分岐するよりも手軽なカスタマイズだと思います。 問題点は、記事に複数のカテゴリーが割り当てられていると、 WordPressの方で優先して登録されたカテゴリーになってしまうことです。 WordPressのカスタマイズのノウハウが溜まってきたので、メモとして残しておこうと思います。 カテゴリー別にCSSを効かせる事前作業として、カテゴリースラッグ名を英文字で付けておく必要があります。 その英文字でつけたカテゴリースラッグ名をファイル名にすればOKです。 head間に以下のタグを記入します。 <?php $cat = get_the_category(); $catslug2 = $cat[0
WordPressサイト用の.htaccess例 - dogmap.jp
よりパフォーマンスの良い WordPress サイトを構築したいならば .htaccess ファイルを修正しましょう。 Webサーバに apache 2系を使用しているサイト用に、私が書いた .htaccess ファイルを元に解説します。 基本方針は mod_deflate が使える場合は、有効にしてコンテンツを圧縮転送する。 mod_expires が使える場合は、有効にして画像ファイル等の静的ファイルをブラウザにキャッシュさせる。 適切な ETag を発行して、ブラウザのキャッシュを制御する。 アクセスしてほしくない WordPress ファイルに対するアクセスをブロックする。 存在しない静的ファイルに対してアクセスされた場合、WordPressを起動させない。 まず、私が作成した .htaccess ファイルを提示します。 AddType image/x-icon .ico <IfM
Changing Default WordPress Media Link URL | Strange Symphonies
When selecting a media from your WordPress Media Library, by default the Link URL selected, is the File URL. Now this may not be ideal if all the images you upload are not going to link to the file, and instead are just images to upload. Link URL Luckily we can change the functionality, but the ability to change the default Link URL is not exposed to the user. The option specifying the default lin
Facebookの「いいね」ボタンをブログに設定する
Facebookの「いいね」ボタンをブログに設定する方法を紹介します。 Facebookの「Like Button」のページにアクセスします。 そして、ページにある次のフォームを使ってカスタマイズします。 以下、それぞれの設定項目について説明します。なお、このページでのカスタマイズだけでは、冒頭の画像のように「いいね」という日本語は表示されないので、生成したコードに対して変更を加えます。変更方法は最後に書いておきます。 URL to Like 「いいね」ボタンを表示したい記事のURLを設定します。省略した場合、このコードを設置したページが対象になります。 Movable TypeやWordPressのメインページやアーカイブページの各記事に設定する場合は、ここに「<mt:EntryPermalink>」や「<?php the_permalink() ?>」を設定すればよいのですが、前後のブ
投稿文書と画像を別に出力
またお世話になります。 PHPで投稿記事を出力する際、<?php the_content(); ?>で出力出来ると思いますが、文書と画像を分けてこの様な記述で別の場所に出力する方法はありませんか？ 例えば文書のみを<?php the_document(); ?>、画像のみを<? php the_image(); ?>の様な形で出力できたらいいなと。 何がしたいかというと、 こちら のページをWordpressにて作成したいと思っています。 （HTMLとCSSでサンプルを作ってみました。） このページを見て頂くとわかるように、記事と画像を2段組みに、記事文書は<p></p>で囲み、CSSにてheightを指定してスクロールさせるようにしてあります。 そして画像表示にはSmoothgalleryを使用しています。 通常通り記事と画像を投稿すればこの様な状態になる様にしたいのです。 Smooth
WordPress で投稿の添付画像を取得・表示するためにテンプレートに書くプログラムなど。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 以前、とある案件で WordPress を導入したとき、投稿の添付画像を表示する機能を導入しました。 ヒーヒー言いながら作ったことを思い出しますね……。 で、今回また別の案件で使うことになったので、その部分だけエントリーとして残しておきます。 せっかくの資源は使い回さないと、もったいないですからねぇ。 リサイクルリサイクル。 うろ覚えなので、とりあえずコードだけ載せときます。 思い出したり気が向いたら解説する……かも。 <?php while (have_posts()) : the_post(); ?> <?php $files = get_children("post_parent=$id&post_type=attachment&post_m
[060] 添付画像を出力する色々 | WordPress experiment – twentyten customize-
WordPress では get_children で添付画像を取得して関数「wp_get_attachment_image」や「wp_get_attachment_image_src」を使って表示することができることを、[052] 添付画像をサムネイルで表示するでご紹介しました。今回は画像を登録した際に記入できる「説明」って使ってないなと思って調べてみました。 メディアに登録した画像の説明に「説明」、キャプションに「キャプション」と入力して保存してみます。そして、var_dump を使って、get_childrenで取得したオブジェクトをのぞいてみると、 post_content には「説明」、post_excerpt には「キャプション」と入っています。 なるほど、これなら get_children で取得した画像（複数が配列に格納されている）から１つオブジェクトを $image とす
facebookのいいね！などのリンクでウォールに表示される画像を指定する方法（OGP：Open Graph protocol） | 30代サラリーマン本気で副業
Blog > SNS > facebook > facebookのいいね！などのリンクでウォールに表示される画像を指定する方法（OGP：Open Graph protocol） facebookのいいね！やコメントなどで、ウォールに表示された画像が、表示させたいものと違うことってよくありませんか？ せっかく記事がシェアされても、なんのこっちゃわからない画像のせいで、クリックしてもらえないこともしばしば。。 これは、OGPと呼ばれる情報を追記してあげることで制御することができます。 OGP：Open Graph protocolとは？ OGPとは、「Open Graph Protcol」の略。 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 詳細は、「The Open Graph Protocol」の
Facebook の OGP 設定の有無による違い - Cube Lilac
やっと Facebook の OGP の設定の有無で何が変わるのかを理解できたのでメモ．まず，Facebook の個々のページには（それ以外のページもいろいろありますが）「ウォール」と言うページと「ニュースフィード」と言うページがあるようです．言葉が正確かどうかは分かりませんが，これらはそれぞれ，以下の情報を表示するページのようです． 「ウォール」は，自分の活動履歴が残るページ 「ニュースフィード」は，自分＋友達の活動履歴が残るページ ただし，ここで注意が必要なのは，どうも「ニュースフィード」には「ウォール」の全ての履歴が残る訳ではないようです．そして，この「ニュースフィードに残るかどうか」で重要になるものに OGP 設定の有無があるようです．実験として，OGP の設定をしているページとしていないページを作成して，それぞれのページから「いいね！」ボタンを押してみました． http://ci
WordPressでプラグインを使わずにページネーションする - 残像ブログ
プラグインを使わなくても上図のようなページ送り機能を実装できるとの事なのでやりました。 とっても参考：E03CA オートフォーカス壊れたっぽい へのコメント 前提として 今回使用するWordPressのバージョンは3.1.2 ページネーションはカテゴリごとの記事一覧、タグごとの記事一覧、検索結果での記事一覧に設置する コードはfunctions.phpに記載し、必要な場所で呼び出す。 私の環境では動きましたが、本記事に記載したコードだとパーマリンク設定などの違いにより環境によっては上手くいかないかもしれません。 実装にはテンプレートタグの「paginate_links」を使う そもそもWordPressでページネーションするには、カテゴリの記事一覧なら http://example.com/cat/[カテゴリスラッグ]/page/[ページ番号]タグの記事一覧なら http://exampl
日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ - かちびと.net
豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグインではなく、テーマファイルなどを直接カスタマイズする方法を日本語で書いてある記事をまとめました。フォーラムは載せていないので探してみてください。結構有ります。 wp-adminをSSLでロック 管理画面をセキュアに。https://abc.com/wp-admin/にする方法です。企業サイトなどは特に導入の検討をすると良さそう。1行加えるだけなので手軽に導入できます。 wp-adminをSSLでロック メディアにある画像のサムネイルを表示する [sexy-lightbox href=’/wp-content/uploads/2010/0
Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示
複数ページをいっぺんに飛べるナビゲーションを実現するプラグインとして WP-PageNavi は人気があります。しかし、このプラグインは、WordPress のバージョンに応じて使用するバージョンが異なっていて、ちょっと使いにくい面があります。 実は、WordPress の標準機能として、こういうナビゲーションを実現するテンプレートタグが存在します。管理パネルなどで使用されています。そこで、テーマでこのテンプレートタグを使えば、WP-PageNavi を使うことなく同等の機能が実現可能です。([追記: 2008-08-06] 根本的に変更しました) <div class="tablenav"><?php global $wp_rewrite; $paginate_base = get_pagenum_link(1); if (strpos($paginate_base, '?') || !
これだけは知っておきたいOGP （Open Graph Protocol） | facebookApps JAPAN
facebookApps.jp[フェイスブックアップス ジャパン]はfacebookを活用したプロモーション、アプリ開発、関連ウェブ制作に関する記事を掲載するオンラインメディアです。facebookアプリ開発、iPhoneアプリ開発、Androidアプリ開発を承っております。Popular Posts RSS.Graffitiの使い方 iframeでオリジナルタブを追加するfacebookアプリ Static iframe ワードやエクセル、パワーポイント文書を作成、編集、共有できるfacebookアプリ「Docs」by Microsoft オリジナルタブを追加するiframeアプリ Static FBML + Welcome Tab + iframe = iwipa facebookアプリ RSS.Graffiti のカスタマイズ方法 Facebookページ作成から運営までのま
[Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい！ CSSバージョン
TranslatorPermission error: Please make your 'plugins/global-translator' directory writable by Wordpress 以前 [Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい！ という記事を書いたのですが、Javascriptを使用することと、IEが未対応なことで仕事では使いにくいテクニックだったんですが、 見つけてしまいました！CSSだけで実装できるテクニック！！ こんな少しの工だけでできてしまうなんて・・・・・あんなに悩んでいたのに・・・・ では実装方法です。 HTML側 <div id="links"> <ul> <li><a href="#" title="Text">Link Heading One <em>Description of link.</em
WordPressの管理ページをより便利にカスタマイズする方法13
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
WordPress 3.1で追加された管理バーを非表示にする方法 | WordPress | understandard.net
WordPress 3.1がリリースされ、ログイン中にはサイトに管理バーが表示されるようになりました。 この機能が不要な場合は、管理画面のプロフィール設定から表示・非表示を切り替えられます。 毎回この設定を変更するのは面倒 ユーザーが1人の場合などは一回設定をすればいいですが、複数のサイトのユーザーについて毎回管理バーを非表示にするためにポチポチしていくのは面倒です。 WordPress Codex に管理バーを非表示にする方法が書いてあったので、このサイトで試してみました。 functions.php に以下の記述を追加するだけで一括で非表示にできます。 function my_function_admin_bar(){ return false; } add_filter( 'show_admin_bar' , 'my_function_admin_bar');
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLエンティティ文字を検索「HTML Entity Character Lookup」:phpspot開発日誌
De-Lab.com is for sale | HugeDomains
サイトにFacebookのいいねボタンとOGPを導入してみる – misc
