はてなブックマーク

WordPressは決められたテンプレートファイルを使うとカテゴリーごとの記事一覧や月別のアーカイブを作ることができるのでとても便利です。 ただ、全てのカテゴリーを横断した全記事一覧のページを作ろうとすると、archive.phpやcategory.phpではうまくいかないんですよね…。 意外に必要なページだと思うんですけど、どうなんでしょう…。WordPressでそういうテンプレート作ってくれないかなー。 色々と調べると全記事の一覧を作るには、固定ページで作ると良いらしいのでまとめておきます。 まずはテーマフォルダに適当なphpファイルを用意して次のようなphpを書きます。 <?php /** * Template Name: テンプレート名 */ ?> <?php $paged = (int) get_query_var('paged'); $args = array( 'posts_

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 美しい写真を背景画像としてブラウザ画面いっぱいに表示したい時に役立つjQueryプラグインの紹介です。 Backstretchの使い方まずはBackstretchをWebサイトへインストールします。 次のリンク先のページからBackstretchのjsファイルをダウンロードしてきましょう。 Backstretch jquery.backstretch.min.jsというプラグインファイルがダウンロード出来ると思います。 HTMLでjQueryとBackstretchプラグインファイルを読み込んでおきましょう。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.ba

シンス株式会社の越水です。 オウンドメディアブームの昨今ですが、そうしたWebメディアを積極的に展開しているのは東京の企業ばかり。福岡でそうした事例の一次情報に触れる機会ってあまりないというのが現状です。 しかし今回、福岡市スタートアップカフェでWebマーケティングのメディアとして急成長をしたferretの編集長がイベントをやるということで「こりゃチャンス！」とばかりに話を聞いてきました。 取ってきたメモを簡単にまとめましたので興味のある方はご参考ください 「Webマーケティングの大衆化」を目指すferretがやってきたことferretはWebマーケティングに関わるノウハウや最新ニュースに触れることができるメディアサイトです。 ferret [フェレット]｜webマーケティングがわかる・できる・がんばれる 公開されてからわずか1年で170万PVを突破したこのサイトは、豊富な情報量とトレンド

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 レスポンシブWebデザインでホームページ制作を行うとき、「スマホの時だけJavaScriptの処理を加えたい」なんてことあったりしますよね。 今回はそんな時によく使うJavaScriptの条件分岐について書きたいと思います。 レスポンシブWebデザインではウインドウ幅、またはUA（ユーザーエージェント）によって処理を分けることができる例えばスマホでホームページを見た時だけ動作させたい画像スライダーがあったとします。 何の情報をもとに条件分岐させればうまくスマホだけで動作させることができるでしょうか。主に2通りの方法があります。 ウインドウサイズの横幅によって条件分岐使用デバイスのUA（ユーザーエージェント）によって条件分岐前者はCSSのメディアクエリーを使うことでウインドウサイズによってレイアウトを変更させるのと似たような方法で

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 ホームページ制作をしていると「Instagramの特定のハッシュタグで投稿されている画像を一覧表示したい」という場面があります。 今回はInstagramからリリースされているAPIとjQueryプラグインを使って、ホームページ上にInstagramの画像フィードを表示させる方法を紹介します。 好みのハッシュタグの画像を並べるのに便利なInstafeed.jsInstagramに投稿されている画像フィードを取得するために今回はInstafeed.jsというjQueryプラグインを利用します。 まずはInstagram APIの取得準備をする。そのための下準備として、InstagramのAPIを取得するためのアプリケーション登録をします。 アプリケーション登録といってもそれほど難しいことはしません。 まずはInstagram De

Tweetこんにちは！福岡でホームページ制作を行なうアイドットデザインの越水です。 3月ももう半ばですが、今月も日々チェックしているホームページの数々から、お気に入りのサイトをまとめてご紹介いたします。 今回はややインタラクティブな作品が多くなったかなという印象です。 今やホームページ制作もブランディングツールとしての利用が一般的になってきており、目的達成のためには映像コンテンツやクオリティの高い写真の存在も欠かせません。うまく他分野のクリエイターと連携をとりながら協業していく場面も増えそうです。 それでは2015年2月に私が気になったWebサイトのまとめです。 ※「2015年2月に公開されたサイト」というわけではないのでご了承ください。 2015 is yours URL : http://www.2015-is-yours.com/ フランスのデザインスタジオによるアートワーク。 ホー

ホームページ制作会社 シンス納得いくまで とことんお付き合い制作実績は500件以上。 親身なヒアリングを通して 納得度の高いご提案を。 「WEBの知識がない」という方も ご安心ください。 丁寧でわかりやすい説明をお約束します。