サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Salvattore ? A jQuery Masonry alternative with CSS-driven configuration. CSSで設定ができるPinterest風レイアウト実装ライブラリ「Salvattore」。 Pinterest風UIを実現するライブラリは多数ありますが、CSSで設定が出来るのは便利かもしれません JSは使っていますが、カラム数等の調整をCSSでできるのが特徴です。 関連エントリ ドラッグ&ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Image Picker」
今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作りましたのでご覧ください。 右が使用した場合、左が使用していない場合です。 画面中央にキャプチャソフトのウォーターマークが出ていますがご容赦ください。 この動画は、私が運営している フリー写真素材 :: Free.Stocker のページ表示テストです。 ブラウザキャッシュを無効にするため、Google Chrome のシークレットウインドウを使用しています。 それほど大きな違いは出ていませんが、プラグインを使用したほうが記事ページ(single.php)の表示が速いことがお分かり頂けるかと思います。 後半は管理画面のテストです。 どう見てもプラグインを使用したほうが速くなっていることがお分かりい
パンくずリストとは? 例えば私が運営する「ウェブデザイン・クロスロード」のサイトで言えば… オレンジの線で囲んだ部分です。これがあると… サイトを訪れた人が、「今、自分はどこのページを見ているのか?」がすぐにわかる。ユーザビリティーの向上。 検索エンジンに対してサイトの構造を的確に伝えることが出来る。SEOに効果。 と言うわけです。 「Breadcrumb NavXT」のインストール WordPress管理画面(ダッシュボード)左側のメニュー「プラグイン」→「新規追加」をクリック。 「Breadcrumb NavXT」を検索。 「今すぐインストール」をクリック。 インストール完了後「有効化」をクリック。 テーマファイルへの記述 パンくずリストを表示させたい場所へ以下のコードを記述します。
iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏(@firt)がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者/開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」(this is the buggiest Safari version since 1.0)だそうです… UIが大幅に変更、フルスクリーン(に近いサイズ)がデフォルトに Webブラウジングをしている
ここ最近すっかり放置プレイ気味の本サイトにも、当方のつたないtipsなどをググってお越しくださる方がいらっしゃいます。本当にありがたい限りです。 ということで、2009年1月10日(!)のエントリー『WordPressにて 子ページのタイトルだけでなく本文も一覧で取り出す』にお越しくださった方のリクエストにお応えして、「ホント、こんな情報をご活用くださって感謝です」という思いで続編を公開したいと思います。 リクエストは、出力されたタイトルに当該記事へのパーマリンクを付加したいというもので、コードはこのようになりました……が、ご利用はくれぐれも計画的におねがい申し上げます <?php $page_id = mysql_real_escape_string ( $post -> ID ); $array = $wpdb -> get_results ( "SELECT ID, post_ti
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
#未検証。「〜」は省略の意味ですー。 global $post, $page, $pages; $hasmore = false; //ここからループ処理 〜 the_post(); 〜 the_content(); // とか get_the_content() とか 〜 $content = $pages[$page - 1]; if ( preg_match( '/<!--more(.*?)?-->/', $content, $matches ) ) $hasmore = true; 〜 //ここまでループ処理 if ( $hasmore ) get_sidebar(); kzさん 回答ありがとうございます。 経験が浅くphpもろくに理解していないため 記述内容がよくわからず理解がむずかしかったです。 sidebar.php内に下記を記述しています。 <?php if(is_cate
Pinterest風グリッドレイアウトを作ってみよう:jQuery×HTML5×CSS3を真面目に勉強(3)(1/4 ページ) はじめに 一口にSNSというと、読者の皆さんはまず、TwitterやFacebook、LINEなどのサービスを思い浮かべることでしょう。しかし、こういったデファクトスタンダードなサービスだけでなく、世の中にはさまざまなジャンルに特化したSNSがいくつも登場してきています。 特に写真共有に特化したSNSのUIというのは、その特性のためか画像を画面いっぱいに敷き詰めたものがよく見受けられます。基本的な操作性はもちろんのこと、いかに美しく、ユニークに画像を並べるかによって他サービスとの差別化を図るかが、デザイナーならびにフロントエンドエンジニアの腕の見せ所といっても過言ではありません。 Pinterestは、そうした写真共有SNSの1つです。高さが均一のグリッドが整然と
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート
デザイン 手書き風 フォーマル ファンキー かわいい ポップ 絵文字 ファンシー クール ロック 和風 毛筆 デジタル レトロ カクカク 丸文字 外字風 へた字
FlowType.JS ? Responsive web typography at its finest: font-size and line-height based on element width. 要素サイズに応じてフォントサイズを自動調節してくれる「FlowType.JS」。 通常は要素の幅を変えると折り返し位置のみがかわりますが、こちらを使えばフォントサイズやline-heightを自動調節可能。 レスポンシブなサイトなどで使うことができそうです。最小・最大のフォントサイズを指定することもできるのえ大きすぎたり、小さくなりすぎたりといったことも防げます 文字の大きさの問題はこうしたもので簡単に解決できますね 関連エントリ リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 タッチができてレスポンシブなカルーセル実装jQuery
とある案件にて、Wordpressの親ページに子ページのリストを表示させる方法を調べたのでメモ。 初めはフォーラムの「親ページに属する全子ページのタイトルと本文を表示」を使った方法を考えていましたが、何故か上手くいかなかったため、テンプレートタグの「wp_list_pages」を使う事にしました。 「WordPress で現在のページの子ページのリストを表示する」を参考にほぼ思い通りの処理が出来ました。それに加えて今回の案件では携帯用ページも制作しており、そちらではwp_list_pagesタグのデフォルト表示であるliタグを使わない方法を探しました。 一度はWordpress本体の中身を書き変える事も考えましたが、「wp_list_pagesのli要素の中を変更 (WordPress)」を参考にstr_replace関数を入れることで思う通りの処理になりました。 【携帯用タグ】 <?ph
12月25日まで毎日ブログをつないでいく WordPress Advent Calendar、7日目担当マクラケン直子 (@naokomc) です。なつき(@Stocker_jp)さんの人気記事「Croppyの作り方」に引き継いでいただきました!ドキドキ。 カスタムフィールドとカスタムタクソノミーについてはなつきさんの記事でも触れられていますが、WordPress で使える便利な拡張機能として、 カスタム投稿タイプ カスタムタクソノミー(カスタム分類) カスタムフィールド といったものがあります。どれもこれもカスタムカスタムとうるさいですが、名前を見ただけでは違いがよく分からない…ですよね。これらについて意外と知られていないところもあると思うので、それぞれどういう時に使うのか、どうやって使うのかという全体像を説明してみます。 目次 使い方のちがい それぞれのメリット 使い方の基本 使いどこ
サムネイル画像をつけたので、トップページがゴチャゴチャしてしまいました。 そこで、サイドバーにある「最近の投稿」をトップページだけ外してみました。 作業は簡単で数分で完了。 ①サイドバー(sidebar.php)をコピー サイドバーを複製します。 名前は、「sidebar-2.php」「sidebar-3.php」など、連番にします。 ②メインインデックスのテンプレート (index.php)を開く サイドバーが表示される部分 <?php get_sidebar()?> を <?php get_sidebar('2'); ?> に変更 ①で付けた名前の番号を括弧内に記述 これで、簡単に2つのサイドバーができました。 「sidebar-2.php」を編集すれば、トップページだけ違うサイドバーになります。 これでゴチャゴチャ感がなくなってスッキリしたトップページになりました。
2. WordPressデータベースのバックアップ 前に、Wordpress2.8へ自動アップグレードしようとして、華麗に失敗した苦い経験があるので、バックアップは入念に行う。MySQLのバージョンアップを行う前に、まずはバックアップ。面倒くさくてもバックアップ。なにはともあれ、バックアップです。 WordPressの管理画面からもバックアップできるけど、プラグインの設定が引き継げないので、「phpMyAdmin」で行う。 実際の作業は下記サイトを参考にさせてもらいました。 (参考) データベースのバックアップ - WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/データベースのバックアップ WordPressのサーバー移転メモ:バックアップ編 | コリス http://coliss.com/articles/blog/wordpress/
WordPressでデータベースの情報を変更する際に便利なTipsが載っている13 Useful WordPress SQL Queries You Wish You Knew Earlierというエントリーのご紹介。 WordPressはMySQLというデータベースで動いていますが、何かを変更したい場合に結構困る事があります。 例えば ・パスワードを忘れて管理用のメールアドレスも忘れた場合 ・テスト用にレンタルサーバーのサブドメインで動かしていて、いざ本ドメインで表示されるよう設定してもサブドメインにリダイレクトされるとか。画像がでない。とか。 全ての情報がデータベースに格納されているためしょうが無い部分もあるのですが、困った時に知っておくと便利なTipsです。 ※必ずバックアップを取ってから実行してください。 サイトのURLを変更する ワードプレスはサイトのURLとホームのURLを絶対
そのようなわけで、ライフログを取るにあたって、色々と初めの仕組み作りをしているわけですが、 ブログをWordPressで書こうとする場合、画像を添付する時は、画像の挿入リンクは、絶対リンクになる仕様です。 例えば、 <img src="http://khoshino.com/wp-content/uploads/2011/10/abc.jpg" /> となります。 この場合、例えば、ローカル環境や構築環境で作ったサイトを、本番用のドメインで公開する場合、画像を既に多くアップロードしている場合には、この画像のドメイン部分のURLを置換する必要があります。 また、既に運営しているサイトを、何かの事情でドメインを移行する場合にも、同様に、この画像のドメイン部分のURLを置換する必要が生じるでしょう。 以上のような理由から、WordPressで挿入する画像のsrcを相対リンクにする需要がある
WordPressで記事の中に画像を挿入するとき、通常ではhttp://www.example.com/wp-content/uploads/~ などといったように、ドメインを含んだアドレスがimgタグのsrcとして埋め込まれてしまいます。 例えば、ローカル環境や構築環境で作ったサイトを、本番用のドメインで公開する場合、このドメイン部分をいちいち置換しなくてはなりません。 MySQLが分かる方であれば、一括置換すれば済む話ではありますが、データベースってなんじゃらほいという方はどうすればいいのか困りますよね。そこで、挿入される画像のsrcにドメイン部分が入らないようにする方法を紹介します。 利用しているテーマのfunctions.phpに下記コードを追加するだけ。 CODE 1 function delete_host_from_attachment_url( $url ) { $rege
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く