初心者必見！自作のWordPressオリジナルテーマを作成する方法を徹底解説
WordPressのテーマを作成するというと、なんとなく複雑で難しそうなイメージがありますよね。 以前は、私も既存テーマ+プラグインという方法でブログやホームページを運用していたのですが、欲しい機能をプラグインで追加したり、デザインのためにcssを追加したりしていく内に、テーマの中身が複雑化しサイトの表示スピードも遅くなってしまっていました。 そこで、「既存テーマに縛られて様々な制約を受けるくらいなら自分でテーマを作成してしまおう」と思ったのが、自作のwordpressテーマを作成したキッカケです。 テーマを作成し始めた頃の知識としては、PHPはおろかHTMLとCSSですらあまり理解していない状況からのスタートでしたが、そんな状態の私でもなんとか完成させることができ、今ではWeb制作やWebディレクションを本業としてお仕事をいただいております。 wordpressのテーマは、一見複雑で難し
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
「サーバーってなに？」～初心者でもよくわかる！VPSによるWebサーバー構築講座(1) | さくらのナレッジ
サーバーの扱いに慣れていない初心者の方を対象に、VPS(Virtual Private Server)を使ってWebサーバーを構築し、WordPressサイトを運用できるようになるまでの連載を始めます。 サーバーの構築方法については、中・上級者向けの情報は多く見つかりますが、 「初めてVPSに触れる方が、Webサイトを構築して運用できるようになるまでのノウハウ」 を体系的に解説しているサイトはあまり多くありません。 ネット上に存在している情報では断片的だったり、分からない専門用語が出てきたりして、途中であきらめてしまった方も多いのではないでしょうか？ 本連載では、初心者の方でも「これさえ読めばVPSを構築できる！」ように、初歩から丁寧に解説します。 「今までレンタルサーバーを使っていたけど、一歩進んでVPSに挑戦してみたい」という方のお役に立てれば幸いです。 本連載は以下の構成で5回に分け
WordPressに仕込まれたマルウェアのコードが恐ろしすぎた
『Googleから「マルウェアに感染している」という警告が届いたので、調査して欲しい』という依頼を受けて、とあるサイトの調査をしたところ、どうやらWordPressにマルウェアが仕込まれている模様。 かなり時間を掛けて広範囲にヤラれていたので、マルウェアをすべて取り除くのに苦労したのですが、その際に見付けたマルウェアが中々恐しいものだったので、ここに書き残しておきたいと思います。 なお、真似してマルウェアを作られても困るので、ソースの一部を画像で載せることにします。 ## マルウェアのソースを人間に読めるようにしてみる では、早速マルウェアの中身を見てみましょう。 まず、いきなり始まるコメント行。そして、長くて一見ランダムに見える文字列。 そして2行目でランダムに見える文字列を base64_decode() し、eval() しています。base64_encode()しているのは、ソース
こんなの使ってたらバカになる！便利すぎるWordPressプラグインBEST5
初カキコ…ども… 俺みたいに何でもかんでもプラグインで解決しようって腐れ野郎、他に、いますかっていねーか、はは 。 と有名なコピペをあれしつつ、今回はWordPressの便利すぎて後ろめたい気持ちにすらなりそうなプラグインBEST5をご紹介します。 第1位 Favicon Rotator ファビコンって作るの何気にめんどくさくないですか？フォトショを拡張してないとicoファイル作れないし。JPGやPNGデータをファビコン形式に変換してくれるサイトを使ってicoファイルを作り、WordPressのメディアにアップロードし、ヘッダに組み込む。あぁ、めんどくさい！ ところがこのFavicon Rotatorってプラグインを使うと、JPGやPNGの画像をアップロードするだけであっというまに出来上がるんです！ﾏｼﾞﾊﾟﾈｴ プラグインをインストールすると、外観の中にFaviconというメニューが現れ
無料で使えるWordPressテーマ「Simplicity」が良い。
このブログはWordpressを使っているのですが、その中でSimplicityというテーマを使用しています。 ブログを開始するにあたって、自分で作ろうか有名どころのテーマをカスタマイズしようかどうしようかと迷っていたところ、調度良いタイミングで、フォロワーのわいひら(@MrYhira)さんという方がテーマを公開されていたので、「これはなかなかよさそう」だと思い、 ちなみに、わいひら(@MrYhira)さんは、頸髄損傷でほぼ寝たきりの生活をしつつ、寝ログというライフハック系ブログを運営されたり、テーマを公開したり、フリーソフトを公開していたりと、パワフルな方です。 ここからはSimplicityを簡単に紹介します。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEOの最適化 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益
ブログ初心者のための「SEO スターターガイド」解説（WordPress 対応） - Naifix
検索サイトからのアクセスを増やすには、最低限の検索エンジン最適化（SEO）が必要です。 SEO ノウハウはネット上にたくさんありますが、まずは Google が公開している「検索エンジン最適化（SEO）スターター ガイド 」で基本的な部分を勉強しましょう。 でも、SEO スターターガイドは一般的なすべてのサイトを対象としており、WordPress ブログでは改めて対策しなくてもよい部分もいくつかあります。 本記事では WordPress でブログを運営している初心者が対応しておくべき点のみをピックアップして解説していきます。推奨項目を満たしているか、確認してみてください。 WordPress ブログで優先して対応すべき 9 項目 SEO スターターガイドで優先して取り組むべき項目は以下の 9 個です。 わかりやすく有益な記事タイトルを付ける 適切な見出しを付ける カテゴリーを最適化する
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
TwentyTwelveでカスタム投稿タイプ用のテンプレートを準備する | work.log
WordPress のテーマ TwentyTwelve で「カスタム投稿タイプ」を利用するメモです。 前回、メイン記事とは独立させた記事を書く為に TwentyTwelve に「カスタム投稿タイプ」をつけてみました。 主要部分はあれでほぼ完成なのですが、「カスタムタクソノミー」で作成した独立したカテゴリとタグが現状のテンプレートでは表示できていないので今回はこれ用にカスタマイズしてみます。 関連記事 TwentyTwelveにカスタム投稿タイプを付けて記事を分けてみる TwentyTwelve のテンプレートをコピーしてカスタマイズ カスタム投稿タイプを表示するテンプレートは、基本的にファイル名の命名規則に従って自動選定され、更にテンプレートの命名規則にはいくつか優先度というものがあるようです。 例えば「カスタムタクソノミー」のアーカイブ用テンプレートは以下のような優先度で自動選択される
特定のカスタム投稿タイプのみアーカイブでの表示件数を変える | IT女子のお気に入りフォルダ
例えば、「新着情報（news）」「キャンペーン（campaign）」「ギャラリー（gallery）」といった具合にカスタム投稿タイプを複数設置していて、アーカイブでの表示件数を「新着情報」と「キャンペーン」は10件にして、「ギャラリー」だけは16件にしたい！ といった場合の対処方法です。 対象のカスタム投稿タイプのテンプレートファイルでquery_postsを使って表示件数をセットしなおす方法もあります。ちょっと前にそういった内容をご紹介させていただきました。 参考：WordPressでアーカイブ毎に表示件数を変える方法 が、functions.phpでpre_get_postsをフックする方法を知った今、こっちの方がスマートじゃないか！と思った次第であります。 テンプレートファイルに書く手法だと、変更したいテンプレートファイルすべてに記述が必要になっちゃうからね。 pre_get_pos
サムネイルを作成する（削除する） | WordPressでホームページ制作 太陽ブログ
情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。 プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。 2010.02.28公開 Regenerate Thumbnails：サムネイルのサイズを変更したときなど、サムネイルを作り直してくれる(正確に言うと、新たに設定したサイズでサムネイルを作ってくれる)プラグイン。http://wordpress.org/extend/plugins/regenerate-thumbnails/ 自分のブログでおよそ1年分の投稿のサムネイルを作ってみたところ、(投稿が多い場合は時間がかかると注意書きはあったが)75％から一向に進まなくなってしまい、結局全投稿分のサムネイルは作れなかったが、実際に必要なのは2ヶ月分ほどだったので充分役に立った。 Youtube Th
画像サイズを「サムネイル」「中」「大」「フルサイズ」から選択または任意のサイズを指定する
ブロックエディタでは記事に「画像」ブロックを追加し画像ファイルをアップロードすることで記事に画像を表示することができますが、追加された画像をどのサイズで表示するのかを選択することができます。ここではブロックエディタを使っている場合に記事に追加した画像のサイズを選択する方法および任意のサイズを指定する方法について解説します。 画像のサイズを「サムネイル」「中」「大」「フルサイズ」から選択する 画像サイズの選択方法を確認するため、新しい記事を作成し「画像」ブロックを追加しました。 「アップロード」をクリックして、表示する画像ファイルを選択します。今回は画像サイズが 4800 x 3200 の画像をアップロードしました。 画像を記事のなかでどれくらいの大きさで表示するのかの設定は、サイドバーオプションの中の「画像設定」で行います。 「画像サイズ」の下にあるドロップダウンメニューをクリックすると、
思ったより簡単！WordPressのサムネイルを別サイズも含め作り直す方法！！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。プログラマーの卓司です。 今回はWordPressのサムネイルを再度、別のサイズも含めて作成する方法をまとめます。 0. 前段 先日、某WEBサイトの機能改修でサムネイルの画像サイズが微妙に異なるものを利用したいとの要望がありました。 『お。サイズ変えたいんだ。widthとheightいじってさくっとおわらせちゃお。』 WordPress中々さわる機会がなかったので、ソースを読んでびっくり。 サムネイル出力は <?php the_post_thumbnail('large-feature'); ?> と。。。 『え？画像サイズ変えりゃ済むもんじゃないんですか？』 有識者様に相談した所、新たに使いたいサムネイルのサイズを定義して、再度サムネイルを作成し、それを参照するのだそうで。。。 WordPress一年生の僕には『うわっ、面倒。。。』と少し抵抗がありました。 しかし、やってみ
functions.phpに書いておくといいかもしれないコードいろいろ
WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、本当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。
webmobile – Pixel/iPhone/amazon/SIMの使い方！
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
amateurinterracial.biz
Welcome to the home of amateurinterracial.biz Enter
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://syuukyaku-web.com/wordpress31.html
適切なテンプレートファイルを用意してテンプレート内の振り分け処理を無くす