WordPressテーマ作成 私がテーマ制作や変更時やメンテナンスで使ってるWPプラグイン10個まとめ WordPressプラグインは便利ですが、使いすぎると高速化のさまたげにもなります。今回は通常時は有効化しないけど、メンテナンスやテーマ変更時など必要になった時だけ使うプラグインを紹介します。 2015.05.26 WordPressテーマ作成WordPressプラグイン
WordPressテーマ作成 WordPressでスマホ対応する4つの方法とおすすめパーツのデザインを紹介 Googleがモバイル検索結果でスマホ対応を考慮するという発表をしました。今回はWordPressでスマートフォン対応する方法と、私がブログで実践してるスマホビューのためのデザインを紹介します。 2015.04.02 WordPressテーマ作成スマホ最適化
WordPressテーマ作成 コピペでOK!WordPressのサイトマップを人気記事ランキングにする方法 WordPressの新テーマ・デザインに変更した時に、サイトマップについても人気記事順にしてみました。それに伴いずっと使ってたプラグインをまた1つ減らしました。そのカスタマイズ方法を紹介します。 2015.02.19 WordPressテーマ作成
WordPressテーマ作成 新しいWordPressテーマの特徴7つを大公開!SEO対策やメンテ性を向上!タブレットも特化 このブログのWordPressテーマ(デザインや機能)をゼロから作りなおしました。自作は昨年1月に次いで2度めなので、更に軽量化・保守性・SEO対策を向上できたと思います。その特徴を7つにわけて紹介します。 2015.02.05 WordPressテーマ作成
WordPressテーマ作成 WordPress以外でも使える!スマホとタブレット・PCの振り分け方法まとめ スマホとPC・タブレットでのデザインや見栄えを変えるための判別方法を紹介します。WordPressプラグインだけでなく、それ以外のサイトをPHPやJavaScriptのみで振り分ける方法も調べました。 2015.01.08 WordPressテーマ作成スマホ最適化
Webサイト高速化 【WordPress】条件分岐で高速化!スマホ・ホーム・特定カテゴリで無駄表示しない方法 WordPressでブログを作成していると、スマホとタブレットとPCや、記事とホーム、カテゴリ別などで条件分岐して表示したい内容がでてきます。今回はその方法をいろいろ紹介します。 2014.06.06 Webサイト高速化WordPressテーマ作成
SNS対策/SMO/RSS 【WordPress】OGPとTwitterCardsの設置方法!プラグイン不要でコピペでOK OGPとはブログ記事がFacebookでシェアやいいね!された時に、表示される写真や説明文を設定する機能です。SNSでの新記事周知は欠かせないので必須です。Twitterでも使える方法を紹介します。 2014.05.13 SNS対策/SMO/RSSWordPressテーマ作成
WordPressテーマ作成 【WordPress】見出しから目次を自動生成。プラグイン不要!コピペでOK ブログ記事で目次を自動的に見出しから生成する方法を紹介します。WordPressプラグインは使わないで、自力でJavaScriptで設置しました。Google検索結果にも反映されるようです。 2014.04.02 WordPressテーマ作成
SEO対策/SEM 【WordPress】パンくずリスト設置方法!プラグイン不要。複数カテゴリから選択可に 記事が複数カテゴリーに所属している場合に、好きなパンくずリストを1つだけ選びたい場合があります。今回はWordPressプラグイン不要で実現する方法を紹介します。 2014.03.27 SEO対策/SEMWordPressテーマ作成
Webサイト高速化 【WordPress高速化】プラグインのCSS・JavaScriptを削減・圧縮・まとめる方法 WordPressプラグインやテーマには、独自のスタイルシートやJavaScriptを読み込み、表示の高速化の妨げになるものがあります。今回はそれらを削除・圧縮・まとめ・下方へ移動させる方法を紹介します。 2014.03.20 Webサイト高速化WordPressテーマ作成
SEO対策/SEM 【WordPress】ページネーションの自動生成でSEO対策!プラグイン不要 WordPressプラグインを使わずに、ページネーション(ページャー)リンクを設置した方法を紹介します。SEO対策として5ページごとにした理由も共有します。特集記事の第6弾です。 2014.03.18 SEO対策/SEMWordPressテーマ作成
SEO対策/SEM 【WordPress】サムネイル付の新着記事一覧をカテゴリー別でプラグイン不要で表示する方法 このブログではサイドバーに、カテゴリー別の最新記事一覧を表示しています。テーマを自作する前はプラグインを利用していましたが、現在は簡単なコードで実現しています。その方法を紹介します。 2014.03.11 SEO対策/SEMWordPressテーマ作成
WordPressテーマ作成 【WordPress】カテゴリー順番を自由にプラグイン不要で変更する方法 WordPressテーマを自作した時にカテゴリーをもっと活かそうと思いました。そしてカテゴリーリストも記事内容によって柔軟に変えました。今回もプラグインを使わない方法を紹介します。 2014.03.07 WordPressテーマ作成
WordPressテーマ作成 【WordPress】RSSフィードに画像や関連記事を表示!YARPPプラグイン不要 このブログのテーマ(デザイン)を自作した時にRSS関連の機能も自作しました。それでプラグイン「Yet Another Related Posts」と「RSS Footer」も不要になりはずしました。今回はその方法を紹介します。 2014.03.04 WordPressテーマ作成
SEO対策/SEM 【WordPress】カスタムフィールド設置でAll in One SEOも不要に!プラグインなしで ブログのWordPressテーマを自作した時に、カスタムフィールドも自力で設置しました。今まではプラグインを利用してましたが、個人ブログの簡単な入力欄のみなので軽量化・簡素化しました。その方法を紹介します。 2014.02.26 SEO対策/SEMWordPressテーマ作成
SEO対策/SEM 【WordPress】公開日と最終更新日の表示方法!リッチスニペットでSEO対策も WordPressでブログ記事を書いた時に「公開日(または投稿日)」だけでなく「最終更新日」も表示してみました。SEO対策としてGoogleなど検索エンジンにも伝わるよう、HTML5やリッチスニペット記述方法も紹介します。 2014.02.21 SEO対策/SEMWordPressテーマ作成
WordPressテーマ作成 【WordPress】固定ページでpage.phpでなく投稿記事のsingleを共通利用する方法 このブログはWordPressというブログシステムで運用しています。テーマ(デザイン)を自作時に、固定ページのpage.phpを用意せずに投稿記事と同じsingle.phpを利用するよう設定しました。その方法を紹介します。 2014.02.18 WordPressテーマ作成
Webデザイン 【WordPress】新テーマデザインで96点達成!SEO対策・軽量化など7つの特徴をさらします このブログのPC・タブレットで表示されるデザインを大幅に変更しました。今回は新テーマデザインの特徴や制作で気をつけた点などについて、全体像を紹介したいと思います。WordPress以外でも参考にしてください。 2014.02.13 WebデザインWordPressテーマ作成
WordPressテーマ作成 【WordPress】スマホサイトで生かす!カテゴリーの活用方法とSEO対策 ブログのスマホ対応デザインでは、PC版よりもカテゴリーの存在をアピールするよう制作しました。今回はその理由と、具体的なカテゴリー重視の内部のしくみについても共有します。SEO対策にもなります。 2014.02.05 WordPressテーマ作成スマホ最適化
WordPressテーマ作成 【WordPress】スマホサイト作成!テーマファイルの効率化 WordPress用のスマホテーマを作成した時に配慮した、PC版とは違ったテーマファイルの効率的な制作方法について共有します。モバイル・ファーストで作成する時の参考にしてみてください。 2014.01.28 WordPressテーマ作成スマホ最適化
Webサイト高速化 【Web制作】スマホサイトの高速化!pagespeedで93点達成の攻略方法 スマホ用テーマデザインでサイト作成した時に実装した、表示の高速化に関するチップを紹介します。HTML・CSS・JavaScript・画像の軽量化・配置に気を付けるだけでも、かなり高速化できます。 2014.01.23 Webサイト高速化WordPressテーマ作成
WordPressテーマ作成 【WordPress】スマホサイトの記事一覧を人気順にした理由と方法!SEO対策にもなる 新しいスマホ用デザインのテーマでは、ホームやカテゴリー・タグ・アーカイブなどの記事一覧に、新着だけでなくPV(アクセス数)の多い順でも表示させています。この理由と方法について紹介します。 2014.01.16 WordPressテーマ作成スマホ最適化
WordPressテーマ作成 【WordPressテーマ】スマホサイト作成工程と役立ったツール類をご紹介 このブログはスマホ表示時には、便利なWordPressプラグイン「WPtouch」を利用していました。しかしついにスマホ専用テーマを制作しました。そこで気をつけた点や役立つツールなどを紹介します。 2014.01.07 WordPressテーマ作成スマホ最適化
WordPressテーマ作成 【WordPress】投稿日時をツイッター風の相対表記にするプログラムを共有 WordPressのブログ記事の作成や更新日時を相対表記する方法については4日前に書きました。そして今後の課題としてより人間的な表現に近づけたいと具体例も述べました。するとすぐプログラムを作成してくれた人がいます。 2013.07.07 WordPressテーマ作成
WordPressテーマ作成 【WordPress】ツイッター風の相対表記日時をブログで表示する方法 WordPressの記事を作成・更新した日時を相対表記する方法を共有します。といってもWordPressには便利な機能が用意されてるので、たった1つの関数を使うだけで実現できてしまいますが。 2013.07.02 WordPressテーマ作成