タグ

WordPressとwordpressに関するytotoyのブックマーク (105)

  • WordPress初心者がハマリやすいエラーや問題とその解決方法

    WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは? 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは? 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作

  • HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN - かちびと.net

    なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重ですね。 テンプレートそのものを使う予定は無いですけど、管理画面におけるUI構築は、見た目ではなく、利便性、ユーザービリティのみに焦点が当てられるのでこういうテンプレで学べることも割と多いです。贔屓するわけじゃ無いですけど、WordPressの管理画面は他のCMSやブログエンジンよりはるかに万人に分かりやすく使いやすいように出来ていてとても参考になる点が多いです。機能を意識せずとも使える、というのは秀逸なデザインであるともいえます。 画像だけじゃ全然利便性が伝わりませんがw よく使われるUIが一式揃っている、という感じです。fluidレイアウトにも対応。modern

    HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN - かちびと.net
  • WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する - かちびと.net

    WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすいように説明文や画像を挿入して あげます。 正直、僕も初めて「アイキャッチ画像」と言われても機能性が全然ピンとこなかったのでWebに疎い方じゃ余計に理解しにくそうです。なので、分かりやすく説明文を入れておくと親切かもしれません。 説明文を入れる このようにアイキャッチのメタボックス内に説明文を加えます。 コード functions.phpに以下を加えます。 add_filter( 'admin_post_thumbnail_html', 'add_featured_image_instruction'); function add_featured_image_in

    WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する - かちびと.net
  • wordpressにレコメンドエンジンを入れサイトデザイン調整したらサイトの収益率が2倍くらい改善した件 | A!@attrip

    WordPressにレコメンドエンジンを入れて調整したらサイトの回遊率が向上した。WordPressにレコメンドエンジンを入れサイトデザイン調整したらサイトの回遊率が向上 8月までは、レコメンドエンジンを入れていません。 この記事では、レコメンドエンジンを入れる前との比較と実際に用いたレコメンドエンジンのデータからの改善方法について書いています。 内容が、難しいと言われたので、すごく簡単に書くと レコメンドエンジンを入れたデータから以下の事がわかりました。1.関連記事は、記事タイトルより上に出すべき。 2.サイドバーには、閲覧履歴を出すべき 3.記事のサムネイルは、美人がいい。 4.無料のレコメンドエンジンは、この二つがあるが、気になるのなら有料も考えた方がいい。 http://www.linkwithin.com/learn?ref=widget LinkWithin https://

    wordpressにレコメンドエンジンを入れサイトデザイン調整したらサイトの収益率が2倍くらい改善した件 | A!@attrip
  • WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング

    この投稿は 13年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近続いているWordPressエントリーの続きです。ところでみなさん、HTMLタグは好きですか? 僕はというと、特に好きとかはなくて、「セマンティックWebを実現するために大事だとは思うけど、書きたくはない」という感じです。 さて、WordPressにはTinyMCEというWYSIWYGエディタがついています。これはWordPressの中の人ではなくMoxiecodeというスウェーデンの人が作ったオープンソースのソフトですね。 今回はいかにタグ打ちをせずに済ませるかという点にしぼってご説明します。たぶんリンク集みたいになると思いますが、カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する(初級) TinyMCEに元からあるボタンを追加する

    WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング
  • クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton - かちびと.net

    なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。 今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。 とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対応、管理画面内でテーマカラーや、スライド、Twitterやロゴなども変更できます。 特徴は・・・ありすぎるくらいです。ちょっと

    クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton - かちびと.net
  • 美容院や宿泊施設等で見かけるような予約システムを実装出来るWordPressプラグイン・Bookings(の今後にちょっと期待) - かちびと.net

    美容院のサイトやホテル、民宿などのサイト でたまに見かけるWeb上で簡単に予約できる システムを構築できる、というWordPressの プラグインです。タイトルの通り、まだ実用 性のあるものではありませんが、プラグイン では初めて見たので備忘録的に記事にします。 タイトルで釣るっていう不毛なトラフィックが嫌なので、一応明記しましたが、使い勝手もUIもまだ良い訳ではありませんので、当に今後期待をこめて、という記事です。 リリースされたばかりのようで、日語化もまだされてもいません。少しでも多くのデベロッパーにこのプラグインの存在を知ってもらって、より改善していけたら素敵だなぁと思ってご紹介します。 こちらでも書いてありますが、美容院や、スパ、マッサージ、病院など、予約が必要な施設向けに開発されたプラグインです。この手のシステムはどこかで見かけた事がある方もいらっしゃるのでは無いでしょうか?

    美容院や宿泊施設等で見かけるような予約システムを実装出来るWordPressプラグイン・Bookings(の今後にちょっと期待) - かちびと.net
  • コメント欄で使える10のWordPressプラグイン

    2013年3月23日 Wordpress 私はブログを読んで、感動した!ためになった!わからない、助けて!という事があれば、ほぼ確実に名前+写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ!」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 ↑私が10年以上利用している会計ソフト! 1. Akismet 特徴 WordPressに標準インストールされているスパム対策プラグイン。導入するとスパムコメントが劇的に減ります!設定も簡単なので必ず使用してほしいプラグインのひとつ。 導入方法 AkismetのWebサイトの「Get Started」から登録。無料プランでOK。 外観>Akismet設定 からメールで送られてきたAPIキーを入力 2. Disqus Comment Sys

    コメント欄で使える10のWordPressプラグイン
  • WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ - かちびと.net

    少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご覧になってみては如何でしょう。 というわけでちょっと個人的なメモです。WPスニペットを保管してるサイトのまとめ。お手軽なWordPress Tipsっていうカテゴリで記事をよく書いてるんですけどそのネタ元なので英語OKな方はこちらから探してみては如何でしょうか。 この手のサイトのコードは古い可能性もよくあるのでCODEXで非推奨のコードでは無いかどうか合わせて確認しておくとより良いかもしれません。 WP-Snippets 数は多くないけど需要のあるTips多め。最近リニューアルしてちゃんとカテゴリ分けしてくれました。単純な単語をタイトルにしてくれているので英語が苦

    WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ - かちびと.net
  • これはかなりの優れもの、スマートフォン・タブレット対応WordPressのテーマファイル -Skeleton

    商用利用も無料、Responsive Web Designに対応したWordPressのテーマファイルを紹介します。 ボタン、タブ、パネルなどのページでよく使用するエレメントをはじめ、さまざまなカラムも簡単にショートコードで利用できます。 デモページを幅600pxで表示 Skeletonの主な特徴 Formalizeを使用して各ブラウザ間のエレメントの相違に対応。 Skeletonを使用してMedia Queriesを使った可変カラムに対応。 Option Frameworkを使用してテーマオプションのカスタマイズが可能。 bbPressのフォーラムスキンをインクルード。 見出しや文などバランスの取れたタイポグラフィ。 デモ:Typography and Elements スマートフォン用のマルチレベルのメニューをサポート。 テーマオプションパネルからフォントや背景画像を設定可能。 タブ

  • sitemap – norirow.chips.jp

    コンテンツへスキップ モバイル通信 オプション扱いにはなりますが…。 大概のプロバイダーが…。 毎日WiMAXを使用しているわけですが…。 ワイモバイルと言いますのは…。 WiMAXに関しては…。 LTEに関しては…。 ワイモバイルも通信可能なエリアは拡大の一途を辿っており…。 オプションにはなるのですが…。 現段階で市場にある色々なモバイルルーターの中で…。 いろいろ調べましたが…。 思いの外知らない人が多いようですが…。 WiMAXモバイルルーターに関しましては…。 正直申し上げて…。 キャッシュバックを受け取る前に「契約を解約」なんてことになりますと…。 様々に比較検討してみましたが…。 「ポケットWiFi」と申しますのは…。 モバイルWiFiの月額料金を格別低い金額にしている会社を調査してみると…。 NTTDoCoMo又はY!mobileに規定されている速度制限が行われますと…。

  • WordPressのパーマリンクを最適化する.htaccessの設定いろいろ

    Optimizing WordPress Permalinks with htaccess [ad#ad-2] 下記は各ポイントを意訳したものです。 年/月/日のパーマリンクを年だけに変更 削除したページのリダイレクト 機能を失ったページを消す カテゴリ内の全部を別のサイトへ 年/月/日のパーマリンクを年だけに変更 パーマリンクの構造を下記のように設定した年/月/日を年だけに変更します。 パーマリンクの構造(年/月/日) /%year%/%monthnum%/%day%/%postname%/ この設定は、下記のようなURLを生成します。 http://deadletterart.com/2008/09/10/impertinent-art-review/ http://deadletterart.com/2011/06/18/california/ http://deadletterar

  • WordPressサイトをデザインする時に気をつけていること

    この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジ

    WordPressサイトをデザインする時に気をつけていること
  • さくらVPSとnginxリバースプロクシで最速WordPressブログを作る方法(ベンチマーク付き)

    負荷的に厳しくなってきたので sakuratan.biz を Apache(さくらスタンダード)から nginx(さくら VPS 512)に移転しました。 頻発していた 503 もほとんど出なくなって快適です。 Apache から VPSnginxWordPress を移転したいと考えている人もいるかなーと思いましたので、さくら VPSnginx リバースプロクシを使った WordPress ブログの構築する方法をがっつり書いていきたいと思います。 結構長文になってしまいましたので、先に索引を載せときます。 nginx とは nginx が速い理由 リバースプロクシ さくら VPS にインストールするシステム構成 EPEL パッケージリポジトリのインストール MySQL のインストール PHP のインストール nginx のインストール nginxPHP FastC

    さくらVPSとnginxリバースプロクシで最速WordPressブログを作る方法(ベンチマーク付き)
  • sitemap – norirow.chips.jp

    コンテンツへスキップ モバイル通信 オプション扱いにはなりますが…。 大概のプロバイダーが…。 毎日WiMAXを使用しているわけですが…。 ワイモバイルと言いますのは…。 WiMAXに関しては…。 LTEに関しては…。 ワイモバイルも通信可能なエリアは拡大の一途を辿っており…。 オプションにはなるのですが…。 現段階で市場にある色々なモバイルルーターの中で…。 いろいろ調べましたが…。 思いの外知らない人が多いようですが…。 WiMAXモバイルルーターに関しましては…。 正直申し上げて…。 キャッシュバックを受け取る前に「契約を解約」なんてことになりますと…。 様々に比較検討してみましたが…。 「ポケットWiFi」と申しますのは…。 モバイルWiFiの月額料金を格別低い金額にしている会社を調査してみると…。 NTTDoCoMo又はY!mobileに規定されている速度制限が行われますと…。

  • WordPressとDropBoxを連携するプラグイン集9つ:phpspot開発日誌

    9 Dropbox Plugins for WordPress WordPressとDropBoxを連携するプラグイン集9つ dropboxをCDNにして転送量を下げたり、エントリの画像アップに使ったり、バックアップに使ったりと色々と便利なプラグインがあるみたいです。 ブログエントリはある意味で資産なので、こうした形でお手軽にバックアップできるのは嬉しい限り。 APIを公開することでこうしたツールがどんどん生まれていくので、サービス提供する側としてはAPIはやっぱりあったほうがいいなぁという印象です Dropbox CDN DropboxをCDNとして使うことができるテーマ。CSSやJSをDropboxのCDNに任せることができるので、転送量低減に役立ちます。 Dropbox自体がAmazonのS3らしいので信頼性も問題なさそうです PressBox Dropboxにアップロードした画像を

  • WordPressをドキュメント管理システムに·WP Document Revisions MOONGIFT

    WP Document RevisionsはWordPressを使ってドキュメント管理システムを構築するプラグイン。 WP Document RevisionsはPHP製/WordPress用のオープンソース・ソフトウェア。元々はブログエンジンとして登場したものの、シェアを一気に拡大していく中でCMS(コンテンツマネジメントシステム)として進化しているWordPressWebサービス開発のベースに使われることも多い。 ファイルアップロード そんなWordPressが次なる進化を遂げようとしている。それは環境になることだ。もはやWordPressがなければビジネスが回らない、そんな状態になってしまうのだ。その一つ、WordPress上でドキュメント管理システムを構築するのがWP Document Revisionsだ。 WP Document Revisionsはリビジョン管理システムを含

  • Web上でビジュアル的にWordPressのテーマを作成できる·PressWork MOONGIFT

    PressWorkはWordPressのデザインを管理画面上からビジュアル的に行えるソフトウェア。 PressWorkはPHP/WordPress用のオープンソース・ソフトウェア。単なるブログエンジン、単なるCMSという枠を越えつつあるWordPress。新規サイトを構築する際に一から作るのではなくWordPressのテーマを作ったり、プラグインを使って構築するケースも多い。もはやプラットフォームだ。 作成中画面 そんなWordPressではテーマから利用する関数がとても多いので、テーマと言ってもHTMLではなくプログラミングコードがそのまま書かれるようにさえなっている。これではビジュアルが分かりづらそうだ。そこで使ってみたいのがPressWorkだ。 PressWorkはWordPressのテーマなのだが、ビジュアル的に編集できる機能が備わっている。PressWorkを有効にして最初に表

  • けんけん.com

    けんけん.com
  • Wordpressでブログを運営している人はインストールすべき、便利機能パック「Jetpack」 | なんとびっくりユートピア

    WordPress用のプラグインで、Wordpress.comで提供されている便利機能を有効にするためのプラグインです。よくある「インストールすべきプラグイン一覧」系のエントリではあまり見かけないので、ぜひチェックしてみてください。 インストール方法 FTP転送設定をしている人はWordpressのダッシュボード「プラグイン」からインストールできます。していない人はWordPress公式サイトからダウンロードし、普通のプラグインのようにインストールします。インストールして有効化すると、次のように表示されます。 「WordPress.comに接続」をクリックして、Wordpress.comのユーザ情報を入力します。ほとんどの方がAkismetプラグインの設定でWordpress.comに登録していると思いますので、そのアカウントを使えば大丈夫です。アカウント情報を入力すると、Jetpackが