サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
wild-cards.net
ブログを美しく見せる最も手っ取り早い手段がアイキャッチ画像だと思います。まさに、記事毎に表示されている ⇧⇧⇧ この上の画像ですね。 アイキャッチとは、その名の通りコンテンツの内容を端的なイメージで訴求するためのもの。記事への興味を持ってもらうために必須と言えますが、毎回フォトレタッチソフトで画像を整形するのはかなり面倒です。僕の場合はかつて更新が滞った一因にもなりました。 そこで! アイキャッチ用にアップした画像を自動で切り抜いたりリサイズする方法をご紹介します。Auto Post Thumbnailなどのプラグインを利用したりテンプレートファイルに直接記述する方法を多く見掛けますが、僕個人のポリシーで可能な限りfunctions.phpからコントロールする方法を推奨しています。 functions.phpに以下のコードを追加 functions.phpはテーマディレクトリの直下にあるフ
WordPressをコーポレートサイトで利用する場合、新着情報はTOPページの要素として不可欠ですよね。こんな感じ▼ これをそのまま再現するPHPとCSSのコードをご紹介します。 テンプレートファイルにPHPコードを貼り付け index.phpやhome.phpなど、新着情報を表示したいテンプレートファイルの任意の場所に以下のコードを貼り付けます。 <?php global $post; $lastposts = get_posts('numberposts=5&cat=0'); //表示件数とカテゴリID foreach($lastposts as $post) : setup_postdata($post); $post_title = $post->post_title; if(mb_strlen($post_title)>40) { //記事タイトルの文字数 $post_title
「ロゴはチラシから取って」「サイトから取って」…デザイナーやってるとそんな無茶振りをされることが多々あります。クライアントにAIデータ頼むのが面倒臭いんだろう代理店の馬鹿野郎この野郎と思っても口には出せませんよね。 そこで、”永遠の初心者”であるワタクシが過去最高クラスに感動した『画像トレース(CS3ではライブトレース)』の出番であります。 原型を留めないほど汚れてさえいなければ、画像の中のロゴやイラストからなかなか綺麗なパスを抽出できるんです。結構複雑な形状でもちゃんと読み取ってくれるし、多少グラデが掛かっててもある程度は調整可能。これは使わない手は無いですよね。 1.パスを取りたい画像をイラレ上に配置 まずはイラレのファイル上にパスを取得したい画像を配置(ここではリンクでなく埋め込んでます)。余計な部分を除くために、おおよそのところを白線で囲んでマスクします。予めフォトショか何かで切り
「絶対に入れておきたいWordPressプラグイン10個」みたいなエントリを散見しますが、あれってどうなんでしょ。インストールして有効化するだけだから確かに楽チンなんだけど、それに伴うリスクが片っ端から看過されてるというか。 ・WP本体のバージョンアップで使えなくなることがある ・プラグインの更新で使えなくなることがある ・まったく目の届かないところでコンフリクトを起こしたりする ・head内に作者によるコメントが溢れ返り、素人臭くてみっともない 要するに…スタートアップで好きなようにプラグインをぶち込んでしまったら、その後まったく弄らなくても突如不具合が発生する可能性が高いんです。少なくともそのまま永続的に運営していくことは不可能でしょう。しかしそのことを初心者が知る機会は殆ど無いのが現状です。 ただ実際に経験してこそ血肉になるのも事実なので、ここでは「困ったときの代替案」を集積していけ
検索結果の表示であれば栞のような意味合いで有用ですが、一般のブログでは直近のエントリをいかにサクサク閲覧できるかという点で不向きな気がします。 そこで、ページ最下部までスクロールしたら自動で次ページを読み込むjQueryプラグイン『autopager』を導入してみました。 配布元はこちら。 jquery-autopager ご利用の際はMIT Licenceに従ってソース内の著作権表記をそのままにしておくこと。 まずはjQuery本体をhead内に設置 多様なjQueryの機能を利用するために必要な親玉?をサーバに設置するか、Google Developersから引っ張ってくる必要があります。VerUPのたびに削除したりするのは面倒なので個人的には後者をお勧めします。既にバリバリjQueryを使っている方はここは飛ばしてください。 <link href="//code.jquery.com
サイドバーの最新記事一覧がテキストだけでも全然構わないんですが、デザインによっては画像が無いと寂しい場合もありますよね。 当サイトではアイキャッチ画像(↑タイトルに被っているこの画像)をそのまま最新記事及びランダム記事一覧のサムネイル画像に自動で転用しています。例によってプラグインは使っていないところがミソですね。 まだアイキャッチを利用されていない方はこちらをご覧ください。 ⇒ 【WordPress】アイキャッチ画像を自動で切り抜き・リサイズ はじめに アイキャッチ画像を使用していることが前提です。 管理画面の「ウィジェット」は使いません。ファイルを直で編集します。 リストアップする件数は任意で設定可能です。 サムネイルのサイズは任意で設定可能です。 1.functions.phpにコードを追加 テーマファイルのディレクトリ直下にあるfunctions.phpまたはそれに相当するファイル
ずっと先延ばしにしてたんですが、ようやくスマホ対応しました。スライドメニューの導入にあたって参考にしたのはこちら。 JavaScript – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] ページ下部のリンクからgithubに飛び、その右端にある「Download ZIP」からjs本体とサンプルhtml/cssを入手できます。 プレビューにはGoogle Web Developer Toolsがおすすめ 設置の仕方や手順は一般に配布されている他のjQueryプラグインと大差ないので、サンプルそのまま真似すれば難しくないと思います。 プレビューは手持ちのスマホからになりますが、どうしてもPCのブラウザで確認したい場合はタッチアクションに対応したエミュレータ(そんあのあるのか?)が必要です。とりあえず私は普段から使っているGoogle Web Develo
オープンソースと言えば聞こえはいいけど、結局のところ何が起きても自己責任。 たとえばCDNならわざわざファイルを落としてUPし直さなくても一行追記するだけでおk!なんて思ってても、公開元のサーバが落ちたら利用してる我々のページは即リンク切れ→不具合になるわけで。諸々のソースコードの類も同様で、便利でクールな挙動だからとまんまコピペで使ってたらエラい目に遭ったりします。 続きを読む ▸ おっす、オラJay! ひっさびさの更新でやり方を忘れちまってたぞ! 今回はチェーン展開の店舗サイトとかショッピングサイトとか、動的なコンテンツが複数ある場合に「カスタム投稿タイプ」でブログを追加する手順を紹介すっぞ。もちろんプラグインは使わねぇ。 カスタム投稿タイプ – wikipediaより “WordPress は多数の異なるタイプのコンテンツを保存し、表示することができます。投稿はひとつの投稿タイプです
ブックマークレットをご存知ですか? お気に入りのWebページを保存しておく”ブックマーク”は、誰もが使っているブラウザの基本機能ですよね。”ブックマークレット”は、”ブックマーク”にWebページのURLではなく、特定のコマンド(命令)を実行するソースコードを保存したものです。 この機能を使えば、たとえば「いま見ているWebページのタイトルと短縮したURLをTwitterにつぶやく、Gmailで送信する」といったアクションを”ブックマーク”から選択・実行できるようになります。いちいちTwitterやGmailのホーム画面に飛んだりテキストをコピペしたりする面倒が省けるわけです。とくに、ツールバーや拡張機能が無いiPhoneのSafariにおいては威力絶大! というわけで、僕が現在iPhoneで使っているブックマークレットのソースを列挙します。使いたいブックマークレットがあったら、以下の手順に
ほんっとInternet Explorerはウザいですよね。 速度、機能、操作性ほか何もかもがイケてないってとこは百歩譲って許すとしましょう。一般ユーザーの9割はエロとゴシップと買い物が興味の中心ですし、Webページが普通に見れればブラウザなんか何でもいいんだと思います。 しかし! 我々制作者の立場からするとIEはガンそのものです。他のどのブラウザで見ても何も問題無いのに、IEだけ表示の崩れや意味不明なエラーが頻繁に起こります。正しいマークアップに準拠できてないくせに、圧倒的なシェアにモノを言わせてふんぞり返ってきたからです。 最初の頃に「IE6からのアクセスは別ページに飛ばしている」という旨の記事を書いたんですが、アクセス解析を見たら「IE6 別ページ」といったキーワードでの訪問者が結構いるんですよね。IEをガン無視とまではいかないまでも、徐々に排斥の方向に進んでいるのは間違いないでしょ
Appleエバンジェリストの皆さん、お元気ですか! 使えるアプリを求めてダウンロードと削除を繰り返すうち、気付いたらiTunes内のアプリの数が100を超えていました。確かに便利なんだけど、いつ使うの?みたいな微妙なアプリが6割強を占めてる気がします。 やはりWebディレクターという仕事柄、PCと連携機能があるアプリを頻繁に利用していることがわかってきました。ソーシャルサービス然り、ストレージサーバ然り、スケジュール管理然り。iPhone単体で使う機能だけでいいならガラケーでも十分代用できますしね。 というわけで、僕にとっての一軍アプリとおすすめアプリを37個ピックアップしてみました。誰もが便利と思うアプリは共通してるでしょうし取り立てて珍しいものは無いかもですが…。それとゲーム、電子書籍、辞書の類は今回は省いています。 よかったら皆さんのおすすめアプリも教えてくださいね! ニュースサイ
このページを最初にブックマークしてみませんか?
『【jQuery】指定位置でスクロールを固定するプラグインが動かない』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く