プラグインは使わない！WordPress カスタマイズまとめ４０
作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ
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にgoogle+の投稿を表示するプラグイン】 画像やコメント数の表示もばっちりできます｜今村だけがよくわかるブログ
google+の話を。つい最近では、google+でも企業ページとして作成することが可能になりました。今後、情報発信の基点をgoogle+にされる方も少なくはないでしょう。と、言うわけで今日はWordPressとgoogle+との連携方法をご紹介します。 「Google+Blog」プラグインのダウンロード＆インストール配布サイトはこちらです。 http://www.minimali.se/google+blog/ 有償版（作成者名なし）無償版（作成者名あり）どちらかを選択してダウンロードしましょう。私は、無償版をダウンロードしました。 導入方法は、 ダウンロードしたファイルを解凍FTPソフトなどで、wordpressの「plugin」フォルダ内にアップロードwordpressの管理画面から「プラグイン」を選択該当するプラグインを「有効化」する以上です。毎度の流れですね。 設定画面こんな感じ
WPブログにGoogle Maps v3を埋め込む方法
こちらの記事では、下図のようにお店の場所をGoogleマップで埋め込んでいます。 Googleマップサイトで住所を検索した時に生成される、iframe埋め込みタグをそのまま設置するのはなんだか味気ないなと思ってWordPress Plugin: Google Maps v3 Shortcodeを使用して、埋め込みとマーカーをカスタマイズしてみました。 マーカーはデフォルトだと赤いピンですが、それをオリジナルの画像にすることができます。マーカーに影があると、マーカーが実際に地図上に立っているような立体感が演出できます。 WordPress Plugin: Google Maps v3 Shortcodeプラグインは、マーカー画像の指定はできたのですが、マーカーの影画像を設定する部分がなかったので、Google-Maps-v3-Shortcode.php内の下記の2箇所をちょこっと変更しました
WordPress プラグイン WP PageNavi Styleを入れてみる | 椅子の上にも3年以上 | PiroWeb
WordpressのプラグインWP-PageNaviを入れている方は多いと思いますが、サイトに合わせてcssで色を変えるのって面倒ですよね。そんなときは便利なプラグインがあります！ WP-PageNaviのデザインを変えてくれるWP PageNavi Style WordPressのページングで人気のWP-PageNaviですが、ブログのデザインに合わせてCSSのborderやbackground-colorやhover時やcurrentやらを変更するのって面倒ですよね。それを解決してくれるプラグインがWP PageNavi Styleです。 WP PageNavi Style プラグインをダウンロード後、wp-content/pluginsへアップロードし有効化。 メニューにPageNavi Styleという項目が出来ますので、クリックして設定します。 デザインをプルダウンから選んで、S
jQuery UIのデザインをオリジナルに変更したサンプル
分かりやすいタイトルが思い浮かばない ので適当な感じになりましたが。jQuery UIのデザインをちょっと今風に変更した サンプルが配布されていたので備忘録。 jQuery UI、凄く機能的で良いんですが、 用意されているデザインが若干使いにく いんですよね。 jQuery UIのデザインを変更するやつです。正直、公式で用意してくれているデザインは沢山あるんですが、どれも少々使いにくい感じなので自分で作るしか無いわけですが、結構面倒です。 で、今日紹介するサンプルはBootstrapっぽい感じで割りと使いやすいのではないかと思ってメモがてら記事にします。 Selene こんな感じ。以下動作サンプルです。 Sample 使い方は変わらないです。CSSだけSeleneっていうのを使えばいいだけ。 <link type="text/css" href="ui-selene/jquery-ui-1
『はてなブックマーク』ボタン設置方法 / WordPressカスタマイズ | HTML5でサイトをつくろう
『はてなブックマーク』ボタン 前回の記事で予告したとおり、今回は『はてなブックマーク』ボタンの設置方法を紹介します。 Step01 『はてなブックマーク』ボタンを配布している公式サイトへ。 http://b.hatena.ne.jp/guide/bbutton 配布サイトにいくと分かりますが、『はてなブックマーク』ボタンはオプション設定なども特にないので非常にシンプルで分かりやすいです。また、サイトには『①・②・③』の3手順で設置できると表示されているので、今回はこの指示に従って設置したいと思います。 まず手順①で『はてなブックマーク』ボタンを設置したいページURLと、ページタイトルを記入します。ここは最後に記事ごとのURLとタイトルが入るWordPress・MT用タグに変更するので、仮でトップページのURLとサイトタイトルを入れておきます。 Step02 手順②では、ボタンデザインのタイ
WordPressのはてな記法プラグイン「WP Hatena Notation」 - Rewish
はてなダイアリーでおなじみのはてな記法。慣れるとさくさく記事が書けてなかなか良いので、PHPのはてな記法パーサHatenaSyntaxを利用してWordPressのプラグインを作ってみました。 手軽に導入できるので、はてな記法が大好きなWordPressユーザーはぜひ使ってみてください。 ダウンロード WP Hatena Notation - 2.0.x 開発リポジトリはrewish/wp-hatena-notationです。 ライセンス GPLv2 or later サポートする記法 使用可能な記法についてはHatenaSyntaxに依存しています。詳しくはサポートする記法 - HatenaSyntaxマニュアルを参照してください。 キーワード記法については タグページへのリンク となります。 はてな記法の設定 【設定】メニューの【はてな記法】から設定を変更できます。 バージョン2.0未
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ネットショップの初め方] WEB制作の基本を学べるサイト | 田中勇輔のブログ