修正になんでも応えてくれるデザイナーさんが上司からの「チーズ感が足りない」というダメ出しに全力で応えてくれた結果…ミルクシーフードヌードルの広告がこのような形になりました! https://t.co/0T7aFfBXtN
WordPress で投稿を表示するためのメインループとサブループの表示方法を紹介します。 例えば、最新記事一覧やカテゴリー別記事一覧を表示したい時に便利な方法です。 ループは大きく分けて「メインループ」と「サブループ」の2つに分けられます。 この記事では使用頻度の高いサブループの表示方法をメインに紹介していきます。 メインループの表示方法 サブループの表示方法 投稿の表示件数を指定する方法 投稿をターム別に絞り込む方法 特定の投稿を除外する方法 現在表示している投稿を除外する方法 投稿を昇順・降順などで指定する方法 関連記事の表示、表示中の投稿と同じタームに分類されている投稿をランダムに表示する方法 投稿数を取得する方法 カスタムフィールドの値で投稿をソートする方法 投稿タイプを複数指定する方法 投稿一覧に年の見出しを付ける方法 投稿を順序順で表示する方法 非公開記事を除外する方法 固定
個別ページへのURLを出力するWordPressループを用いて記事の一覧を表示したら、今度はそれぞれの記事へのリンクを付けることになると思います。個別記事へのURLを取得するには、the_permalink()を使用します。たいていの場合次のように<a>タグと合わせて使うことになるでしょう。 <a href="<?php the_permalink(); ?>">続きを読む</a>この関数はWordPressループの中でしか使えません。 一般的なブログでは、記事のタイトルをクリックすると記事一覧に遷移します。これを実現するためにまず思いつくのは、次のような方法でしょう。 <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>これでも特に問題にはなりませんが、the_title()は前後に出力する文字列を第
トップページやアーカイブページなどの記事一覧で記事内容の抜粋を表示させるWordPressのテンプレートタグthe_excerptを使用して、表示させる文字数や「続きを読む」などのリンクを表示させるカスタマイズを行います。 the_contentとthe_excerptの抜粋動作の違い the_excerptを使用して記事抜粋をする時の基本設定 抜粋する文字数を変更する 抜粋の文末に表示される文字列を変更する 抜粋の文末に表示される文字列をリンクにする the_excerptを使用した抜粋の実用的な使用例 1. the_contentとthe_excerptの抜粋動作の違い 個別記事ページ以外では、記事の内容を表示させるテンプレートタグthe_contentでも記事の抜粋を表示させることが出来ますが、the_excerptとの抜粋動作の違いは? the_content テーマのループ内に、
どうもこんばんは。今回のtipsは【jQuery 複数Classの一致(AND)や組み合わせによる要素の操作方法】です。とても基礎的な事ですが、重要な事ですのでメモしておきます。基本的にはタイトルの通りですが、概要としては…複数のクラスを持つ要素に対して、その組み合わせが正しい(一致)した時に操作を実行する方法になります。 概要と実装例 実装方法は非常にシンプルですjQueryの要素設定で”+”でつなぐだけです。概要は下の画像をご参照ください。下の例ではクラスA1とクラスA2を持つ要素を対象にしています。画像にも書いてあるように部分一致ですのでA1,A2,A3というクラスを持っていた要素も操作対象に含まれます。 上記jQuery $(function(){ $(’A1’ + ’A2’).css({’color’:’#f00’}) }); その他いろいろな組み合わせ この他にも一般に使われる
スクリプトを組む際に、特定の要素が存在する場合のみに処理を実行させる、といった場面にはよく遭遇するのでjQueryで要素の存在の有無を判別する処理を自分用のメモ書きとしてご紹介してみます。 jQueryで特定の要素が存在するかどうかを判別する処理【.length】 タグそのものに対して判別させることも可能ですが、サンプルではID「#sample」が存在するかどうかの処理について。 要素が存在するかどうかの判別方法はいろいろありますが、扱いやすかったものとしてまず「.length」を使っての判別から。 要素の数があるかどうか、を判別する処理になり、存在しない場合は値が空になるので、存在しないという判別になります。 「.length」を使っての「#sample」が存在した際の処理は以下のようになります。 ◆SCRIPT $(function(){ if($('#sample').length)
jQueryで要素数を数える方法のまとめです。 ここではul要素の子要素li要素の数を数えるサンプルを使って、いくつかの方法を紹介します。 size()メソッドは1.8から非推奨という指摘を頂いたので削除します。失礼致しました。 1.size()メソッドで数える まず、size()メソッドを使って要素数を数える方法です。 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script> $(function() { var size = $('li').size(); alert(size); }); </script> <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> 2.lengthプロパティで数え
「Twitterが編集機能テスト中!?」とネットが盛り上がるも、ただのプラグインというオチで収束2018.07.30 14:00 塚本 紺 夢見せて、ごめんね。 去年のクリスマス、多くのネットユーザーたちがサンタにお願いした(と私が想像している)のが、「投稿した後のツイートが編集できるようになりますように」というものでした。面白い文章、重要な声明などが何十人、何百人、場合によっては何万人にもリツイートされ、ニュース記事に埋め込まれた後に誤字脱字を指摘される。もしくは内容に修正が必要となる。そんな事は日常茶飯事です。 もちろん、そんな場合は元ツイートを削除して、修正して同じ内容でツイートをすれば良いわけですが、その場合は新しいツイートとなるため、リツイートや記事埋め込みもすべて消えてしまうわけです。だからユーザーたちは間違いを知っていて放置する(+内容を修正するツイートを別で行なう)か、泣く
とあるTwitterユーザーが抜け穴を使って3万5000文字のツイートを投稿2017.11.08 10:525,115 岡本玄介 もはやつぶやきではない。 ツイッターといえば、140文字という制限の中に言いたいことやリンクなどを詰め込まなくてはなりません。かつては“@ユーザー名”は文字数に数えない、そしてランダムで選ばれたユーザーが280文字で投稿できる、などという改善策もとられてきました。 たくさんのユーザー名がタグ付けされたツイートが長ったらしくて、それが流れてきた無関係なフォロワーは迷惑な思いをしたこともあるかもしれません。ですがあるトリックを利用すれば、文字数制限などお構いなしに、好きなだけ長い文字をつぶやくことができてしまうのです。 11月4日のこと、ツイッター・ユーザーのTimrasettが3万5000文字のツイートを投稿。タイムラインは、このツイートひとつで埋め尽くされてしま
ではでは(・ω・)ノシ というレスを見ることがあります。 「ノシ」ってなんだ?と思う人も中にはいるでしょう。 説明不要かもしれませんが、とりあえず説明しておきます。 ノシ 、(・ω・)ノシ、(´∀`)ノシ の読み方 特に読みません。絵文字です。 無理矢理読むとすれば、「バイバイ」になります。 ノシ 、(・ω・)ノシ、(´∀`)ノシ の意味 先ほど読み方のところで言いましたが、 「バイバイ」と言う意味です。 しかし、たまに「手を上げる人」という意味になることもあります。 絵文字、アスキーアートなのでとらわれ方は人それぞれです。 「ノ」は手を現し、「シ」は手を振る動作イメージのようなものです。 そんな目で見ると、意味がわかってきます。 <使い方> ・来年もよろしくですよー。(・ω・)ノシ ・(´・ω・`)ノシおはお ・ちょっとそこまで(`・ω・´)ノシ [ノシの意味]
以前、「書ける前に読む!HTML、CSS、JSの書式」*1という連載記事を書きました。コードを書くにはまず読める方が先という考えから、コードの読み方をHTML→CSS→JSにステップアップ方式で解説しました。当ブログでは様々なテーマを連載していますが、そのどこからでもたどり着けるような記事にしたかった。 この記事はその内容を一つにまとめた物です。当ブログのあらゆる記事からいつでもたどり着ける「Webの基本」のメルクマールです。 ※目次: HTML、CSS、JSの基本(動画版) Webの基礎知識 HTMLの基本 CSSの基本 JSの基本-前編(オブジェクト、関数、変数) JSの基本-後編(イベント、制御構造) JS応用編:生JS、ライブラリ、フレームワーク まとめ HTML、CSS、JSの基本(動画版) ※2019/09/30追記 本記事の概要に当たる内容をプログラミング実況してみました。ぜ
現在 侍エンジニア塾が大炎上 していますね。 自分はもともと侍でお仕事させて頂いていたこともあり、中の人の知り合いも何人もいたりします…。 だからこそ、炎上及び その後の対応にブチ切れてしまった ので、ブログに経緯と心境、今後取ってほしい対応をまとめておきます。 正直、胸が苦しすぎて昨日から仕事どころじゃなかったよ…。 ほんとに…。 こんなにストレスで動悸が激しくなったの久々だよ…。 多分、侍の知り合いもこれ読むだろうけど、むしろ読んで反省しやがれください。 ひっさびさのブログ更新がこんなネタとは…。 引用元: 侍エンジニア塾マンツーマンコースのご案内 権利者: 株式会社侍 侍エンジニア塾の炎上の経緯 炎上の発端 【10/12 (金) 18:36】侍への指摘が入る 炎上後の経緯 【10/13 (土)】炎上を確認した為一旦該当のバナーを外す 【10/15 (月)】企業サイトのTOP下部に謝罪
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く