タグ

ブックマーク / kachibito.net (26)

  • 固定ページで子ページのリンクやタイトル、抜粋を一覧表示させるショートコード

    固定ページで子ページを持つ親ページに使うショートコード。子ページを一覧表示させる。 出力されるマークアップは$outputの中身ですので変えたい場合はここを弄れば良いですね。

    固定ページで子ページのリンクやタイトル、抜粋を一覧表示させるショートコード
  • WordPressで作っておくと便利なショートコード何個か - かちびと.net

    WordPressではショートコードを自作して 好きなときに使う事が出来ます。ショート コードを利用すると、通常記事内では出来 ない事もできる様になったり、面倒なマーク アップを簡略化できたりと、とても便利 ですので、ぜひ覚えてみてください。 という訳で、WordPressで作っておくと便利なショートコードをいくつかご紹介します。 その前に宣伝。 WordPressのスニペットを集めてシェアする事にしました ご存知のように、WordPressで使える便利なコードは日々世界中で公開、シェアされています。その背景にWordPressがOSSであることが理由の一つとしてあげられるかと思います。 WordPressはGPLですので、極論を言えば有料のプラグインも無料で配布可能です。このあたりがGPLが一部の方に嫌われる原因でもありますが、沢山のコードを割と自由に使う事が出来るのも利点の一つです。

    WordPressで作っておくと便利なショートコード何個か - かちびと.net
  • WordPress管理画面の左メニューのキーとスラッグのメモ

    個人的なメモ。たまにしか使わないけど、 その時に毎回面倒な思いをしてるので、 いっそメモにしておこう、と思ったので 記事に残します。WordPressの管理画面 のそれぞれのメニューに該当するキー 番号と使用ファイルの一覧。 admin_menuフック使って項目削除したりするときにも使うやつです。 <?php add_action( 'admin_menu', 'remove_admin_menu_links' ); function remove_admin_menu_links() { remove_menu_page('link-manager.php'); // リンクの項目 } ?>こんな感じで書けばメニュー項目を非表示にしたり出来るので納品する際にクライアントさんの誤操作の心配が減りますね。 一覧ただのカンペです。 項目名メニュー名キースラッグダッシュボード

    WordPress管理画面の左メニューのキーとスラッグのメモ
  • [書評] WordPressを高速化する方法がビッシリと書かれている「高速化&スマート運用必携ガイド」

    まずは記事を持って献御礼とさせて頂きます。 WordPressがたまに指摘される動作スピードの 問題を追求し、パフォーマンスを改善する為の 書籍・WordPress高速化&スマート運用必携ガイド です。常に求め続けられているサイトのスピード は制作者に取って、とても重要な点ですね。 ご献頂いたをかもと(@wokamoto)さん、有難う御座いました。 WordPressはたまに動作の問題で議論が生じます。利用者の多いCMSですし、動作はサーバーの問題も関わってくるので致し方ないことですが、WordPress=重い、という先入観を消してくれる一冊です。 ユーザーが求めるものは基的に変化していきますが、絶対に変わらないのが「表示スピード」です。「表示されるのが速いからもっと遅くしてほしい」とは一人も思わないでしょう。 これはWeb制作者全員が目指すべき改善点でもあります。また、表示スピード

    [書評] WordPressを高速化する方法がビッシリと書かれている「高速化&スマート運用必携ガイド」
  • WordPressテーマ開発者向けの、様々な機能を兼ね備えたフレームワーク・WordPress Bootstrap - かちびと.net

    少し気になってたテーマにようやく触れて みたのでついでにご紹介。WordPressテーマ デベロッパー向けに作られたフレームワーク WordPress Bootstrapです。様々な用途に 応用しやすいように作られていますよ。 ベースにBonesが使われています。 テーマ開発者と言ってもかなり幅が広いんですが、こちらはそれなりに触りなれてる方でないと使うのは少し難しいかもしれません。プログラマーさん向けかもですね。 例えばテーマ独自のオプションや、カスタム投稿タイプを応用したシステムなど、割と高性能なテーマのスタートラインとして作ったみたいです。HTML5製でレスポンシブWebデザインにも対応しています。 高性能なテーマ開発にも柔軟に対応できるフレームワークです。今までのWordPressフレームワークの大半は普通のテーマが目的でしたが、こちらは少しシステムよりなイメージです。 レスポンシ

    WordPressテーマ開発者向けの、様々な機能を兼ね備えたフレームワーク・WordPress Bootstrap - かちびと.net
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • WordPressのカスタム投稿(ポスト)タイプを作成するまでの手順リスト - かちびと.net

    捜し物をしている最中に、ちょっと気になったのでテスト的に記事にしてみます。WordPressに新たに追加されたカスタム投稿タイプですが、多少なりにカスタマイズ経験が無いとハードルも低くはない印象なので手っ取り早く作成出来る用にリスト化します。 便利なのにさほど深く浸透していない印象のカスタム投稿タイプ(カスタムポストタイプ)やカスタムタクソノミー(タグに親子関係を持たせる的な機能)とかいろいろと不可解なキーワードで混乱してる方も多いような気がします。 個人的には理解の前にとりあえず触ってみるのもひとつの手だと思いますので、まずは気軽に追加してみてからどういったものか調べればいいかなと。(賛否両論あるでしょうけど僕はとりあえず触って失敗して学びたい人なので カスタム投稿タイプってなんだろう カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加

    WordPressのカスタム投稿(ポスト)タイプを作成するまでの手順リスト - かちびと.net
  • 商用OK・無料でクレジット表記もリンクも不要!日本人の人物写真素材サイト・モデルピース - かちびと.net

    これはかなり重宝するのではないでしょうか。 日の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基的にどれも有料か、 あっても日人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思

    商用OK・無料でクレジット表記もリンクも不要!日本人の人物写真素材サイト・モデルピース - かちびと.net
  • HTML5を使ってWordPressをiPadに最適化するプラグインOnswipeを試した→結果:なかなか(・∀・)イイ!!

    iPadでアクセスしたときに、WordPressiPad向けに最適化してくれるプラグイン Onswipeを試してみましたが、思いの外 良かったのでご紹介。ページ推移もフリ ックで出来る雑誌風レイアウトに自動で 変換してくれますよ。 OnswipeはHTML5を使って、WordPressを自動で雑誌風のレイアウトにしてくれるプラグインです。WordPress.comでも既に導入されており、プラグインとしても配布されています。 人気のFlipboardライクなインターフェースにしてくれると聞いて試してみましたが、なかなか良かったので備忘録がてらご紹介します。 使い方はすごく簡単で、基的には有効化してフォントや色を選ぶだけです。試しにWPデザインギャラリーでテスト。 Before 可変式のグリッドレイアウトなので何もしなくても一応はちゃんと表示されていました。 After ご覧のようにマガ

    HTML5を使ってWordPressをiPadに最適化するプラグインOnswipeを試した→結果:なかなか(・∀・)イイ!!
  • 自分の心が疲れた時に、紙に書きだす15の言葉 - かちびと.net

    地震やその関連のこともそうですが、ここ1年ほど、個人的に自分の身の回りで色々な事があって、普段あまり気にしない性格なのに少し心が病んでいたと、今になって振り返って実感したのですが、なんとなく思いついたことを紙に書き出すことで少し精神的に安定した気がしました。 元々僕は少し気にし過ぎる面があるので、ちょっとした自己啓発的なものを(依存しない程度に)与えないと不安定になるようです。という訳で、自分の心に効かせる15の安定剤を書いてみるテスト。 自分で思ったことだったり、どこかで見かけた言葉だったり、というものも含まれているかも知れませんが、よく脳裏によぎったり、紙に書き出す言葉です。イメージするだけでなく、紙に書きだす事で自分の心に強く言い聞かせます。 思ったより人は自分を見ていない 昔はコンプレックス(容姿も含めて)が多々有りましたが、ある時、叔父にこう言われて随分楽になりました。「お前、随

    自分の心が疲れた時に、紙に書きだす15の言葉 - かちびと.net
  • 無料で手に入るモダンで美しいデザインの白黒カラー系WordPressテーマ17個 - かちびと.net

    たまたま見かけた白黒カラーベースの WordPressのテーマが素敵だったの でご紹介ついでに、モダンで美しいデ ザインのテーマも合わせてご紹介しま す。すべて無料で利用可能です。全部 で17個あります。 コメントは控えます。ぜひデモをご覧下さい。 STUDIO DESSIGN STUDIO DESSIGN / DEMO MINIMAL DESSIGN THEME MINIMAL DESSIGN THEME / DEMO SWISS DESSIGN THEME SWISS DESSIGN THEME / DEMO STYLE DESSIGN THEME STYLE DESSIGN THEME / DEMO Ulap Ulap / DEMO WP-Wordfinder WP-Wordfinder / DEMO Seven Five Seven Five / DEMO Clear Clear

  • WordPressの「ページ」をツリー形式で表示・管理出来るプラグイン・CMS Tree Page View

    WordPressをCMSとして利用する場合は 「ページ」で作成するコンテンツが多くなる かと思います。その管理をしやすくしよう、 というプラグインがCMS Tree Page View です。ツリー形式にしてくれるので、Web に不慣れなクライアントさんでも視覚的に 管理しやすいのでは無いかと思います。 WPもかなり高機能ですが、基的にはブログエンジンの為か、「ページ」の管理がしやすいインターフェースとは言えません。そこを補うプラグインです。 こんな感じでページを管理できます。CMSとしての利用となるとどうしても「ページ」の数が増えてしまいます。こうして表示してくれると俄然分かりやすいですね。 使い方 マウスを乗せるとメニューが表示。Viewで確認、Editで編集です。 下書き状態のページも分かりやすく。 普段使わない時もスッキリさせておけます。 クライアントさんが管理するなら入れてお

    WordPressの「ページ」をツリー形式で表示・管理出来るプラグイン・CMS Tree Page View
  • 携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net

    ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneAndroidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随

  • WordPressをブログ以外で使っているサイトいろいろ・国内編 - かちびと.net

    ブログエンジンのWordPressを ブログ以外で利用しているサイト の国内編です。ブログの線引き の基準が分からないので自分で 線引きしています。ここで言 ブログ以外とは「日記ではない」 サイトを指しています。 Webマガジン、ニュース系サイト、ECサイトやギャラリーサイトなど、ブログ以外のWPサイトのまとめです。順不同です。 元ネタさがし ネタ系サイトです。画像の元となった画像を収集しているサイトでレーティング(評価)機能が付いています。ナイスアイデアですねー。いいコンテンツです。 元ネタさがし 新商品FINDER ニュース系というよりポータル系に近いサイトです。新商品のみを紹介するサイト。デザインもかなり綺麗ですね。参考になります。 新商品FINDER ブログタイムズ ブログ記事に紹介記事を書くと掲載費を貰える、というサービスを提供しているサイトです。WPでこういったサービスを提供し

  • 完全無料でWordPressを使ったブログを始める7の方法

    WordPressを使ってみたい、でもサーバーを有料で借りても自分で運営できるか 分からないし不安でなかなか始められない。そんな慎重派な方に 「完全無料でWordPressでブログを始める方法」を7通りご紹介します。 簡単に言うとWordPressを使った無料ブログサービスなどのご紹介です。 これで使い方が分かればサーバーを借りる勇気も出るのではないでしょうか。 WordPress.com WordPressの無料ブログホスティングサービスです。ココは仮にレンタルサーバー を有料で借りて、WordPressを運営した場合でも恐らく登録する事になるので サーバーを借りる前に試したい方はココがオススメです。 WordPress.com CMS Square 無料のレンタルサーバーなのですが、CMSに特化しています。アカウントを 取ると自動インストールをしてくれます。WordPressだけでなく

  • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

    Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように

    サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
    shop01
    shop01 2010/02/25
    webサービス
  • 最近見つけた完成度の高いフリーのWordPressテーマ

    最近知ったthemes2wp.comというサイト のフリーのWordPressテーマで、個人的 に完成度高いなと感じたテーマをいくつか ご紹介したいと思います。完全に主観が 入っているので参考にならなかったら ごめんなさい。 ここで言う”完成度が高い”、というのは「使いやすそう」「変更箇所が少なそう」という意味です。いいデザインにしたいけどカスタマイズは面倒・・・という方にお勧めです。11個あります。 [note]ワームのご報告を受けて全テーマへのリンクを削除しました。テーマは沢山ありますのでテーマカテゴリでお探しになってみてください。[/note] BlockStock Theme 非常に綺麗なテーマです。シンプル系がお好きな方なら殆ど変更する箇所無さそうな気がします。個人的に凄く好きなテーマです。 ※「誰がために鐘は鳴る」さんよりご指摘を受けてリンクを削除しました BlockStock

    最近見つけた完成度の高いフリーのWordPressテーマ
    shop01
    shop01 2010/02/09
    wordpress
  • あのサイトを作りたい!オープンソースのクローンCMSまとめ

    「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote(投票)を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ

    あのサイトを作りたい!オープンソースのクローンCMSまとめ
    shop01
    shop01 2010/02/06
    webサービス
  • WordPress凄いな・・と改めて思ったプラグインやテーマ

    onextrapixelの記事を見て、改めて WordPress凄いな・・と思ったので ご紹介したいと思います。ここまで WPで出来るんだと感心してしまい ました。そんなプラグインやテーマです。 記事には多くのWPユーザーが既知である、WordPressSNSにしてしまうBuddyPressや、以前ご紹介したギャラリーを作れるテーマ、Twitterっぽくしてしまうえる P2 Themeやprologueなどの情報もありますが、それは割愛して、この記事で始めて知ったものを数点。 Job Board ジョブボード化するテーマです。有料。投稿者はお金を払うと自分の載せる事が出来ます。フリーランス、パートなどのアイコンをつける事も可能でPaypalと連動しているようです。 Job Board Digg-like Voting Site Diggのような投票を行なえるように出来るプラグインです。無

    WordPress凄いな・・と改めて思ったプラグインやテーマ
    shop01
    shop01 2010/01/26
    wordpress
  • cssの情報・まとめ - かちびと.net

    cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日語版 RoundedCornr / 角丸のHTMLCSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The

    cssの情報・まとめ - かちびと.net
    shop01
    shop01 2010/01/21
    CSS