プラグインは使わない！WordPress カスタマイズまとめ４０
作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ
1クリックでWordPressのテーマファイルの制作に必要なファイルが全部揃う -Underscores
HTML5ベースでWordPressのテーマを一から制作したいという人にぴったりな、商用でも無料で利用できるWordPressのテーマファイルの開発セットを紹介します。 Underscores -A Starter Theme for WordPress Underscoresのダウンロード Underscoresの特徴 Underscoresのダウンロード 自分用のWordPressのテーマファイルは、1クリックで必要なファイルが全部揃います。 「Theme Name」に好きな名前、例えば使用するサイトの名前（coliss）などを記入し、「Generate」ボタンをクリックするだけで、テーマファイル一式がダウンロードできます。 オプションはお好みで。 Underscoresの特徴 HTML5ベースのWordPressのテンプレートです。 404ページのテンプレートも用意。 オプションとし
本格的にブログを始めたい人向け！誰でも簡単に、WordPressをインストールする方法
今まで、ブログを作っては消していた。AmebloやLivedoor、Blogger、他にも名前を忘れてしまったけど、今までどれも続かなかった。最初の３日間は頑張るんだけど、気づいたら放置。そんな人、案外多いのではないだろうか。 最近、ブログを書く人が以前と比べて増えてきているように思うし、ブログの重要性というものが高まっているように思う。ソーシャルメディアが普及しているからこそ、ブログというメディア兼コンテンツを持つことはかなり強い。事実、僕もこのブログを持っていることで色んな恩恵を得てる。Twitterだけじゃもったいない。 僕のブログは、Wordpressというものを使っている。WordpressとはカスタマイズできるWebサイトで、多くのブロガーたちが利用している。Wordpressの良さや利用するメリットは数多くあるが、最初の導入の敷居が高く、現に僕も一つ作るのに1週間以上かかった
無料で使えるレスポンシブのWordPressブログテンプレート１０選 | バズ部
WordPressブログのテンプレートは、とても高性能なものが多く、色々なところで様々なものが紹介されている。しかし余りにも多過ぎて、どれを選べば良いのか分からなくなってしまう方もいるのではないだろうか？ そこで本日は、ソーシャルメディアマーケティングを実践する上で最適なブログデザインという部分に焦点を当てて、オススメのWordPressブログテンプレートを１０個ご紹介する。 これらのテンプレートの選択基準は、以下の３つだ。 シンプルな２コラムであること メインコンテンツが左、サイドバーが右にあること レスポンシブデザインであること なぜ、この３つの点が重要なのかという理由は、「月１５万PVを生むブログをデザインした時に徹底した７つの要素」で確認して欲しい。 １．Respo デモを確認 ｜ ダウンロードページ シンプルで落ち着いたデザインでありながら、ヘッダー直下のスライダー画像が目を惹く
WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ
これから始める人から、カスタマイズしたい人まで、 WordPressの疑問・困ったを解決するまとめ 本ブログもWordPressを使って作っている。 最初は、MovableTypeでやっていたのだが、 投稿記事の数が膨大になってくると、再構築に時間が掛かるようになったため、 新ブログを開始する際に、思い切って変えてみた。 幸いにも過去に色んな方が、WordPressに関する「まとめ」を作ってくれていたり WEB上で丁寧に説明してくれていたりしたため、難なく構築することができた。 ただ、色々な情報が散らばっていて、その都度探さなければいけなかった。 そこで、今回のブログは、自分と同じ様にWordPressを始める方のために書く、 「WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ」。 もくじ 今回は、以下の5つについて、まとめてみた。 それでは、それぞれについてご
WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる
覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。 今まで知らなかったんですけど、覚えておくといいかも。 リサイズ機能 WordPressにはリサイズ機能があります。例えば横幅500pxの画像をアップロードした際、300pxの幅で使いたければ上記のようにサムネイルを選択出来ます。 foo.jpgという名のファイル名なら「foo-300×225.jpg」という、リサイズされた画像を生成してくれます。 デフォルトは90％この際の圧縮比がデフォルト値では90％になっています。wp-includes/media.phpの410行目あたりには image_resize( $file, $max_w, $max_h, $crop = false,
ど素人の私がWordPressテーマを自作した際にめっちゃ参考にさせていただいた13記事 | なまら春友流
先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインできなかったのでやっぱりGoogle先生に聞いてみました。 多くの記事を読みましたがそのなかでもめっちゃ参考になった記事をご紹介いたします。 記事の作者様本当に役立ちました、ありがとうございました！ AGENDA ソーシャルブックマークボタンの埋め込み 記事の1番最初の画像をサムネイル表示する（2記事） 広告の表示 ブロック要素とインライン要素 CSS3用例集（3記事） jQuery サイトの配色について WordPressのまとめ記事（3記事） 1. ソーシャルブックマークボタンの埋め込み WordPress
ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流
先日WordPressテーマを自作した。 しかし自作したとは言っても実際はゼロからHTMLを書き出して作成したわけではない。 私はそんな知識は持ち合わせていないから。 タイトルで述べた「WordPress デザインブック」を教科書として、Chapterに沿ってコピペでPHPを組み立てていったにすぎない。 いわゆるコピペテーマ。 それでも世界にひとつだけのテーマ、愛着満点。 AGENDA なぜ作ろうと思ったか？ 教科書「WordPressデザインブック」ってどんな本？ WordPressをローカルにインストール WordPress デザインブック付録のCD-ROMもローカルに保存 実際の作業方法 表示具合のテスト 今まで使っていたテーマと置き換える 最後に 1. なぜ作ろうと思ったか こちらの記事を読んだことで背中を押された。 [WordPrsss] ブログテーマ自作しました & 自作して感
「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに
WordPressでKtai Styleを使ってjQuery Mobileスマートフォンサイトを制作する流れ
前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので作業の流れをまとめました。 WordPressのプラグインKtai Styleを使ったjQuery Mobileスマートフォンサイトを制作する流れです。 前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので 作業の流れをまとめました。 やり方は人それぞれだと思いますが、 作業の参考になってくれたら幸いです。 ラフの作成 HTMLマークアップ デザイン（テーマ）のカスタマイズ WordPressテーマ作成 Tipsなど 1.ラフの作成 一般的なwebサイト制作と同様にまずラフを制作します。 また、jQuery Mobileの特徴でもある画面遷移時の効果や、 表示のされ方などもこの時点で決めて
wordpressでjQueryを使う時の注意点
WordPressのプラグインではjQueryを使用するものがあり、 それを使用するとwp_head()にjQueryが読み込まれます。 それを知らずにテンプレートの方でjQueryを読み込んでしまうと、 2重にjQueryが読み込まれてしまいます。 なので、既にwp_head()でjQueryが読み込まれてる場合は、 それを利用した方が良いでしょう。 ただし、ここで注意点があります。 wordpressで読み込まれてるjQueryは、 他のjavascriptライブラリと干渉して不具合が起こるのを避ける為にnoConflict()が使われてます。 これによってjQueryの「$」は「jQuery」に置き換わります。 具体的には下記の様になります。 通常 $(function(){ $("p").css("color","red"); });
WP MVCプラグインをWindows+XAMMP環境で使えるようにしてみた
「WP MVC」の大きな流れは次のようになります。 WP MVCでコマンド実行して、MVCに分かれたプラグインフォルダを作成 作成されたプラグインのインストール そのプラグインフォルダの中でプログラムを作成 最初にプラグインフォルダを作成するためにコマンドを実行しなくてはいけません。 Macなら最初からターミナルがあるので問題ないと思います、Windowsでもプロの方なら仮想環境とかあったりで大丈夫でしょう。 Windows+XAMPPでちょこちょこっとしかWordpress使わない私のような人は、ターミナルエミュレーター的なツールを導入してコマンドを実行できるようにしましょう。 MinGWのインストール Windowsで使用できるターミナルは探したら結構色々ありましたが、「MinGW」をインストールすることにしました。 下記からダウンロードできます、exeファイルだと簡単にインストールで
WordPress管理画面にオリジナルメニューを追加した時の手順メモ
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
複数のWordPressサイトを運営しているなら、ManageWPでまとめて管理しよう | ブログヘラルド
複数のワードプレスのサイトを運営するのは大変だ。例えば、10サイトを運営するなら、記事を書きたいとき、プラグインをアップデートしたいとき、もしくはテーマの設定を変えたいときにアクセスしなければならないログインのアカウントが、10個も存在することになる。ワードプレス・マルチ-サイトを試すことも出来るが、このシステムはワードプレスのエキスパート以外の人達にとっては分かりにくく、また、時間もかかる。そんなときに役に立つのがManageWPだ。ManageWPは、シンプルなプラグインをワードプレスの全てのブログにインストールすれば、ManageWP.comの単一のユーザーログインインターフェースで管理することが出来るようになる。 無料のトライアルアカウントにサインインしたら、それぞれのウェブサイトにこのプラグインをインストールする。このプラグインのおかげで、ManageWPの管理者パネルからブログ
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」を公開します。 １．機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.06.20 v0.1 初版 2012.02.12 v0.2 折りたたみ状態が保持されない不具合を修正 wp_list_folder_0_2.zip プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。 アーカイブを展開し、中にあるwp_list_folderフォルダをpluginsディレクトリにアップロードしてください。 アップロード後、管理画面で「Li
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」バージョンアップ
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」をバージョンアップしました。 １．プラグインの機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインの変更点 ページを移動したときに、メニューの折りたたみ状態を保持できない不具合を解消しました。以下解説です。 このプラグインはjQueryの「Listfolderプラグイン」を利用しているのですが、ページを移動したときに折りたたみ状態を保持するために、各メニュータイトルに次のようなid属性の設定が必要です（その値をクッキーに保持します）。 <dt class="sidetitle" id="hoge">Recent Entries</dt> <dd> <ul> <li><a href="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pinterestのようなグリッドレイアウトが組めるフリーのWordPressテーマ
WordPress のインストール - WordPress Codex 日本語版
WordPress 2 › Download
ManageWP – Manage WordPress Sites from One Dashboard
