Clik here to view.
Wptouchをカスタマイズしてスマートフォン用のモバイルテーマを作成しました
台風一過の朝、おはようございます。 おつぱ（ @OZPA ）です。 昨晩、台風をいいことに自宅に引きこもり、WordPressプラグインWptouchをカスタマイズして、モバイルテーマを用意いたしました。 参考にした記事 今年の一月にブログのテーマを自作したわけなんですが、以来 「モバイルテーマとか用意しなくていいじゃん？ね？いいじゃん、何もしないからいいじゃん、カラオケやるだけだからさ！」...
View ArticleClik here to view.
[WordPress][jQuery]スマートフォン用のモバイルテーマにスライド式のメニューバーを配置したので実装メモ
どうも、おつぱ（ @OZPA ）です。 最近Wptouchをカスタマイズしてスマートフォン用のモバイルテーマを作成したわけなんですが、おべんきょちゅうのjQueryを使ってメニューバーを作ったろかい！とばかりに実装してみました。 画期的なUI iPhoneなどでみるとこんな感じです。 「タップするとMenuが出たり引っ込んだり」の部分をタップすると… Menuが文字通り出てきます。...
View ArticleClik here to view.
WordPressデータベースのバックアップをとってくれるプラグイン「WP-DBManager」を日本語化して分かり易くしよう
Compost in Snow / Akuppa どうも、おつぱ（ @OZPA ）です。 ブログ運営上絶対に欠かせない、データベースのバックアップ。 それを非常に簡単にやってのけてくれるWordPressのバックアップ用プラグイン「WP-DBManager」を日本語化して分かり易くしようというおはなし。 プラグイン＆日本語版ファイルをDL...
View ArticleClik here to view.
Amazonへのオススメリンクをフェードで切り換えつつ、PVアップも狙えるかもしれないウィジェットをサイドバーに作ってみた
Thanks Amazon / abdelazer ブログのサイドバーに、Amazonが提供してるオススメ商品ウィジェットを付けていたのですが、なんとなく気に入らなかったので作り替えてみました。 挙動 ブログのサイドバー、ちょっと下ったところに設置。 任意で貼った画像リンクをクリックするとAmazonへ移動します。...
View ArticleClik here to view.
[CSS3]クールなhoverスタイルを使った、サムネイル付きのオススメ記事リンクを作成したので手順メモ
どうも、おつぱ（ @OZPA ）です。 先日よりブログの個別記事に実装いたしました、サムネイル付きのオススメ記事リンクの作業メモでございます。 コードなど ブログの個別記事トップにこんなのを置いてみました。カーソルを画像の上に持ってくると、画像が暗くなったちょっと後にタイトルが下からすいっとでてきます。 実装するに当たって使用したのはWordPressプラグイン「YARPP」と「Auto Post...
View ArticleClik here to view.
WordPressテーマを再度作成、ブログのリニューアルをいたしました！
リニューアルﾅｰ！！！ と言うことで、本年1月にWordPressのテーマを自作、リニューアルをしてから9ヶ月経った昨日、再びブログのリニューアルを敢行いたしました！ （スマホでご覧の方はPC、もしくは最下部のモバイルテーマをOFFにしてくだしあ） リニューアルのポイント 今回は、全くhtmlすら知らなかった為にいろんな方に手伝っていただいた前回とは違い、一人でのリスタート。...
View ArticleClik here to view.
[はじめてのjQuery]トップバー左側のSNSボタンにツールチップを付けてみた
今月頭にブログのリニューアルを行ったわけなんですが、トップ画面左上にある各種SNSボタンにhoverした際に説明書きをツールチップにて出してみる挙動を実装してみました:) （PCで見てね） ↑こんな感じで各種マークにカーソルを合わせるとそのマークの説明がでてきます。 コード まぁすんごい簡単な実装ですが、マークアップなどを記しておきませう。 html <div...
View ArticleClik here to view.
スマートフォンからのアクセスの大事さを思い知ったのでOZPAの表4のスマホサイトをリニューアルしました[Wptouch]
今年の6月にWptouchをカスタマイズしてスマートフォン用のモバイルテーマを作成したわけなんですが、ちょいと見栄えがよろしくない部分が気になり出したのでプチリニューアルをいたしました:) トップ画面 トップ画面はこんな感じです。今までよりロゴやサムネイルを大きく、メニューバーを画面の最上部に配置しました。 メニューバーも各項目のpaddingを広めに、押しやすく。...
View ArticleClik here to view.
[WordPress]スマホにてWptouch対応のサイトをPC版で閲覧時に、スマホ用テーマに戻す方法
WordPress Stickers Everywhere / teamstickergiant つい最近OZPAの表4のスマホサイトをリニューアルしたわけなんですが、スマートフォンでPC版サイト表示にした時に元に戻せなくて困ったので、切り替えスイッチの実装メモ。 Wptouchでは画面最下部に「モバイルテーマ...
View ArticleClik here to view.
年末なのでブログの大掃除と各種設定の見直しをしてみた。やったこと6つまとめ
WordPress Born In Texas / teamstickergiant もう2012年も残りあとわずか。やり残したことは無いでせうか。 そんなわけで、私はと言いますと前々からやろうと思っていたWordPressの煤払いを行いました。やったことをまとめときたいと思います。 カテゴリーの整理 何も考えずに乱立させてしまった当サイトのカテゴリ。...
View ArticleClik here to view.
WordPressのユーザーログイン画面をカスタマイズするプラグイン「BM Custom Login」
本日は、WordPressのユーザーログイン画面をカスタマイズするプラグイン「BM Custom Login」をご紹介。 すごく・・・綺麗です・・・ RT @yat8823jp ブログのログイン画面はこんな感じに http://t.co/SfKLam7yzy— おつぱ（おつぱほ） (@OZPA) July 8, 2013 昨日、ブログのデザインをリニューアルしたばかりの@yat8823jp...
View ArticleClik here to view.
WordPress記事内の文章がコピーされるとメールで通知してくれるプラグイン「Check Copy Contents(CCC)」を試してみた！
着ぐるみ追い剥ぎペンギンさんにて公開されていた、WordPress記事内の文章がコピーされるとメールで通知してくれるプラグイン、「Check Copy Contents(CCC)」を試してみました。なにこれめっちゃおもしろいやん！ WordPress：誰かが記事をコピーしたら教えてくれるプラグインCCC(Check Copy Contents)を作ってみた。 | 着ぐるみ追い剥ぎペンギン...
View ArticleClik here to view.
WordPressの投稿画面にてリアルタイムプレビュー付きでMarkdownが使用できるプラグインSplitdownが鬼便利
ブログを書くのにMarkdownを利用しているのですが、一回htmlに起こして貼り付けるという作業がだんだんめんどくさくなっていました。直接Markdown貼り付けたい。 そんな悩みを抱えていたところ、@ryomatsu さんのWordPress の投稿画面を Ghost みたいに Markdown 対応且つリアルタイムプレビュー化する...
View ArticleClik here to view.
WordPressをアップデートしたらRSSが配信されないエラーが出ていたので対処した
先日、コンタクトフォームからのメールで 「RSSが12月の中頃から配信されていませんよ」 というご指摘を頂きまして。 確認したところ、feedlyはきちんとフィードを吐き出していましたが、http://ozpa-h4.com/feed/が上手く動いていないご様子。 せっかくRSSまで登録してくださった方に更新のお知らせを届けることができていなかったなんて…と血の涙をながしつつ対応したのでメモ。...
View ArticleClik here to view.
WordPressでTwitter、Facebook、はてブなどのオリジナルソーシャルシェアボタンを実装するコード
やろうやろうと思いつつめんどくさいからいいやと放置していた記事直下SNSシェアボタンのオリジナルデザイン化。 Twitterの仕様変更でシェア数が吐き出されなくなり、これまでの公式ボタンではサイズが揃わないし、いい加減実装するか！と一念発起して対応してみました。 準備 まずは準備としてWordPressプラグインのSNS Count...
View ArticleClik here to view.
クールなショップサイトが劇的に簡単に作れるWordPressテーマ「BLOC」がすごい【PR】
オシャレなショップサイト簡単に作りたくない…？作りたすぎない？ 以前ご紹介したお洒落なパララックスサイトが簡単に作れるWordPressテーマ「AMORE」を販売しているTCD様より、最新のWordPressテーマ「BLOC」をご提供していただきました。 早速レビュっていきましょう！ タイルギャラリーレイアウトのサイトが簡単に作れる...
View ArticleClik here to view.
「もうブログ書くならこれでええやん」なWPテーマ、MAGを知っているか【PR】
WordPressでブログをやるときに頭を悩ませるのがテーマです。誰がなんと言おうとブログを作る時、人はテーマで頭を悩ませるのです。かくいう私もそうでした。 そんなわけで今回は、当ブログでも何度かお世話になっておりますWordPressテーマ販売のTCD様より 、MAGをご紹介いたします。 なんかもうWordPressでブログ作るなら素直にこれにしといたらええやんと思っております。...
View Article