テーマを自作するにあたって最低限知っておきたいWordPressの基本的な仕組みをまとめました。 まず1つは、 テーマフォルダの構成 これが分からないとテーマフォルダを作ることが出来ません。 それと、WordPressの仕組みを理解するのに欠かせない テンプレート階層 パーツテンプレート テンプレートタグ ループ という機能・概念についてです。 この4つさえ理解できれば、WordPressの仕組みの根幹部分は押さえられると思います。 ちょっと長いと思いますが、WordPressの基本中の基本部分ですので、もしテーマを自作したい人は参考にして下さい。 初心者にも分かるように丁寧に教えてもらいたいという人はTechAcademy [テックアカデミー]へどうぞ↓ そのフォルダの中に、style.css、index.phpを新規作成します。この2つはWordPressにこのフォルダをテーマだと認識

WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。

（この記事は2022年9月29日に更新されました） こんにちは。 京都のWebプランニング会社「ウェブライダー」の松尾です。 最近、某社からCPIサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 現在、ウェブライダーでは、CPIの専用サーバーと共用サーバーのふたつを借り、さまざまなWebサイトを運営しています。 今回は、サイト制作に不可欠ともいえるCMS（コンテンツマネジメントシステム）の中から、「WordPress」にフォーカスを当て、「WordPressを使ったSEOに強いサイト制作の手順」についてお話しします。 WordPressはその導入の手軽さから、年々ユーザーを増やしており、今、全世界の1/4のサイトがWordPressで作られているといわれています。 また、拡張性にも優れており、たとえば、「沈黙のWebマーケティング」「沈黙のWebライティン

秋田＠豊作さんのStinger3 に対して行ったカスタマイズのセルフまとめ #Stinger-WPから確かにバトン受け取りました！！ ところで、皆さん、「Stingerのここを、もっとこうで、こうしたいんや」と思った時どうしますか？ 「stinger カスタマイズ」とかで検索しますよね。もしくは、このAdventCalendarの記事を全部見返すかもしれない。 Stngerは人気があるだけに、カスタマイズ記事も豊富ですから。 でもね、ひょっとするとですがね、もし自分がやりたいカスタマイズの方法が、どこにも見つからなかったらどうしましょう？ ・ ・・ ・・・ この記事について 安西先生のキツイお言葉に嗚咽をもらしながらも、わからんもんは、わからん。 うぅんぅぬんぅんぅん。 この記事は、そんなストレスを感じて悶々とした日々を送っている全Stingerユーザーに「これ知っておけば、自分の思うがま

WordPressでブログやサイト運営をしている人はかなり多いかと思いますが、WordPressで運営する大きな魅力となるのが「プラグインの存在」です。 自分好みの機能を気軽に実装することができるので ...

前のエントリーで書くとお約束した WordPressのプラグインや設定に関するエントリーです。 月間20万稼ぐ！僕がブログを書くのに使う“神”ツールをドンッと紹介 今や、MTを抑え不動の人気を得ているWordPressその力はGoogleのマットカッツ氏もお勧めしている事も皆さんご存知だと思います。僕自身、ビジネスワークでも自身のブログでもいろいろ試行錯誤しながらより、SEOに強く効果のあるWordPressを目指して試行錯誤して来ました。その上で、今のベストセッティングだと思えるWordPressテーマ「Stinger」を公開させて頂いているのですが、ここで一度この「Stinger」にしている設定と、その上で僕が使用しているおすすめの「プラグイン」をご紹介したいと思います。 photo credit: opacity via photopin cc 現在、絶賛パーマリンク変更中なので変動

Naifix で公開していた以下のページは削除されています。 WordPress プラグイン関連 以下の記事で紹介・解説していたプラグインは何年も更新されておらず、最新版の WordPress で検証したところ正常に動作しないことが確認されたため削除しました。 WordPress のちょっとしたカスタマイズに便利な WP Theme Test https://naifix.com/wp-theme-test/ WordPress テーマカスタマイズに便利な「Theme Test Drive」の使い方 https://naifix.com/theme-test-drive/ ツイート数やはてブ数を取得して高速表示できる SNS Count Cache の使い方 https://naifix.com/sns-count-cache/ Facebook の「いいね！」が激増する WordPres

webmobileは、みんなが知りたいPixel/iPhone/amazon/SIMの使い方を発信しています！ 当メディアで公開されている文章、写真・画像などに関する権利は、当方に帰属します。 著作者の許諾を得ることなく転載、改変、複製、販売、出版など、著作権法そのほか法律に触れる行為は禁止しています。 ※ 画像使用・文章引用はリンクを張った上でご利用ください。 ホーム｜サイトマップ｜プライバシーポリシー お問合せ｜運営者情報｜公式YouTube

こんにちは。 SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。 WordPressの新機能アイキャッチは非常に便利でよく使っております。 画像を一つアップすれば複数のサイズにリサイズして表示させることができます。 投稿画面等よりアイキャッチ画像を設定したら、 あとは下記のコードを表示させたい場所に貼付けるだけです。 ・メディアのサムネイルサイズで表示 <?php the_post_thumbnail('thumbnail'); ?> ・メディアの中サイズで表示 <?php the_post_thumbnail('medium'); ?> ・メディアの大サイズで表示 <?php the_post_thumbnail('large'); ?> ・フルサイズで表示 <?php the_post_thumbnail('full'); ?> ・the_post_thum

覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。 今まで知らなかったんですけど、覚えておくといいかも。 リサイズ機能 WordPressにはリサイズ機能があります。例えば横幅500pxの画像をアップロードした際、300pxの幅で使いたければ上記のようにサムネイルを選択出来ます。 foo.jpgという名のファイル名なら「foo-300×225.jpg」という、リサイズされた画像を生成してくれます。 デフォルトは90％ この際の圧縮比がデフォルト値では90％になっています。wp-includes/media.phpの410行目あたりには image_resize( $file, $max_w, $max_h, $crop = false,

ワードプレスでアイキャッチ画像は使ってますか？ 私は80%の割合で使用しています！ 使い方はサイトによって様々ですが、主に投稿のタイトル画像にしています。 アップする画像のサイズはデジカメで撮った写真や携帯で撮った写真、サイズがバラバラだと思いますが表示させる場所には指定したサイズにアップしたい！ そんな時に、画像サイズをリサイズしてくれるコードのメモ書きです。 アイキャッチ画像を表示させる為のコード まずはfunction.phpにアイキャッチを表示させる為のコードを記述 //アイキャッチ画像を使用する add_theme_support('post-thumbnails'); //サイズを指定して切り抜きをする(縦：100px 横100px) set_post_thumbnail_size(100, 100, true); //サイズを指定してリサイズさせる(縦：100px 横100p

WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。 確かに毎回アイキャッチを登録するのも、慣れていないと面倒です。しかし、何もしないとレイアウトが崩れてしまう場合もあります。その為、テーマファイル内で条件分岐して、レイアウトを調整して・・・というのも面倒ですよね。 なので、アイキャッチを設定しない際は自動でデフォルト画像が表示されるようにしましょう、というのが今日の内容です。 よく使われる方法 if (has_post_thumbnail()) { the_post_thumbnail(); }else { echo '<img src="' . get_bloginfo('template_directory') . '/images/default.png'

[WordPress]登録済みのサムネイル画像（アイキャッチ）を自動で作り直してくれるプラグイン AJAX Thumbnail Rebuild とあるWordPressサイトのリニューアル時に使用したプラグインなのですが、AJAX Thumbnail Rebuildというプラグインが最高に便利だったのでご紹介。 過去の記事のアイキャッチ画像を、現在の設定のサイズに変更したい方におすすめします。ワンクリックですみます。再生成はアイキャッチ画像のみなんてことも出来ます。数百件リサイズしてもサーバー落ちたりしません。 AJAX Thumbnail Rebuildとの出会い functions.phpにオリジナルサイズのサムネイルを生成する処理を数個入れているのですが、リニューアル前とリニューアル後ではアイキャッチ画像のサイズが変わることになりました。 WordPressのサムネイル生成は、画像を

WordPressで作成したサイトのサイトマップを自動生成できるプラグイン、「PS Auto Sitemap」の使い方を紹介します。初期設定やデザインの変更も簡単、便利なプラグインです。 2022年11月2日 追記 「PS Auto Sitemap」プラグインは一時的に公開停止となっており、利用することができない状態です。再公開されましたら、またお知らせします PS Auto Sitemap プラグインでサイトマップを自動生成 サイトマップとは PS Auto Sitemapで自動生成できる「サイトマップ」とは、サイト内の投稿や固定ページ等を一覧表示させる、「もくじ」の役割を果たすもの(HTMLサイトマップ)です。下記ページで紹介したような、検索エンジン向け(XMLサイトマップ)ではありません。 Google (XML) Sitemaps Generator の導入方法 ブログの投稿は、通

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 参考：『基礎からのWordPress』高橋のり #ブログサイトのカスタマイズ ##ブログのトップページをカスタマイズ ###アイキャッチ画像を利用してレイアウト変更 ・index.phpとsingle.phpの区別がつくようにしたい →index.phpのレイアウトをサムネイル式にする ・index.phpの中ではコンテンツとなる画像や文章は、the contentというテンプレートタグ1つで出力されていた →アイキャッチ画像と抜粋という機能を使い1ndex.phpのループ内を変更する ###アイキャッチ画像を使ってみる ・functi