Bootstrap ならこんなに簡単にレスポンシブ対応のWordPressオリジナルテーマが作れますよ
数か月前にライブドアからWordPressに返り咲いたこのブログ、元の無料テーマを利用せずに完全オリジナルテーマで仕切り直ししました。とはいっても、Bootstrap というスマホ重視のレスポンシブテーマを作れるCSSフレームワークを活用しました。ど素人の私でもそれを可能にしてくれた参考ブログやサイトを手順ごとにご紹介します。ブログやサイトの訪問者の半分近くはスマホを利用しています。我がブログの訪問者も例外ではありません。そこでGoogleはレスポンシブテーマを利用して、HTML構造は共通化してCSS（スタイルシート）でモバイル表示やPC表示を切り替えることを勧めています。メンテナンス性に優れているからです。参考 スマートフォン向けウェブサイトの構築 – Webmasters — Google Developersでもレスポンシブ化はかなり勉強と骨が折れる作業が必定です。そこで役立つの B
各固定ページのページデザインをテンプレート選択で可能にする方法 | はじめてのWordPressまとめ
はじめに このサイトは、WordPressのカスタマイズが出来るようになるための参考サイトとして作成した。 もし興味を持った事があり、それに対して深い知識を得たいと思うならば、他サイトを参考にしてもらいたい。 WordPressのインストール方法 XAMPPでローカル環境構築して、簡単WordPressインストール 今回はこちらの場合で説明を行う。 USBメモリにWordPress用のローカル環境を3分で構築、お手軽過ぎるInstant WordPress すぐにWordPressを使いたい場合にオススメ。 WordPressをカスタマイズするために必要な知識 WordPressのカスタマイズでは、大きく分けて下記の６つを理解しなければならない。 ・WordPressテンプレートタグ http://wpdocs.sourceforge.jp/テンプレートタグ ・WordPress条件分岐タ
wordpressの1つの固定ページだけヘッダーを変える方法
今回は特定の固定ページだけヘッダーを変える方法をご紹介します。他にも特定の投稿・特定の記事のサイドバー・特定カテゴリーのサイドバーを変える方法などかなり幅が広がりますよ〜 特定の固定ページのヘッダーを変えるphpコード <?php if (is_home()) {?> <p>ここにトップページに書きたいコード</p> <?php } else if (is_page('19')) { ?> <p>ここに固定ページID19に書きたいコード</p> <?php } else{ ?> <p>ここにトップページ・固定ページID19以外に書きたいコード</p> <?php } ?> これは固定ページID19のコードを変更したいときに書きます。 数字はurlに書いてあります。urlの吐き出し方をカスタマイズしている方は番号を調べるために方法があります。 特定複数の固定ページのヘッダーを変えるphpコー
プラグイン不要でFacebook OGPをコピペでサクッと設置する方法｜WordPressカスタマイズ
<!-- OGP --> <meta property="og:type" content="blog"> <?php if (is_single()){//単一記事ページの場合 if(have_posts()): while(have_posts()): the_post(); echo '<meta property="og:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";//抜粋を表示 endwhile; endif; echo '<meta property="og:title" content="'; the_title(); echo '">';echo "\n";//単一記事タイトルを表示 echo '<meta property="og:url" content="';
Youtube動画を背景に設定可能なWordPressテーマ・「WP-Tubular」を作ったので無料配布します
先週の土曜日に書いた記事が思い のほか、ご好評でしたので調子に のってWPテーマにしました。管理 画面でYoutubeのIDを指定すれば、 背景にしている動画を変更する事が 出来ます。勿論無料ですし、リンク の表記も不要です。 もともと、使用しているjQueryのプラグインであるjquery-tubular自体、クロスブラウザに対応（IE6で動作せず、IE7でレイアウトにズレ）していませんのでこのテーマもそんな感じです。jquery-tubular自体のライセンスはMITになります。 昨日、たまたま時間が開いたので突貫工事的に作りました。使用しているjQueryは以前書いた記事をご参照ください。 動画の指定方法 肝心の動画の指定方法です。WP-Tubularを有効化すると、管理画面の外観の所に設定項目の「WP-Tubular Settings」が追加されます。 この項目でYoutubeの動
WP Maintenance Mode: メンテナンスのお知らせを表示できるWordPressプラグイン
LightStart（旧名称：WP Maintenance Mode）は、ブログのメンテナンス中のページを表示できるWordPressプラグインです。 ブログのメンテナンス中に、ブログのフロントエンド（公開領域）を非公開にして、メンテナンス中のメッセージを表示できます。ブログのリニューアルなど、サイト全体に変更を加えている作業途中に利用すると役に立ちます。 メンテナンス中のメッセージの文言は、自由に変更できます。それに加え、自分が用意した背景画像または、予め用意された背景画像から選択して表示することができます。 ちなみに、管理者ユーザーでログインした状態では、自分のブログにアクセスしてもメンテナンス中の画面は表示されません。自分自身（管理者ユーザー）にはメンテナンス中の画面が表示されないので、ブログのリニューアル作業を妨げることはありません。
ドメイン変更を伴うWordPressサイトのサーバー移転方法 - WordPressの使い方と設定 - Webkaru
ドメイン変更を伴うWordPressサイトのサーバー移転の方法を紹介します。 ドメイン変更を伴わないレンタルサーバーのお引越しについては、以下のリンクを参考にしてください。 » WordPressサイトのサーバー移転方法 MySQLのエクスポート phpmyadminを利用して、移転前のMySQLデータベースをエクスポート（sqlファイルのダウンロード）します。 » MySQLデータベースのエクスポート データベースの作成 移転先にWordPressサイトのデータをインポートするためのMySQLデータベースを作成します。 » MySQLデータベースの作成 MySQLのインポート ダウンロードしたsqlファイルをそのまま変更せずに（ドメインは後ほど書き換えます）移転先のMySQLデータベースをインポートします。 » MySQLデータベースのインポート WordPressファイルのダウンロード
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 - かちびと.net
WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。 確かに毎回アイキャッチを登録するのも、慣れていないと面倒です。しかし、何もしないとレイアウトが崩れてしまう場合もあります。その為、テーマファイル内で条件分岐して、レイアウトを調整して・・・というのも面倒ですよね。 なので、アイキャッチを設定しない際は自動でデフォルト画像が表示されるようにしましょう、というのが今日の内容です。 よく使われる方法 if (has_post_thumbnail()) { the_post_thumbnail(); }else { echo '<img src="' . get_bloginfo('template_directory') . '/images/default.png'
Akismetとは！Wordpressで、スパムコメント対策をしてみる
公開日：2013-12-14 更新日：2022-10-16 Akismetとは、記事にコメントを投稿してもらった場合に、自動的にスパムコメントを分類してくれるプラグインです。 WordPress 2.0 以降のバージョンを利用している方は、デフォルトでインストールされています。 当ブログでも、一日数百件のスパムコメントがきます。 それらを一件一件、”スパムコメントだったら、手動で「スパム」フォルダへ移動する。。。”なんて事をやっていたら日が暮れてしまいます。 そこで、非常に便利なのが「Akismet」なのです。このプラグインを利用すれば、スパムコメントは自動で「スパム」フォルダへ移動されます。さらに、「事前に決めておいた時間」が経過したら、自動的に削除もしてくれます。 今回の記事では、この「Akismet」をインストール・設定する手順の解説と、実際にスパムコメントがちゃんと分類されているか
ねたわん – WordPress推しブログ
WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。
WordPress コメント承認をOFFにできない現象の原因は？ | ハイサイ開発ブログ
記事に対してのコメント機能がWordPressには存在するが、WordPressの設定画面→ディスカッションからコメント投稿があったら承認するか、承認しないか選ぶことは可能である。 管理者の承認を常に必要とする すでに承認されたコメントの投稿者のコメントを許可し、それ以外のコメントを承認待ちにする 上記のチェックボックスを外してもなぜか自動承認にならなかったです。 なぜ？ 他の方のサイトを見ると上記の対応で済んでいるのになぜ自分のサイトだけ？ カスタムが原因なのか？ 30分くらい色々調査して、問題が解決した。 原因は・・・ 『Akismet』プラグインが原因でした。 WordPressの最新版を入れるとデフォルトでインストールされているプラグインなので、いつの間にか私みたいにONにしている方がいるはずだ！ｗ ということで、 『Akismet』プラグインをOFFにすると自動承認になります。
WordpressのコメントのHTMLタグを禁止する | トリコロールな猫
WordPressでは、コメントで使えるHTMLタグが決まっており、許可されたタグ以外はすべて削除されてしまいます。 Wordpressネタを書いている以上、コメントでHTMLやPHPのコードを書くこともあるかもしれませんので、HTMLタグはすべてエスケープして表示するようにしました。 エスケープする関数はfunctions.phpに PHPには、HTML的に特殊な文字（、&など）をHTMLとして解釈せずそのまま表示できるように変換する（エスケープする）htmlspecialchars()という便利な関数があります。 この関数を通すと、たとえば「<」が「＆lt;」になったりするわけですね。 コメントの本文はcomment_text()関数によって取得されますので、 HTMLタグをエスケープする関数を作成 comment_text()の結果を1.の関数に通す（フィルタリングする） ことで
WordPressの公式アイコンフォントのDashiconsの使い方 – わーどぷれすっ!!
宮さんが「ういーっす。Dashicons in WordPress 3.9の日本語訳はないの〜?」って言ってたので訳そうと思ったんだけど、Dashiconsの使い方そのものの日本語訳が見つかんなかったんで、ついでにご紹介。 「Dashicons」はWordPress 3.8から導入され、先日リリースされ、3.9でさらにいくつか追加されたWordPressの管理画面で使われている公式のアイコンフォントで、 こんなようなやつです。 テーマで使うには functions.phpに以下を追加して、 add_action( 'wp_enqueue_scripts', 'themename_scripts' ); function themename_scripts() { wp_enqueue_style( 'themename-style', get_stylesheet_uri(), array
WordPressのページネーション(ページ送り)生成プラグイン『WP-PageNavi』と『 WP-Paginate』を比較
WordPressのページネーション(ページ送り)生成プラグイン『WP-PageNavi』と『 WP-Paginate』を比較 2013年2月7日 ツイート WordPressでは、デフォルトテーマでは 「←過去の投稿 新しい投稿 →」 というリンクが用意されていて、アーカイブ（一覧）ページを行き来することができますよね。 これにはnext_posts_link、previous_posts_link というWordPress関数が使われています。 例えば、Twentytenではこんなふうに記述されています。 <?php /* Display navigation to next/previous pages when applicable */ ?> <?php if ( $wp_query->max_num_pages > 1 ) : ?> <div id="nav-above"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://infinityforest.net/home/archives/2302
WordPressのコメントシステムから不要なタグの許可を取り消す方法 - Devslog
http://www.seotemplate.biz/blog/wordpress-tips/1066/
http://wordpress.hitsuji.me/show-excerpt/
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net
そば.biz
