< pocket
WordPressのスマホサイトにページネーションを設置する方法(プラグインなし)

WordPressのスマホサイトにページネーションを設置する方法(プラグインなし)

当サイトのスマホ版では最近まで「オートページャー」を使っていましたが、なんだかうまく動かなくなってしまったようなので、いい代替案が見つかるまでは普通のページネーションに戻すことにしました。

なるべくシンプルな形にしたかったので、「前へ」「次へ」リンクだけのページネーションにしてみました。色々調べたので、今回は備忘録として書き残しておきます。

【2015年7月29日 追記】
ソースコード変更

続きを読む

WordPressにシェア数つきオリジナルSNSボタンを実装しよう!取得から表示までの流れを紹介

以前に「SNSボタンをオリジナルデザインに!設置方法&シェア数の取得方法まとめ」という記事を書いたのですが、それは普通のPHPファイルで設置する方法でしたので、今回はWordpressにオリジナルSNSボタンを設置する方法をご紹介します。

WordpressでURLを取得するところなどが少々独特でしたので、シェア数の取得から表示までの流れを備忘録として書き残しておこうと思います。プラグインなしで実装することができます!

【2016年8月28日 追記】
Facebookの仕様変更のためソースを一部変更

【2015年10月2日 追記】
ツイート数を取得する「count.json」が提供終了

【2015年6月11日 追記】
file_get_contents()の注意点を追記&ソースコード変更

続きを読む
jQuery.autopagerで次ページを読み込む間にローディングアイコンを表示させよう

jQuery.autopagerで次ページを読み込む間にローディングアイコンを表示させよう

このテーマをスマホ対応させた際、「jQuery.autopager」というプラグインを使ってオートページャーを実装してみました。

画面遷移を少なくしてくれるので重宝していますが、次のページが読み込まれる間に何も表示されないと「あれ?」と不安になってしまいますよね。

というわけで、次のページが読み込まれる間に表示される「ローディングアイコン」を実装してみましたので、今回はその導入方法などをご紹介します!

続きを読む
WordPressでスマートフォン用テーマを作成した時の5ステップ

WordPressでスマートフォン用テーマを作成した時の5ステップ

先日WordPressでスマートフォン用テーマを作成した際に、どのような流れで作成したのかをざっくりまとめてみました。

「手描きスケッチ」「DropBoxで作業する」など、WordPress以外でスマートフォンサイトを作るときも大体同じ流れで行うので、これを機に書き留めておこうと思います。

続きを読む
サイトをスマホ対応した時に意識したこと5つ

サイトをスマホ対応した時に意識したこと5つ

前々から時間を見つけてチマチマと着手していたスマホ対応がようやく完成しました!「いまさらかよ!」という声が聞こえてきそうです…(>_<)

以前は「WPtouch」というプラグインでPC版とスマホ版を切り替えていましたが、ようやくプラグインを卒業してモバイル版オリジナルテーマを作成しました。

今回は、ブログのスマホ対応のご報告を兼ねてスマホサイト作成時に自分なりに意識したポイントや、その際参考にさせていただいた記事などをご紹介します!

続きを読む
ラーメン評論家「本谷亜紀」さんのブログ作成をお手伝いしました。デザインから構築までの流れを紹介!

ラーメン評論家「本谷亜紀」さんのブログ作成をお手伝いしました。デザインから構築までの流れを紹介!

先日、女性ラーメン評論家である本谷亜紀さんのブログ作成をお手伝いしました。私はデザイン〜Wordpressの構築までと、制作系を全般的に担当させていただきました。

自分のブログ以外で個人的に制作を手がけたことはあまりないので、手探りながら制作していくうちに色々なことを学べました。

今回は、デザイン時やWordpress構築でどのようなことを心がけたかをご紹介します!

続きを読む
お正月休みに私がしたブログ見直しの試みあれこれ

お正月休みに私がしたブログ見直しの試みあれこれ

遅くなりましたが、明けましておめでとうございます。2013年初めてのポストです。

みなさんはお正月いかがお過ごしでしたか?私は長いお正月休みを利用して、ずっとサボっていたサイトの見直しをしてみました。それにしても、いつも見ている自分のサイトを「他の人はどう見るのかな?」と考えるのは、なかなか骨が折れますね。

今回は、見直しにあたってどこを改善したのかをざっとご紹介します!

続きを読む
WordCamp Tokyo 2012に参加しました!セッション内容などを一部ご紹介

WordCamp Tokyo 2012に参加しました!セッション内容などを一部ご紹介

9月15日にWordCamp Tokyo 2012が開催されました。去年にビクビクしながら初めてWordCampに参加したのがまるでつい昨日のようです。一年って早いですね!

今回は私は去年のWordCampでお知り合いになった方と一緒に参加しました!

それにしても毎年レビューを書くのが遅い>私ですが、今年も当日の様子や参加したセッション内容をご紹介しますので、ぜひお付き合いください!

続きを読む
WordPressテーマ作成に役立つ記事&学んだことまとめ(テーマ作成編)

WordPressテーマ作成に役立つ記事&学んだことまとめ(テーマ作成編)

もはや全く新しい話でも何でもないのですが、先月オリジナルテーマを作成してサイトのデザインを変更しました。

Wordpressのテーマ作成は自分にとってはとても難しく、色々なブログの記事を参考にさせていただきました。

今回の記事はお世話になった数々のブログ様への感謝の意を込めて、また、これからテーマ作成をしようと考えている方の参考になれればいいなーと思って書きました。

続きを読む
Twitterアカウントへのリンクやアイコンを表示してくれるプラグイン「Twitter @ Anywhere Plus」

Twitterアカウントへのリンクやアイコンを表示してくれるプラグイン「Twitter @ Anywhere Plus」

先日記事を書いていて、Twitterアカウントを表記する際に効率的にリンクを貼りたいと思い、導入したWordpressプラグインです。その名も「Twitter @ Anywhere Plus」!もしかして、ブロガーさんの間では当たり前なんでしょうかね?まあ、便利さに感動したので書きます!

なんとこのプラグイン、「@ユーザー名」と記事内に書いただけで自動でそのTwitterアカウントへのリンクを作成してくれるんです!しかも、マウスオーバーするとアイコン自己紹介まで表示してくれます。また、ちょっと設定すれば記事内にかわいいツイートボタンなども設置できるのですよ!

今回はそんな賢い「Twitter @ Anywhere Plus」の機能をご紹介!

※「Anywhere」さんにリンクが貼られてしまうので、「@」と「Anywhere」の間に半角スペースを空けて記載しています。

続きを読む
トップに戻る