無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
WordPressで自作のjQueryスクリプトを実行する方法
WordPressで自作のjQueryスクリプトを実行する方法 ただいま大人気のjQueryですが、Wordpressで使用する場合いろいろお決まりごとがあるようです。 なので今回はWordpressでjQueryスクリプトを書くときの注意事項をメモっておきます。 投稿日2010年07月30日 更新日2011年04月03日 通常のHTMLでのjQueryの使用 Wordpressを使用していない静的HTMLでのjQueryの使用方法から見ていきましょう。 例えば、h2を消したいなんて場合こんな感じになりますよね。 JavaScript <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("h2
カスタム投稿タイプの一覧ページの作成 | Web Design Leaves
WordPress で作成した個々のカスタム投稿タイプの一覧ページ作成に関するメモ。 個々のカスタム投稿タイプの一覧ページを作成する場合、以下のような方法がある。 固定ページを作成して表示 アーカイブページを作成して表示 カスタム分類のページを作成して表示 以下はそれぞれの方法を使って一覧ページを表示する場合の例（概要。詳細は省略） 目次 カスタム投稿タイプの作成 このサンプルでは以下のようなカスタム投稿タイプを作成 投稿タイプ名：events カテゴリー：events_cat タグ：events_tag functions.php（抜粋） //カスタム投稿タイプを登録 function new_post_type() { register_post_type( 'events',//投稿タイプ名（識別子） array( 'label' => 'イベント', 'labels' => arr
特定のカテゴリ記事を新着順にトップページへ表示する方法 [WP] | それからデザイン スタッフブログ
トップページでよく見かけるブログの新着記事ですが、 ブログ全体の新着記事ではなくて、ニュースなど特定のカテゴリ記事だけ一覧表示したいときってありませんか？ 例えば、下図のように「ニュース」「ブログ」と分けて投稿記事を表示したときなど、結構あるのではないと思います。 WordPressでは、特定の条件を指定して投稿記事を呼び出すquery_posts()という関数がありますので、この関数をうまく使って特定のカテゴリーに紐付けされた記事のみ表示される方法をご紹介したいと思います。 STEP１ 特定のカテゴリIDを調べる 管理画面より、カテゴリ作成ページを開きます。 下図の右側、「編集」ボタンを押すと該当するカテゴリの編集画面に遷移するので、URLの「tag_ID」に注目をします。 ↓ 下図は、カテゴリ編集ページのURL（編集ボタンを押した後のページ）を、ブラウザで確認した画面です。 イコール（
![特定のカテゴリ記事を新着順にトップページへ表示する方法 [WP] | それからデザイン スタッフブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a144f7708f1f05e222794cc702e75ab52686e31/height=288;version=1;width=512/https%3A%2F%2Fsole-color-blog.com%2Fphp%2Fwp-content%2Fuploads%2Fsites%2F2%2F2014%2F04%2F6-5_03.gif)
WordPressのループの仕組みを深く知る query_posts() と get_posts() の違い | hijiriworld Web
Posted on: 2012/02/13 WordPressのループの仕組みを深く知る query_posts() と get_posts() の違い WordPressループの基本 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <!-- 表示内容を記述 --> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <?php the_content(); ?> </div> <?php endwhile; ?> <?php endif; ?> これは WordPressループの基本構文です
WordPressで画像に自動追加されるようになったsrcset属性とsizes属性を無効化する方法 | TechMemo
WordPress4.4以降では、画像を出力する際にsrcset属性とsizes属性が自動で追加されるようになりました。例えば、以下のような感じで、挿入した画像に自動的にsrcset属性とsizes属性が追加されます。 <img width="758" height="419" src="https://techmemo.biz/wp-content/uploads/2016/07/example.png" class="attachment-featured size-featured wp-post-image" alt="" title="" srcset="https://techmemo.biz/wp-content/uploads/2016/07/example.png 758w, https://techmemo.biz/wp-content/uploads/2016/07/
WordPressのパーマリンク設定を変更して、SEOや日本語URLの対策をしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のエリーです。 みなさん、「パーマリンク」というものをご存知ですか？ 生きていく上でおおよそ必要のなさそうな単語ですが、WordPressでブログを書いている人やこれからブログを始めようとしている人には、とても重要なものです。 またブログに限らず、Webサイトの根幹に関わる要素の1つとして、初期段階で構成を決定した方が良いと言われています。 そこで今回は、一体どんなパーマリンクが理想的なのか、なぜ重要なのかをWordPressに最適化した超高速サーバー「Z.com for WordPress」さんにお聞きしました。 ▼目次 パーマリンクってなに？ 理想的なパーマリンクは？ 上記パーマリンクが理想的な4つの理由 なんでシンプルなURL構造が良いの？ 日本語URLはダメなの？ パーマリンクとSEOの関係は？ 解析しやすいパーマリンクって？ パーマリンクの設定の仕方 1
「Custom Permalinks」で特定のパーマリンクを設定すると404エラーになる問題 - Suikolog
いやー、かなり弱っておりました。 クライアントさんから「新規記事を作ったけれど、そのパーマリンクにアクセスすると404になるんだけど」というリクエストが来まして。 そのサイト、「Custom Permalinks」というプラグインを使ってます。ちょっとこれまでにも小さな問題やnoticeを吐き出しまくる困ったちゃんだったので正直「またか」という気分だったのですが。 確かに「その記事だけ」パーマリンクがおかしく、404になってしまう。 ググってみても大体は.htaccessの問題で全てのシングルページが404になる、というお話ばかりで、どうにも糸口がつかめずにいたのです。 対症療法として気づいたのは、そのページのカスタムパーマリンクを一文字でも変えると、うまくつながるということ。 しかしそれでは、症状が出たときにクライアントさんが思ったようにパーマリンクを設定できないということで、できれば根
条件分岐で表示切り替えのまとめ
WordPress（ワードプレス）の「条件分岐タグ」。 サイドバーの内容を、トップページではこうで、カテゴリーAではこうで、固定ページで作ったこのページだけはこんな感じで….と、表示内容を切り替えたい時、毎度毎度ググってる、モノ覚えの悪い自分のタメのまとめ記事です。 トップページ <?php if ( is_home() || is_front_page() ) : ?> トップページの場合のみ表示 <?php endif; ?> 投稿の個別ページ <?php if(is_single()): ?> 投稿の個別ページの場合のみ表示 <?php endif ?> 投稿個別ページをさらに細かく分岐 <?php if(is_single()): ?> <?php if(is_single('ID')): ?> <?php if(is_single('投稿のタイトル')): ?> <?php if
カスタム投稿タイプのシングルページにてカスタムタクソノミーの情報を色々取得する
カスタム投稿タイプの single.php （ single-投稿タイプ名.php ） にて、get_the_terms を使ってその投稿記事が属するカスタムタクソノミー情報をいろいろ取得する方法のメモです。 get_the_terms の使い方 以下のようなコードで表示している個別記事のカスタムタクソノミー情報（配列）を取得し $tarms に入れる事ができます。 <?php $tarms = get_the_terms( $post -> ID ,' タクソノミー名' ); ?> $tarms に入れたタクソノミー情報から、もし分類名を取り出す場合は以下のようにすれば、$tarmnameに分類名が入ります。 <?php foreach ( $tarms as $tarm ) { $tarmname = $tarm -> name; // スラッグなら $tarm -> slug } ?
【WordPress】「wp_head();」で自動的に出力される余分なタグを削除する方法。（WordPress 4.4 対応）
【WordPress】「wp_head();」で自動的に出力される余分なタグを削除する方法。（WordPress 4.4 対応） ワードプレスで wp_head(); を記述した際に、head内にmeta name="generator"やlink rel="wlwmanifest"などの必要がないHTMLが出力されることがあります。 これはデフォルトで用意されている関数「remove_action」を使って綺麗に成形することができます。 例えばhead内に出力されるタグには以下のようなものがあります。 meta name=”genarator” link rel=”alternate” link rel=”EditURI” link rel=”wlwmanifest” link rel=”prev” link rel=”next” link rel=”canonical” link re
[WordPress]wp_head()のいらないタグを削除してをスッキリさせる方法 | TechMemo
WordPressを使ってサイトを作成すると、自動的に<head>に追加される項目がいくつかあります。自動で追加されるメタ情報などのタグは、テーマファイルのheader.phpをみてもらうとわかりますが、wp_head()というWordPressの関数で呼び出しています。 header.phpを見ると、以下のような記述がありませんか？この部分がタグの情報を呼び出しているんです。 <?php wp_head(); ?> でも、追加されるタグの中にはいらないものも結構あるんですよね。 今回はいらないタグを削除してヘッダーをすっきりさせる方法をご紹介いたします。 wp_headの情報はどこから読み込んでいるのか wp_head()で呼び出されるタグは、/wp-includes/default-filters.php に記述されています。default-filters.phpを開くと、以下のような
![[WordPress]wp_head()のいらないタグを削除してをスッキリさせる方法 | TechMemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e6ff0c254b0853115cf6b4895c6c9a48dabd0ec/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2013%2F03%2Fwp_head.jpg)
WP to Twitterプラグイン(Twitterと連携し公開した記事をTwitterに投稿) - WordPressプラグインの一覧
WP to Twitter プラグインは WordPress で作成したブログで記事を公開したり更新したりした時に自動的に Twitter へツイートしてくれるものです。ここでは WP-DBManager プラグインのインストール方法と使い方について解説します。 WP to Twitterプラグインのインストール WP to Twitterプラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「WP to Twitter」と検索されて下さい。 「WP to Twitter」プラグインが表示されましたら「いますぐインストール」と書かれたリンクをクリックしてインストールして下さい。 インストールが完了します。 なおダウンロードしてインストールされたい場合は下記のURLからダウンロード
カスタム投稿タイプのURLに階層構造を持たせる[WordPress]
まえがき カスタム投稿タイプのアーカイブのURLは普通こんな感じ。 “kotori-blog.com/投稿タイプ名” これに階層構造を持たせたい場合が多々あります。 例えばこんな感じ。 “kotori-blog.com/custompost/投稿タイプ名” 第三階層くらいまであるサイトだとURLの構造って大事だったりしますよね。 今までは「無理だろ」と思って諦めていましたが先日、とうとう発見しました！ そんな感じでこの記事はカスタム投稿タイプのURLに階層構造を持たせる方法を紹介します。 因みにプラグイン「Custom Post Type UI」を使用します。 使用したこと無い人は使ってみてください。 カスタム投稿やカスタムタクソノミーの追加がめっちゃ簡単にできます。 Custom Post Type UIの使い方 この記事では「Custom Post Type UI」の使い方は割愛するの
![カスタム投稿タイプのURLに階層構造を持たせる[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/641b15857bacca5b0cc7e3ff84b54dc0283159c1/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb2.gif)
Custom Post Type UIの使い方[WordPress]
まえがき WordPressの記事を投稿する場合、「投稿」か「固定ページ」から操作しますが、この2種類以外の項目を追加することができます。これをカスタム投稿タイプを追加するというのですが、今回はその「カスタム投稿タイプ」をメチャクチャ簡単に増やせるプラグイン『Custom Post Type UI』の詳しい使い方を紹介します。 プラグインを利用しない場合はfunctions.phpにコードを追加する方法がありますがKoToRiは『Custom Post Type UI』使っちゃいます。だって簡単なんだもの！ 因みに『Custom Post Type UI』はカスタム投稿タイプだけではなく「カスタムタクソノミー」の追加・編集にも対応しています。 『Custom Post Type UI』のインストール 管理画面「プラグイン」→「新規追加」の検索フォームに「Custom Post Type U
カスタム投稿タイプのパーマリンクを変更する『Custom Post Type Permalinks』
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき インストールするだけでカスタム投稿タイプのパーマリンクを個別に変更できる『Custom Post Type Permalinks』というプラグインを発見しました。 Custom Post Type Permalinks 『Custom Post Type Permalinks』はカスタム投稿タイプのパーマリンクを個別に変更できるだけでなく他にもいいことがあります。 いきなりですがカスタムタクソノミーのアーカイブページのURLに違和感を感じたことはありますか？ というのもカスタム投稿タイプの分類にカスタムタクソノミーを設定している場合 WordPressデフォルトの設定だとカスタムタクソノミーのアーカイブペー
WordPress カスタム投稿タイプ情報取得
前回の WordPress 記事のいろんな情報を取得する の流れで今回はカスタム投稿タイプの投稿タイプの情報取得します。 get_post_type_object(get_post_type()); でカスタム投稿タイプの情報が取得できます。get_post_type()にポスト名指定すれば個別に取得することも可能です。 カスタム投稿タイプのラベルを表示させたい時は <?php echo esc_html(get_post_type_object(get_post_type())->label ); ?> このような感じです。 また、カスタム投稿タイプの投稿タイプ概要を表示。 投稿タイプ概要 esc_html(get_post_type_object(get_post_type())->description); 結果：動物に関する記事です。 投稿タイプ名（スラッグ） esc_html(g
WordPressを100倍速くする！ MySQLの調整やnginx proxy cache | KRAY Inc
[追記１] 最後で説明しているproxy cacheの設定を修正しました。 [追記２] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記３] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W
WordPressカスタム三兄弟、concrete5ならこう作る。
concrete5 harvest festival 2015秋で紹介したスライドです。Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無効なURLです
