カスタマイズ

テーマカスタマイズ

【WordPress】is_mobileを使ってスマホとPC表示を分ける方法

TAKA(@TakasLife)です。STINGER5でウィジェットを好きな場所へ追加する方法を書きました。このブログのヘッダー下に「今日の人気記事」を表示させています。【WordPress】とっても便利なウィジェットを任意の位...
テーマカスタマイズ

【WordPress】とっても便利なウィジェットを任意の位置に追加する方法。STINGER5編

TAKA(@TakasLife)です。このブログでは記事タイトル上に「今日の人気記事」を表示させてもらっています。これは、WordPressのプラグイン「WordPress Popular Posts」を使っています。「WordP...
Webサービス

Webフォント「Google web fonts」の実装方法

今回STINGER5をカスタムするときに、ブログ名部分に「Google web fonts」を使ってみました。とっても簡単に使うことができるので、その方法をご紹介します。ちなみに、私のブログ名には「Audiowide」というWe...
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 ccWordpressのテーマをSTINGER5に変更しようかと思いはじめ、コツコツとカスタマイズしています。STINGER5はレスポンシブ対応でYouTub...
WordPress

WordPress Popular Postsの人気記事を、今見ている記事と同じカテゴリーのものを表示する方法

WordPress Logo Photo by Phil Oakley人気記事を表示するのにとっても便利なWordPressのプラグインで「WordPress Popular Posts」がありますね。人気記事を月間だったり習慣だ...
テーマカスタマイズ

SourceTreeでWordPressテーマのカスタマイズ履歴を簡単管理!

WordPressテーマのカスタマイズをする時、更新履歴を皆さんはどうやって管理されていますか?私はローカル環境でカスタマイズし、修正したコードと内容のコメントをEvernoteにその都度保存していました。しかし、五藤隆介@gor...
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は1つのページに3つまで掲載可能です。せっかく3つまで掲載...
テーマカスタマイズ

「Multi Device Switcher」でWordPressテーマをデバイスごとに変更出来るよ!

今回、WordPressテーマをPC用とモバイル用で分けてテーマ作成しました。テーマの出し分けには条件分岐のコードを直接記載する方法やプラグインを使用する方法など色々ありますが、今回私はプラグインを使用しました。
テーマカスタマイズ

WordPressにページネーションをプラグイン無しで設置してみた

Wordpressのテーマを作成した時、プラグイン無しでページネーションを設置してみました。プラグインを使用しても良いのですが、プラグイン同士の干渉による不具合や表示速度が遅くなるということがあるので、今回は直接記述して設置してみました。
テーマカスタマイズ

HTMLもCSSも知らなかった私がWordPressのテーマ作成しました!

Wordpressでブログを初めて約1年経ちました。ブログを始めてから色々な無料テーマを使わせてもらっていましたが、やっぱり自作テーマに憧れていました。私はHTMLやCSSと言ったWEBの知識は全くなかったので、勉強しながらの作成だったので...
テーマカスタマイズ

WordPressの本番環境の記事データーをローカル環境へ簡単にコピーする方法

たか(@TakasLife)です。以前、WordPressのテーマ作成用にとローカルでの開発環境を導入しました。ただ、ローカル環境にWordPressをインストールしただけだと、当然記事や写真が無いので、テーマを作成やカスタマイズしたくても...
テーマカスタマイズ

WordPressテーマのカスタマイズ!子テーマを作る方法

WordPressには色々なテーマが有ります。そのまま使用しても問題ないのですが、同じテーマを使用している人と、見た目が「同じ」になってしまいます。そこで、テーマをカスタマイズしたい!という思いが湧いてきます。私はテーマをカスタマイズ...