TL;DR レンタルサーバでの運用を止め、VPS に移行し、Apache の制約から開放されるため軽量・高速な Nginx に変更し、テーマをカスタマイズし軽めのリニューアルをしました。随分と早く使いやすくなったので、会社 HP とコムテブログに行った高速化への手順を全公開します。 今回のリニューアルに伴い、今回行った高速化処理。ちなみに会社 HPはこちら。 PC は 96 点、アナリティクスとメインの CSS を外せば 100 点が出そうでしたが断念。 Pingdomでは 97。ブログの方は、アドセンスや外部読み込み（こちらで調整できないため）で、どうしても遅くなってますが、これに近づけるようにしていきたいです。 なにはともあれ、サーバのスペックそのものを変えないと駄目だということでさくらの VPS 4G（SSD 4G）をチョイス。コーポレートサイトなら 2G くらいでもよいですが、ブロ
"CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 SEOについて始めからわかりやすく WordPressを使い始めた方であれば誰もが自分のサイトを多くの方に閲覧してほしいと思うでしょう。そこで必要になってくるのがSEO対策のためのプラグインです。ここではまずSEO対策はなぜ必要なのか、についてお話しいたします。 SEOとは SEOとはいったい何のことでしょうか。まずSEOとはSearch Engine Optimizationの頭文字をとった言葉で、日
以前に、固定ページにカスタム投稿タイプのアーカイブを表示するという記事を書いたのですが、このときは調べても作成したカスタム投稿タイプの一覧を表示するためのURLを持てることがわからなかったのですが、わざわざ固定ページを作成しなくてもちゃんとアーカイブページを持つことができました。 また、前回はよくわからずプラグインを使ったのですが、テストサーバから本番サーバへの移行とか考えると、やはりfunctions.phpに直接書き込んだ方が効率が良かったです。手順をまとめてみました。 1.functions.phpに記述を追加 functions.phpにカスタム投稿タイプ「お知らせ」を追加するために、下記のように記述します。 function add_custom() { register_post_type('news', array( 'label' => 'お知らせ', 'menu_posi
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
現在、パーマリンク設定を/%category%/%post_id%/ カスタム投稿のパーマリンク設定を、custom post type permalinksで カスタム投稿名/%post_id%/という形に設定しています。 例えばpost typeがmenu、カスタム分類名がfood、タームのスラッグがmainだった場合、 http://ワードプレスのアドレス/menu でカスタム投稿menuのアーカイブが http://ワードプレスのアドレス/menu/food/mainで、mainのアーカイブが表示されるのですが、 http://ワードプレスのアドレス/menu/food では404になってしまいます。 http://ワードプレスのアドレス/menu/foodで、food分類のアーカイブが表示されるようにするには、どのような設定が必要になってくるのでしょうか。 どなたかご存知の方いら
まえがき お問い合わせフォームを共用SSLで動かしたい場合、いろいろ面倒です。 WordPressのプラグイン「ContactForm7」を使いたいのか、その他のプログラム（AjaxMail等）でもよいのかで方法が変わってきます。 基本的にマルチサイト化されていると、共用SSLで「ContactForm7」を使用することは出来ないとされていますが KoToRiが色々調べた結果、 マルチサイト化していてもサーバーによっては共用SSL上で「ContactForm7」を使用できます。 現にKoToRiBlogのロリポップはマルチサイト化したWordPressで共用SSL上で「ContactForm7」を使用することが出来ました。 しかし、何故か別のアカウントのロリポップでは使用できませんでした。 また、さくらインターネットでは使用できたりとサーバーによって変わってくるようです。 仮に「Conta
![WordPressでの共用SSLお問い合わせフォームのまとめ[マルチサイト可]](https://cdn-ak-scissors.b.st-hatena.com/image/square/bce047b3bed2e7fbe71f682d6fb711c369bebd2d/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb6.jpg)
Contact Form 7 プラグインはブログを閲覧されている方が問い合わせを行う場合に使用するメールフォームを簡単に作成できるプラグインです。作成したメールフォームは固定ページなどに設置できます。ここでは Contact Form 7 プラグインのインストール方法と使い方について解説します。 メールフォームには色々な部品が用意されておりテキストボックスやテキストエリアだけでなくチェックボックスやラジオボタン、 CAPTCHA の設置、ファイル添付機能の追加など色々カスタマイズをすることができます。 Contact Form 7 プラグインで作成するメールフォームのカスタマイズ方法についても合わせて解説します。 (Last modified: 2023年01月11日) Contact Form 7プラグインのインストール Contact Form 7プラグインをインストールにするには「プ
ウェブサイトにおいて、コンタクトフォームは重要なものです。なぜなら、フォームを設ける以外に、訪問者と連絡を取る方法はほとんどと言ってもよいほど、無いからです。WordPressには多くのコンタクトフォーム用プラグインがあります。今回は、その中から有名で、実用性が高いものをご紹介します！ WordPressのコンタクトフォーム用プラグインを使う利点はいくつかあります。その最たるものは、設定が簡単なことです。PHPに精通していなかったとしても、利用することができます。もうひとつの利点は、プラグインのダッシュボードを使うことで、フォームをカスタマイズできることにあります。 それでは、早速プラグインの紹介へ移りましょう！ Gravity Forms Gravity FromsはWordPressのコンタクトフォーム用プラグインでも、最も優れているもののひとつです。このプラグインの長所は、設定とフォ
WordPress で作成した個々のカスタム投稿タイプの一覧ページ作成に関するメモ。 個々のカスタム投稿タイプの一覧ページを作成する場合、以下のような方法がある。 固定ページを作成して表示 アーカイブページを作成して表示 カスタム分類のページを作成して表示 以下はそれぞれの方法を使って一覧ページを表示する場合の例（概要。詳細は省略） 目次 カスタム投稿タイプの作成 このサンプルでは以下のようなカスタム投稿タイプを作成 投稿タイプ名：events カテゴリー：events_cat タグ：events_tag functions.php（抜粋） //カスタム投稿タイプを登録 function new_post_type() { register_post_type( 'events',//投稿タイプ名（識別子） array( 'label' => 'イベント', 'labels' => arr
#2013.03.25追記 この記事を公開してから2年以上が経ちました。今後このページに記載している実装方法は非推奨になっていく流れです。 適宜最新のCodexなどを参照してください。 #2010.12.12追記 この方法よりもっといい書き方を習得したので、ご一読の後は「改正版：カスタム投稿タイプの表示用のページを作る－WordPress備忘録－」エントリーもどうぞ！ 自分用の覚え書き。 2,3回目だったのにやり方忘れてたからメモしときます。 やりたいこととしては、 WordPress3.01で、ブログ用途じゃなくて企業紹介のサイトを作ってる 「施工実績」とか「製品一覧」とか、そういうページを作っておいて、お客さん側で今後情報追加していく予定 他の固定ページと同じナビゲーションに混ぜたい。 でも、「投稿」は別の用途で使っているので、投稿の中には混ぜたくない とある建設業の会社さんのサイトで
Kosuke Kato kosuke.definer I'm a definer. デザイン x システム思考 x LLM活用
テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi
当サイトではアフィリエイト広告を利用しています。 カスタム投稿タイプは、WordPressに最初から設定されている「投稿」とは別に「オリジナルの投稿」の入り口を作るためのものですが、なんとなく複雑な感じがあって使っていない人も多い機能だと思います（自分も自分のサイトでは使っていません）。 1人で更新するブログであれば無理にカスタム投稿タイプを設定する必要ないと思いますが、企業サイトやWebマガジンなど複数の人が更新作業を行う場合に活躍する機能だといえます（投稿ミスをなくすとか、説明を簡略にするとか）。 カスタム投稿タイプに関しては、作成の方法と表示の方法がまとめて書かれている記事が少なかったので、かなり長くなってしまいましたが、一連の流れを一気にまとめてみました。 そんなこんなでほんと長いため目次を用意。 カスタム投稿タイプの設置で詰まっているところがあればそこから読んでください。 ＜目次
2カラム（または3カラム等）のブログでは、記事のサイドにブログの各メニューのリンクがあるのが一般的ですね。たとえば、カテゴリーや月別アーカイブなどです。それらのメニューを表示させるサイドバーを、今回は作っていきます。 サイドバーにも、サイドバー専用のファイルを作ると便利です。 「sample」（任意のテーマフォルダの名前）フォルダに「sidebar.php」というファイルを作成してください。これまでと同様にテーマフォルダにアップロードします。アップロード先は、「wp親フォルダ > wp-contet > themes > sample（「sample」は任意のテーマフォルダの名前）」でしたね。パーミッションは「755」または「777」にします。 これで「ダッシュボード > 外観 > テーマ編集」から編集できます。「サイドバー (sidebar.php)」となっているのがそうです。クリックす
WordPressでサイト構築をした際サイドバー（sidebar）を各ページ毎に変えたい事はよくあります。 TOPページ（index.php）と固定ページ（page.php）とブログページ（single.php）と3パターンだけなら、phpファイルに別々のサイドバーを呼びこむだけで済みますが、 例えば固定ページAには、Aのサイドバーを。固定ページBには、Bのサイドバーをとか、ブログサイトでは少ないですが、コーポレートサイトではこういう動きがほしい時が多々あります。今回はそのパターンの備忘録。 個別のサイドバーを作成する方法 まず、通常のサイドバーを呼び出すWordpressコードは以下 <?php get_sidebar(); ?> これで、Theme内の「sidebar.php」というファイル名を呼び出す事ができます。 複数サイドバーを使用する場合は以下のようにSidebarのPHPファ
WordPressのテーマ（テンプレート）をカスタマイズする - WordPress Customize NOTE WordPressのテーマを自作・カスタマイズする方のための解説サイト。 初心者でもWordPressオリジナル・テンプレートが作れる！ 初心者の方にもわかりやすいように、WordPressの使い方やオリジナルテーマ（テンプレート）の作成方法を解説しています。< 現在、コンテンツ更新中... > WordPressとは、MySQL, PHPで作られたフリーのブログシステムです。MySQL, PHPの使えるサーバーさえあれば、誰でもカンタン無料でブログなどの幅広いサイトを作ることができます。機能も豊富で、プラグインを使っていろいろな機能を付け加えたり、個人で拡張することによってももっと便利に使うことができます。ただ、初心者には不慣れな点もあり、ある程度の知識がないと自由に使えな
WordPressのカスタム投稿タイプでメンバー紹介ページを作成先日公開したFrogのサイトは例のごとくWordPressを使って制作しました。ブログで使う「投稿」や、その他の「ページ」とは区別して、これからも増えていくであろうチームメンバーの一覧＆詳細ページを、カスタム投稿タイプという機能を使って作成したので手順を公開。企業サイトに従業員一覧ページを用意しているところも多いと思うので、参考になれば幸いです。 Frog のサイト 目標 - こんなページを作りますFrog のチームメンバーページを実例として紹介します。カスタム投稿タイプを設定するための WordPress プラグインもありますが、今回はプラグインを使わず設定。プラグインを使わなくても意外と簡単に設定できますよ :) チームメンバー一覧ページ チームメンバー個別ページ 以下の要素を表示します。 名前職業顔写真SNS リンク概要
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
