WordPressの投稿記事内の画像の最初の1枚をサムネイルとして表示する方法
アイキャッチではなく、投稿記事内の画像を使用してサムネイルとしてトップページやサイドバー等に表示する方法です。調べていたら色々方法がありましたので、書き出してみました。 get_postsタグを使用してサムネイルを表示する get_postsを使用して投稿記事の添付画像を取得し表示する方法です。 下記のコード表示したい箇所に記入します。このコードでサムネイルサイズ（150px × 150px）のサイズの画像を表示します。 <?php $args = array( 'post_type' => 'attachment', 'posts_per_page' => 1, 'post_status' => null, 'post_parent' => $post->ID ); $attachments = get_posts($args); if ($attachments) { foreach
東京都港区南青山xxxxxxxxxが破滅してる件 | 高橋文樹.com | 雑記
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 僕の経営する株式会社破滅派は東京都港区南青山xxxxxxxxxにて登記しております。「青山じゃんスゲー！」と言われることがたまにあるのですが、青山にオフィスを構えているわけではなく、バーチャルオフィスというものを使っています。 バーチャルオフィスというのは郵便物の受け取りやら電話の転送などを請け負ってくれて、一応登記の事務所として使えるという代物です。起業するときにバーチャルオフィスにしようと思ったのはだいたい下記の理由です。 社員が自分しかいないので、オフィスが必要ない 自宅で登記すると引越しのとき本店変更で登記し直しになる もっとも代表取締役の住所は登記簿に書いてあるので、引越しで登記の変更申請しなきゃいけないのは一緒ということは後からわかったんですがね…… さて、本日
WordPress3.0beta1でカスタム投稿タイプを具体的に使う | wpxtreme
WordPress 3.0 ベータ1 の日本語版 がリリースされ、インストールしてイジり始めた人も多いことでしょう。皆は MU との統合でサイトの複数運営が簡単になりそうねな「ネットワーク」に気がいってしまってるようだが、実際の現場で重宝されるのは圧倒的に カスタム投稿タイプ に違いないのである。多いに活用されるか否かはネーミングに因るところが大きい、ということは 以前ご説明差し上げましたとおり タクソノミーが証明しているのだ。それにしても「ネットワーク」か ... 遠いな。 3.0 で一介のブログシステムから本格 CMS へと大きく変貌を遂げる WordPress は、3年後をメドに「前田さんとこの WordPress テーマって有料らしいわよ！」「んまぁ！見かけによらず大胆ねぇ」とご近所のおばちゃん達のヒソヒソ話でも話題になるほどメジャーな存在として認知される予定である。そのための大き
WordPressのカスタムタクソノミーを使えるようにするまでのメモ 1/2 - Website Tips ノート : VARL
term は「***」 部分のこと。 ・http://example.com/tag/*** ・http://example.com/category/*** ・http://example.com/mytaxonomy/*** Custom Taxonomy 導入後のイメージ 例えば、「エンタメ情報サイト」を運営し、ある日本の名曲について記事を書いたとします。 今まで 音楽というカテゴリーに属する記事とし、歌手や作詞者、ジャンルなどをタグに設定して細分化します。各タグのアーカイブページURLは、タグベースを変更していなければ「http://example.com/tag/***」となります。 表示位置の変更は可能ですが、それを同類タグごとに任意の場所に表示させるのは複雑な感じがして、タイトルや記事内容の直後に配置することが多いと思います。 導入後 一方、Custom Taxonom
タクソノミーとは | WordPress 編
タクソノミー（taxonomy）は、主にポストを分類するために使われます。’主に’と書いたのは、リンクなどポスト以外の分類にも使用されるからです。タクソノミーにはインストール時に既に登録されているカテゴリーや投稿タグ、サイト構築者が登録するカスタム分類があります。 タクソノミーの名前は、生物を分類することを目的とした生物学の一分野である分類学に由来します。というのはタテマエで、本当のところは Drupal のパクリです。 ※この他、投稿フォーマット、ナビゲーションメニューもビルトインの分類です。 タクソノミーの階層構造 タクソノミーには、カテゴリーのような階層型のタクソノミーと、投稿タグのようなフラット型のタクソノミーあります。 階層構造を持つタクソノミー タクソノミーを register_taxonomy() で登録するときに、 ‘hierarchical’ => true とします。こ
すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
WordPress で WEB ページ毎に条件分岐タグを使ってタイトル（<title></title>）を変えてみる
Wordpress は記事を投稿していくだけで自動的にカテゴリ一覧ページや月別ページなどのアーカイブページを自動で生成してれますが・・・。 それぞれのアーカイブページ（archive.php）や記事ページ（single.php）などの ページタイトル（<title></title>）が好みでないことがままありますし、 テーマによってはページタイトルを見ただけででは何のページかわかりずらいようなタイトルがついている場合があります。 このブログも Theme Junkie. で配布されているテーマを利用させてもらっていますが、アメリカ産だからか、わかりにくいしスタイルも好きじゃない。 ってことで、ページごとに好みのタイトルをつけられるべくテーマファイルを修正しました。 どんなテーマを利用していても修正するファイルは、header.php です。<title></title> の部分がテーマによ
WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
WordPressでタグ管理ならこれ！高機能タグ強化プラグイン『Simple Tags』 - ワードプレスの使い方！初心者めっちゃ入門ガイド【ハイパー】
これ一つでタグの管理や一括編集が出来る高性能タグ管理プラグインです。 記事内にもタグ表示を可能にする事が出来ます。 もう一つのお勧め機能として記事内にタグの関連記事の一覧表示が可能です。 Simple Tagsのインストール方法 １、公式登録されているプラグインをダッシュボード上からインストールします。 プラグインのインストール方法については、 WordPressプラグインのインストール→『新規追加』←を参照ください。 プラグイン→新規追加→プラグインのインストールより 『Simple Tags』で検索すると４番目に出てきますのでインストールをクリックします。 Simple Tagsのインストールが成功すると 下の画像のようにダッシュボード→投稿の中と設定の中に各項目が追加されます。 Simple Tagsの設定方法 機能が多いため大事な部分のみ説明します。 ダッシュボード→設定→Simp
content―スタイルシートリファレンス
contentプロパティは、要素の直前または直後に、文字列や画像などのコンテンツを挿入する際に使用します。 contentプロパティを適用することができるのは、:before擬似要素および:after擬似要素のみです。 擬似要素（pseudo-element）とは、直訳すれば｢偽りの要素｣となります。 要素の一部にスタイルを適用するために、擬似的に設定される｢要素のようなもの｣のことです。 :before擬似要素および:after擬似要素は、要素の直前および直後に、文字列や画像などのコンテンツ（内容）を挿入するために擬似的に設定されます。 ■値 文字列 挿入する文字列を「"」または「'」で括って指定します。 URI（URL）でファイルを指定 URI（URL）で画像や音声等のファイルを指定します。 カウンタ ここでいうカウンタとは要素内容に自動連番をつけるということです。counter()関
WordPressのウィジェット間の余白を調整できるプラグインを作りました。 - よつば手帖
ウィジェットに画像バナーを貼れるプラグイン（Image Widget）が便利で使ってるのですが、バナーを複数貼る際にウィジェット間の余白を一部だけ調整したい時がちょいちょいあります。 今まではテキストウィジェットに直接タグを書いて対応してましたがクライアント用に用意するのであればタグを書かなくても良いようにしたい。 お勉強もかねてウィジェットを自作してみました。 margin-bottomを挿入するだけ（数値のみ自分で入力）というシンプルなものです。 ▼プラグインを有効化 ▼ウィジェットが現れます。 ▼サイドバーなどに配置するとこのような感じになります。 数字を入力するだけ。 タグを書かなくて良いってのは大きいんですよね。 ショートコードも素人から見ればタグみたいなものなので。 数字以外は入力させないようにしたり、px以外のemなんかも選べるようになれば良いなと思う人は改造お願いします。
WordPressの条件分岐タグいろいろ
条件分岐タグを使用すると、”〜の場合に処理を行う”という条件を付けて処理を行う事ができます。使用例と使う頻度が高そうなタグを書き出してみました。 （※追記：カスタム投稿タイプとタクソノミー関連は下の方にまとめ直しました。） 使用例 ■個別投稿ページにのみ（）の部分を表示する <?php if( is_single( ) ): ?> （ここの部分が表示） <?php endif; ?> ■トップページ以外のページに（）の部分を表示する <?php if( !(is_home( )) ): ?> （ここの部分をトップページ以外に表示） <?php endif; ?> 使う時の注意点 条件分岐の前にquery_postで情報を取得している場合、条件分岐が機能しない為、下記のようにwp_reset_query();を条件分岐の前に記入してquery_postの処理をリセットします。 <?php w
記事の日付をカレンダー風に変える方法 | 簡単ホームページ作成支援-Detaramehp
海外のサイトなどでよく見かけるブログの記事の日付をカレンダー風に変える方法です。通常は記事の下部にインフォメーションとして、記事を公開した日付、カテゴリー、タグ、投稿などが表示されています。 このインフォメーションの公開した日付を記事のトップ左側に置いて、それをカレンダー風に変えると日付が見やすくなります。カレンダー風に変えるにはWordPressのテンプレートタグとそれに対するCSS(スタイルシート)で作成できます。 ここでは当サイトで使っているカレンダーですのでお好みに合わせて色や形、カレンダーを置く場所などを変更してください。 日付のテンプレートタグ 日付のテンプレートタグは次の通りです。月＝<?php the_time(‘M’); ?>、日＝<?php the_time(‘d’); ?>、年＝<?php the_time(‘Y’); ?> このテンプレートタグをスタイルシートで装飾
「Adobe Dreamweaver CS5」を試す -WordPressのテーマ改造CMS編
前回の記事までは、CSSを一切書かないで、CSSのプロパティを書く程度の作業だった。エディタ上でがつがつコードを書いていくのに比べて、楽に作業ができたと思う。今回、WordPressのテンプレートフレームワークのカスタマイズを行なうため、大部分をマウスだけでというわけにはいかないが、「Dreamweaver CS5」の恩恵を受けつつ、作業を進めていきたい。 「Adobe CS5」体験版はこちらから 今回行うのは下記のカスタマイズだ。 ・メインコンテンツ部分をmain-wrapperというidをつけたdivで囲う ・ロゴを画像にする 今までWordPressのテンプレートを多少いじったことがある人なら、「なんだそんなこと」と思うかもしれない。例えば、メインコンテンツ部分をdivタグで囲いたい場合は単にdivで囲えばいいし、ロゴを画像にしたければ、既存のロゴのテキスト部分をimgタグで置き換え
ブログの記事が会員のみ閲覧できるページに全文転載された件 - すしぱくの楽しければいいのです。
公開日：2012年10月25日 カテゴリ：アレな話題 先日につづいて情報収集系サイトの話題になってしまうのですが、内容はタイトル通りログインした後に全文転載されたブログの記事を閲覧できる件です。記事元のリンクが貼られているのでグレーな感じではありますが、今後のことも兼ねてブログに書かせていただきました。 ※ 10/27 vingowの全文転載が短縮表示に処置されたことを追記しました。 会員専用だからいいの？ さて、今回このような話のきっかけになったのは本日正式にサービスを公開した vingow さん 先日紹介したGunosyと似たような情報収集サービスでございます。 こちらのサービスを使っていたらうちのブログ記事が全文転載されていたという事になるのですが、紹介の前に注釈をいれさせて頂きますと今回の全文転載について、vingow さんの中の人と下記のようなやりとりを行っております。 @sus
SEO順位に影響を与える全６５項目のチェックリスト
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングの業界に入って、強く感じることは、どの企業もSEOに関して明確な方針を持つことができていないということだ。 その一番の原因は、SEOに関する知識不足にある。 知識不足のままにSEOに取り組んでしまうと、効果のないことに莫大な時間を費やしてしまったり、SEO業者に丸投げをしてしまうことになる。 それで、結果が出ないだけであればまだ良いが、中には、手の打ちようがないぐらいにメチャクチャな状態になっている方もいる。そこで、本日は、SEO順位に影響を与える全６５項目のチェックリストをご紹介する。 これをもとに、あなたが行っているSEO施策を見直してみて欲しい。 SEOキーワードに関するチェックリスト■最重要 １．Titleタグ
Guide to HTML Semantic Markup
2014年8月17日 HTML, Webサイト制作 連載企画「実践で学ぶWebサイト制作ガイド」も佳境を迎え、今回いよいよHTMLマークアップの段階に突入します！「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります！お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その6 目標：正しいページ構造のHTMLが書ける 必要なもの：Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル：HTMLの基礎知識がある・基本的なHTMLタグが手打ちで書ける 目次 誰のため？何のため？We
制作でDreamweaverを使うときに便利な、ワークスペースごとの基本機能のまとめ | Mnemoniqs Web Designer Blog
制作でDreamweaverを使うときに、知っておきたい基本機能をワークスペースの各要素ごとにまとめてみました。ほんと基本的なことばっかりですが、意外と知らないまま使ってたっていう同僚もいたので。あんまり活用してないところがあれば、確認しておくのもいいかと思います。 目次 ワークスペースのレイアウト ファイルパネル ドキュメントウィンドウ コーディングツールバー ステータスバー 挿入パネル 検索および置換 プロパティインスペクター ワークスペースのレイアウト 僕のDreamweaverCS3はこんなワークスペースのレイアウトとなっております。結果パネルだけポップアップ。 (クリックで拡大) [スタイルレタリングツールバー]と[標準ツールバー]はほとんど使わないので非表示にしています。[挿入パネル]は必要なときだけオープン。 レイアウトは人ぞれぞれなので一番使いやすいかたちで。 ファイルパ
[HTML5 入門]HTML5の略された49タグの語源全てを調べた
タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ
![[HTML5 入門]HTML5の略された49タグの語源全てを調べた](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ
