最新Twitter Bootstrapを一発で導入しちゃうWordPressプラグイン - はじめよう
» WordPress › WordPress Twitter Bootstrap CSS « WordPress Plugins はじめに 前回は、TwitterBootstrapを使ったWordPressテーマを紹介しました。しかし、使われているTwitterBootstrapは旧バージョン...。すでに、TwitterBootstrapはバージョン2.0.1に...。これじゃあ、使えたとしても色々と面倒があります。それに、別のテーマでも使いたい！ そこで、紹介したいのは、TwitterBootstrapを一発で導入できるプラグイン"WordPress Twitter Bootstrap CSS"です。特徴は どんなWordPressテーマでも、テーマファイルをいじることなくTwitterBootstrapを導入できる [SHORTCODES]ですぐにTwitterBootstrapを
WP-PageNavi 日本語版 : ページを分割するプラグイン - WordPress Note
これまた便利なプラグイン。日本語版も出ていてうれしいです。 記事がたまっていくと、過去の記事へのアクセスが不便になっていきますが、これがあれば10件ずつ分割表示させた場合でも、1〜10件目のページから、40〜50件目のページなどに一気に移動することができます。 WP-PageNavi 日本語版 ページを分割するプラグイン。日本語版。 配布元 : WP-PageNavi 2.50 日本語言語ファイル 使用するには、本家サイトから WP-PageNavi（Ver. 2.50）の入手が必要です。 （本家はこちら : WP-PageNavi 2.50） 使い方 本家サイトより、WP-PageNavi 2.50をダウンロードします。（wp-pagenavi.2.50.zip） 解凍すると「wp-pagenavi」というフォルダが展開されるので、フォルダごと wp-content/plugins にア
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ 2013.02.07 | 制作あるある 夜遅く帰ってきて、夜中だけどこんなものを食べてしまったサーモンです。 夜食ってなんでこんなにおいしいんでしょうね？ わたしがなぜ、サーモン色になったかというと、決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 私は請負で仕事をすることが多いので、ディレクターさん、デザイナーさん、コーダーさん、そしてWordPress構築、バラバラに集まったりすることがあるわけです。 そうすると、みんながみんなWordPressのこと分かってるわけじゃないので、ちょっとした行き違いがおきたりして、うまく進まなくなっちゃったりすることがあるんですね。 設計とか運営とか、ホント考えるべきことはいろいろあるんですけど
WordPressでSass,Lessが使える！Jetpackでブラウザからコンパイル！
WordPress.com(ブログサービスのほう)のCSSエディターがSass・Lessに対応したようです。 WordPress.comの機能はパッケージ型のWordPressでもJetpackプラグインにより提供されているので早速試してみました。 とりあえずプラグインをインストール。 1. プラグインからJetpack by WordPress.comをインストール。 2. WordPress.comのアカウントが必要なので登録しアカウント認証。 インストールと認証が完了するとJetPackのメニューが現れます。 JetPackのメニューからカスタムCSSを選択。 もしくは、「外観」から追加された「CSS編集」。 CSSスタイルシートエディター画面にいきます。 この「カスタムCSS」とは、テーマのstyle.cssとは別のCSSで、 テーマのCSSをいじらずに外観を編集する際に使用します
はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
[WordPress]「この投稿の続きを読む」（Read more）部分をボタン風にカスタマイズする
WordPress Logo / Phil Oakley どうも、おつぱ（ @OZPA ）です。 WordPressで、トップページやアーカイブページでは投稿の抜粋が表示され、続きを読む場合には「more」だの「続きを読む」だのと言ったリンクをクリックして全文表示するようになるわけですが、今回はその部分のカスタマイズについて。 文言を変える まずはデフォルトですと「(more…)」（「日本語化されている場合は「この投稿の続きを読む »」）となっている部分の文章の変更方法。 「index.php」、もしくは「loop.php」にある [php] <?php the_content() ?> [/php] と言う部分を [php] <?php the_content(‘続きを読む’); ?> [/php] こうすれば(more…)となっていたのが「続きを読む」と表示されます。 「続きを読む」部
![[WordPress]「この投稿の続きを読む」（Read more）部分をボタン風にカスタマイズする](https://cdn-ak-scissors.b.st-hatena.com/image/square/33b467c488dbe5d4a9fe7884f6c508d67a9736ab/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F4919659112_70f8836dfa1.jpg)
Wordpressの記事に自動でPDFのアイコンを表示させる | Webコンサルティング
WordPressは、管理画面からpdfをアップロードすると記事内にテキストリンクが現れ、ダウンロードできるようになりますが、テキストリンクだけなので下記のようにとてもさびしい感じになります。 Webコンサルティングの手引き 今回はテキストだけでなく左側にPDFのアイコンを入れたいというクライアントのご要望がありました。昔はプラグインで実現できましたが今はWordpressのバージョンアップで使えなくなりましたので、CSSにて実現をしてみました。 下記のような感じになります Webコンサルティングの手引き 導入手順 ①CSSに以下のソースコードを追加します。 a[href $='.pdf'] { font-size: 14px; background:url(images/pdf.png) no-repeat; margin-top: 30px; padding-left: 60p
WordPressの管理画面カスタマイズ時に使えるハック #2 - NxWorld
WordPressの管理画面カスタマイズ時に見るチートシート目的のメモ第2弾です。 紹介している内容は、基本的にWordPress Ver 3.3で実装・確認したものになります。 February 20, 2014 追記 WordPress Ver 3.8になって管理画面がいろいろ変更されたことにより、紹介しているカスタマイズの一部が使用できなくなっている可能性がありますのでご注意ください。 ログイン画面のロゴを変更 デフォルトのログイン画面はWordPressのロゴが表示されていますが、これを任意のものに変更する方法です。 下記をfunctions.phpに記述して、ロゴ部分のCSSを上書くことで変更します。 イメージの置き場所やファイル名が違う場合は、echoの部分を変更してください。 デフォルトで表示されているWordPressロゴの大きさは274×63ですので、これを基準に作成すれ
WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド
WordPress はとっても便利なブログツール。使い方さえ勉強すれば、HTML や CSSの知識がなくてもWebサイトを作成、運営することができます。そして HTML + CSS を勉強すれば、デザインを自分の好きなように変更することもできます。でも見た目のデザインだけじゃなくて、いろんな機能をつけたりカスタマイズしていくとなると、やっぱり PHP の知識が必要です。WordPress をカスタマイズしたいけど、PHP はまだ ... という人向けに、WordPress と PHP について簡単にまとめてみました。 WordPress は PHP（プログラム言語） + MySQL（データベース） で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトを、WordPress で作ってるっていう人も増えてきたように思います。WordPress を使えば、HTM
WordPressテーマTwenty Elevenのヘッダーレイアウトの変更方法 – PresentNote
Twenty Eleven のヘッダーのカスタマイズ方法について、以下のことをまとめておきたいと思います。 header.phpの構成をなんとなくつかんでおく グローバルメニューを一番上に持って来たり、タイトルと画像の間にメニューを挟んだり、とにかくヘッダー部分のパーツのレイアウト表示を入れ替えるためには、php の構成をつかんで、それぞれ該当箇所を入れ替えれば OK みたいです。 というわけで、header.php の構成を見てみましょう。 確認方法は Firefox の Firebug なんかを使って、CSS の id、もしくは class を確認し、それが指定している箇所をheader.php から見つけ出す、という単純作業です。 ヘッダーパーツの id の指定は、CSS についてまとめたこちらの記事でも紹介しておりますが、改めてここでも紹介しておきます。 WordPressテーマT
Twenty Eleven のシングル記事にサイドバーを1分で表示する2つの方法
こんばんわぷー。Twenty Eleven はいとをかしなテーマなわけですが、シングル記事や（ショーケーステンプレートを除く）ページにサイドバーがなく、ワンカラムになっている点が気に入らない、という方も多いようです。 先日の WordBench 川崎勉強会でも西川さんが悩んでいたのですが、その時にご紹介した方法にもう一つ追加してまとめてみました。 必要なことは以下の2つです。 single.php/page.php に get_sidebar(); を追加する CSS を調整して、サイドバーの表示される余地を作る …なのですが、Twenty Eleven テーマをそのまま書き換えると、テーマのバージョンアップの際に苦労は水の泡になります。あと、CSS の変更、結構めんどいです。なので、以下の簡単な方法をオススメします。 Twenty Eleven Theme Extension プラグイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
