テーマカスタマイズ【WordPress】is_mobileを使ってスマホとPC表示を分ける方法
TAKA（@TakasLife）です。 STINGER5でウィジェットを好きな場所へ追加する方法を書きました。このブログのヘッダー下に「今日の人気記事」を表示させています。 【WordPress】とっても便利なウィジェッ...
カスタマイズ
テーマカスタマイズテーマカスタマイズ【WordPress】とっても便利なウィジェットを任意の位置に追加する方法。STINGER5編
TAKA（@TakasLife）です。 このブログでは記事タイトル上に「今日の人気記事」を表示させてもらっています。これは、WordPressのプラグイン「WordPress Popular Posts」を使っています。 「...
WebサービスWebフォント「Google web fonts」の実装方法
今回STINGER5をカスタムするときに、ブログ名部分に「Google web fonts」を使ってみました。 とっても簡単に使うことができるので、その方法をご紹介します。 ちなみに、私のブログ名には「Audiowide...
WordPress【WordPress】moreタグ部分にアドセンスを表示する方法。single.phpへコピペで設置出来ちゃうよ！
WordPressではmoreタグを使って記事の内容を分割することが出来ます。そのmoreタグの部分にアドセンス（広告）を表示させる方法が色々あります。 その方法の1つでsingle.phpに直接コードを追加してアドセンスを表...
テーマカスタマイズ【STINGER5】テーマ変えました！カスタムのベーステーマとしてもお勧めです！
ブログのテーマを弄るのが好きなTAKAです。 ブログを書いている理由の1つとして、テーマのカスタマイズを通してHTML/CSSを覚えたいということがあります。 今までも色々なテーマをベースにカスタマイズしてきましたが、そ...
テーマカスタマイズ【STINGER5】YouTube以外のiframe要素にレスポンシブ対応用のclassが付かにようにする方法
photo credit: Rego - d4u.hu via photopin cc WordpressのテーマをSTINGER5に変更しようかと思いはじめ、コツコツとカスタマイズしています。 STINGER5はレスポンシブ対応でYo...
WordPressWordPress Popular Postsの人気記事を、今見ている記事と同じカテゴリーのものを表示する方法
WordPress Logo Photo by Phil Oakley 人気記事を表示するのにとっても便利なWordPressのプラグインで「WordPress Popular Posts」がありますね。 人気記事を月間だっ...
テーマカスタマイズSourceTreeでWordPressテーマのカスタマイズ履歴を簡単管理！
WordPressテーマのカスタマイズをする時、更新履歴を皆さんはどうやって管理されていますか？ 私はローカル環境でカスタマイズし、修正したコードと内容のコメントをEvernoteにその都度保存していました。 しかし、五藤隆...
MacアプリMarsEditのプレビューで自分のブログデザインを完全に反映させる方法
ブログはMacのMarsEditで書いています。MarsEditはリアルタイムにプレビューしてくれるのでブログ書きがとても捗ります。 ただデフォルトだとプレビュー画面が真っ白なので公開時のイメージがつかみにくい！ せっか...
テーマカスタマイズ【テーマカスタマイズ】モバイル表示を簡単に確認！Google Chromeのデベロッパーツールの標準機能で出来ちゃうよ！
ブログのテーマをカスタマイズするとき、PC表示だけではなくスマートフォン等用のモバイル表示も確認必要です。 モバイル表示は特別なアプリなどを入れなくてもGoogleのブラウザ、Google Chromeさえ入っていれば標準の機能として...
テーマカスタマイズ無料WordPressテーマ「Simplicity」に変更！SEO最適化済みのシンプルなテーマだよ！
5月の連休に自作テーマを公開しましたが、私という素人が作成したテーマなので、なんかぱっとしない感じでした。 そんな時、「Simplicity」というWordpressテーマを知りました。無料でシンプルなテーマということで自作テーマから...
WebサービスブラウザのキャッシュをクリアーするChromeの拡張機能「CacheClear」はすごく便利！
photo credit: laRuth via photopin cc ブログテーマのカスタマイズを行うときなど、変更をブラウザに反映させるために「キャッシュクリア−」を行う必要がありますね。 今まではChromeの標準機能でキャッ...
WebサービスCSS変更後ブラウザに反映されない時はキャッシュクリアーをしよう（Chrome編）
photo credit: laRuth via photopin cc ブログのテーマカスタマイズなどでCSSを修正した後、ブラウザで開いても修正したデザインが反映されてない時があります。 ブラウザのキャッシュが残っているためCSS...
テーマカスタマイズWordPressでmoreタグ部分に広告を入れ記事内に表示する方法
WordPress Logo Photo by Phil Oakley テーマを変更してからモバイルテーマではAdSense広告を記事の上と下の2箇所に表示していました。AdSenseは１つのページに３つまで掲載可能です。せっかく３つま...
テーマカスタマイズ「Multi Device Switcher」でWordPressテーマをデバイスごとに変更出来るよ！
今回、WordPressテーマをPC用とモバイル用で分けてテーマ作成しました。 テーマの出し分けには条件分岐のコードを直接記載する方法やプラグインを使用する方法など色々ありますが、今回私はプラグインを使用しました。
テーマカスタマイズWordPressにページネーションをプラグイン無しで設置してみた
Wordpressのテーマを作成した時、プラグイン無しでページネーションを設置してみました。プラグインを使用しても良いのですが、プラグイン同士の干渉による不具合や表示速度が遅くなるということがあるので、今回は直接記述して設置してみました...
テーマカスタマイズHTMLもCSSも知らなかった私がWordPressのテーマ作成しました！
Wordpressでブログを初めて約1年経ちました。ブログを始めてから色々な無料テーマを使わせてもらっていましたが、やっぱり自作テーマに憧れていました。 私はHTMLやCSSと言ったWEBの知識は全くなかったので、勉強しながらの作成だ...
テーマカスタマイズWordPressの本番環境の記事データーをローカル環境へ簡単にコピーする方法
たか（@TakasLife）です。 以前、WordPressのテーマ作成用にとローカルでの開発環境を導入しました。ただ、ローカル環境にWordPressをインストールしただけだと、当然記事や写真が無いので、テーマを作成やカスタマイズしたくて...
テーマカスタマイズWordPressテーマのカスタマイズ！子テーマを作る方法
WordPressには色々なテーマが有ります。そのまま使用しても問題ないのですが、同じテーマを使用している人と、見た目が「同じ」になってしまいます。 そこで、テーマをカスタマイズしたい！という思いが湧いてきます。 私はテーマをカスタ...