2012.04.28 第4回WordBench大阪にて発表 http://takumadesign.com/blog/wordbenchosaka-vol4-report/Read less
WordPressにちょっと機能を追加したい時に役立つスニペットをまとめたサイトを紹介します。 目的をもって探すだけでなく、こんなこともできるのかという発見もあるかもしれません。 WPSNIPP – 500+ WordPress code snippets for your blog [ad#ad-2] WPSNIPPでは現在、545個のWordPressの便利なスニペットが登録されています。 下記にほんのちょっとだけ、その便利なスニペットをピックアップしました。 よく使うショートコードをボタンから選択可能に 特定のページのみ特定のスタイルシートを適用 アーカイブウィジェットの表示期間を制限する Google+1ボタンを設置する プラグインを管理画面を使わずに停止する CSSファイルのキャッシュを防止する 大切な「wp-config.php」を守る よく使うショートコードをボタンから選択可
WordPressのテーマを変更してスマートフォンサイトを作成。Media Queriesとどっちがいいの? 2013年3月23日 Webサイト制作, Wordpress, スマートフォン 以前「WebサイトをiPhoneで見やすくする5つの方法」という記事でWebサイトをスマートフォンに対応させる方法を紹介しました。当時はそこで紹介しているMobifyというサービスでスマートフォンに対応させていたのですが、JavaScriptが使えないので、リデザインを期に別の方法でスマートフォンに対応させる事にしました。タイトルにあるとおり、WordPressのテーマを変更する方法とCSS Media Queriesを使った方法の2通りを試したので、その比較についても書いてみようと思います。 ↑私が10年以上利用している会計ソフト! 最初に試した方法はCSSのMedia Queries(メディア クエ
昨日教わってちょっといいなと思ったので 拡散します。有名かもですけどwWPで、 データベースの接続エラーをたまに見かけ ると思うんですけど、その際に表示させる メッセージがデフォルトのままだと素っ気 ないので、変えてみよう、という内容です。 せっかくWordPressが8歳を迎えましたのでWP関連の記事を。 結構前に実装された機能だったようなんですけど、昨日はじめて知って、をかもとおじさん(@wokamoto)に教えてもらいました。ありがとうございます。 デフォルトだとちょっと不親切 これが、WordPressのDB接続エラー時のメッセージ。ちょっと淡白ですよね。僕なら泣きます。 コード 以下のようなコードでdb-error.phpという名のファイルを作成します。 ※いつもようにfunctions.php内への記述じゃないですよ! <?php header( 'HTTP/1.1 503 S
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速15の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
WordPressのHTMLエディタ内のテキ ストのスタイルを変更する方法。少々 見にくくて使いにくい、というご要望を 頂いて、プラグインで出来ないかなと 思っていたら、プラグインも不要で簡単 に変えられましたのでメモ。 という訳で、直ぐには役に立たないけど覚えておくと損ないよねシリーズ。HTMLエディターのテキストスタイルを変更する方法です。 コード フォントを変えられる、というか、cssを変更できるコードです。 function change_editor_font(){ echo "<style type='text/css'> #editorcontainer textarea#content { font-family: \"メイリオ\", \"Meiryo\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"MS ゴシック
良さそうなWordPressテーマがあった のでシェア。ブログ記事を、サムネイル のみのギャラリー風と通常の縦並びの ブログ風にユーザー側で切り替え可能 なテーマ・Sightです。デザインもミニマル ですごく素敵。コンテンツスライダー付き です。 もう、そのまま使ってもいいレベルじゃないかなと思います。記事部分をブログ⇔ギャラリーでユーザーが切り替えられるミニマルデザインのテーマ。IE6のみ、切り替えボタンの表示が崩れますが、動作はするのでcssでなんとかしたいところですね。 通常はこんな感じ。ミニマルデザインでとても見やすいです。記事部分の右上に切り替えボタンがあり、ここで切り替えます。 こんな感じで綺麗にグリッドに合わせて表示してくれます。ブログ風Ver.の時のサムネイルを並べて切り替えられるように、というアイデア。発想が面白いので真似してみたいです。他にもプルダウンするメニューやコン
まとめのまとめです。来年の復習用 にエントリー。今年もWeb制作関連 の記事が沢山ありましたが、そんな 中でもうまくまとめてくれている記事 をまとめてハブ的な記事にしたいと 思います。 というわけで、Web制作に役に立つ記事のまとめのまとめ海外限定。国内のはいろいろな所で見かけてるので割愛しました。はてブTOP100とか見れば大丈夫じゃないかなと思います。自分でもまとめたんぼで良かったら→2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ タイトルは意訳したり適当に付けたりです。 HTML / CSS関連HTML5とかCSS3が多いです 42のcss3チュートリアルやテクニック・デモ付き ↑ css3のテクニックやチュートリアル、デモなど42個 42 Powerful CSS3 Techniques,Tutorials and Experiments With Demo
WordPressの記事やページごとに、それぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインを紹介します。 Custom CSS and JS [ad#ad-2] Custom CSS and JSのインストール WordPressの記事ごとに個別のCSSを追加 WordPressの記事ごとに個別のJavaScriptを追加 Custom CSS and JSのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Custom CSS and JS」を入力して、「プラグインの検索」ボタンをクリックしてください。 プラグインの新規追加画面のキャプチャ 検索結果に表示された「Custom CSS and JS」の「プラグインのインストール」でインストールが始まります。 また、下記ページか
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 &amp;amp;amp;amp;amp;lt;link rel
記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_hea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く