WordPressの記事ページなどに投稿者名を表示するカスタマイズを紹介します。 下のスクリーンショットは、当ブログで配布しているテーマを利用した変更前後のサンプルです。変更後は記事本文下に記事投稿者名が表示されています。 変更前 変更後 1.記事投稿者名の設定 まず、記事投稿者名を設定します。管理画面の「ユーザー」→「あなたのプロフィール」または「ユーザー一覧」から該当のユーザーをクリック。 「名前」項目に表示されている「ユーザー名」「名」「姓」「ニックネーム」「ブログ上の表示名」を設定します。すべてを設定する必要はなく、利用したい項目のみを設定します。 通常は「ブログ上の表示名」を利用します。「ブログ上の表示名」は、 ニックネーム ユーザー名 名 姓 名+姓 姓+名 のいずれから選択できます。各項目を入力した時点で選択可能になります。 2.記事投稿者表示用テンプレートタグ 次の中から任
使うたびに引数名を調べたりする事が多いので、チートシート兼スニペット用として置いておく。WordPress3.0版。非推奨・先頭固定投稿引数は除外。 <?php $myQuery = new WP_Query(); // WP_Queryオブジェクト生成 $param = array( //パラメータ //カテゴリー引数 'cat' => '1', //(整数)- カテゴリーIDを指定。コンマ区切りにした複数IDの文字列も指定可能。 'category_name' => 'my cat name', //(文字列)- カテゴリー名を指定(日本語も可)。 'category__and' => array('1', '2'), //(配列)- カテゴリーIDの配列。指定した複数のカテゴリーすべてに含まれる投稿のみを取得。 'category__in' => array('1', '2'), /
TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ?」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画/提案 1.企画書 企画書はどれくらいのコストで効果(売上)を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本/上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum 2.提案書 提案
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい!っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか? 私が
こんにちは! ライターのしゅーへいです。 アプリデザインや、アプリ紹介などで何かと使われるモックアップ素材。今回はフリー(無料)でダウンロードできる海外サイトを5つ紹介します。 今回紹介するのは、「PSD」や「アクション素材」です。もちろん、紹介する素材屋さんでは、モックアップ素材以外の素材も扱っていますよ。それでは下記よりどうぞー! 【こちらもおすすめ】 ☞ 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ 使えるモックアップの素材屋さん5選 サイトごとのちょっとした紹介と、そのサイトの素材例を紹介していきます。 Pixeden http://www.pixeden.com/ サイト中央付近にある「Free」から無料素材一覧が開きます。ベクターなどやアイコン素材も取り扱っていて種類は豊富。 素材例 3D iPhone 5 Psd Vector Mockup v2 Psd i
「Easing Effect」には3つのデモがあります。 「easeInOutBack」一旦逆にスクロールし、目的地をちょっとだけ通りすぎて戻って到着。 「easeOutBounce」目的地につくとバウンドで到着。 「easeOutElastic」はeaseInOutBackを素早くした感じです。 AnimateScrollの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトをhead内に記述します。 <head> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="animatescroll.js"> </head> Step 2: HTML(スクロール先の設定) スクロール先の要素にidやclassを付与します。 ※ペー
jQueryでアニメーションを実行させる「.animate()」。 一つのfunctionの中で複数実行させることも可能だったりするのですが、 アニメーション実行後、実行したアニメーション処理が完了した時点で別の処理を実行させたい、 という場合がたまにあったりするのですが、その記述方法をつい忘れてしまうことがあるので、 ここにメモ書きがてら紹介してみます。 jQueryでアニメーション処理完了後に別の処理を実行 $(function(){ $(セレクタ).stop().animate({アニメーション処理},1000,function(){ ~ここに処理を記載~ }); }); 例えば、画像にマウスオーバーした際に、 画像をアニメーション拡大させ、 拡大処理完了後に影を付ける(CSS3で)場合は。 $(function(){ $('img').hover(function(){ $(thi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く