少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
WordPress 無料テーマ > ブログ/マガジン > Catch Box：レスポンシブ,シンプル
WordPressテーマ情報 テーマタイトル：Catch Box ver ver 2.6.2 作者名：CATCH THEMES 言語：英語 用途：ブログ・マガジン, レスポンシブ 価格：無料 配布元最終確認日：2013年8月25日 DEMO デモサイトを見てみる Download 配布元サイトを見てみる 本日ご紹介させていただくのはブログ用のWordPress無料テーマ「Catch Box」です。 個人的には好きなタイプですが、これまでにご紹介してきた他のテーマに比べ、取り立ててこれがどうのこうのというような特徴、強み、目玉、真新しさといったものはありません。 とはいえ、レスポンシブデザインや自由にページレイアウトを組み替えることができる機能、あるいはスライドショーが標準装備されている点など、全体的に平均点が高いテーマであるということは間違いありません。 なんというか、クラスに一人はいる「
【2024 年最新版】ブログ運営におすすめの便利ツール・Web サービス - Naifix
WordPress でブログを運営する場合、レンタルサーバーが必要です。 個人ブログであれば月額 300 円ほどの格安サーバーでも問題ありませんが、表示速度や安全性を考えると月額 1,000 円前後のサーバーがおすすめ。なかでも「エックスサーバー」は安定度が高く、サポート体制も充実していてイチオシです。 Cocoon WordPress には様々なテーマがあり、デザインだけではなく機能面も強化できます。 日本語対応の無料テーマで群を抜いているのは「Cocoon」で、前述のエックスサーバーではファイルをダウンロードしなくても簡単にインストール可能です。 有料テーマを使ったほうが検索で有利になる、ということはないので、初期費用をおさえたいなら Cocoon を使いましょう。 TeraPad WordPress の各ファイルを編集（カスタマイズ）するには、テキストエディタが必要です。 管理画面か
【WordPressプラグイン】functions.phpをいじりたくない人向け20選 | SONICMOOV LAB
はじめまして！(゜ω゜) こんにちは。こんばんは。おはようございます まりぞーです。ひよっこ新人です。 ゆるキャラとFPSゲームとおいしい食べものが好きです。 よろしくお願いします。 今回ご紹介するのはこちら、Wordpressをカスタマイズしたいけどfunctions.phpにはあまり触れたくない人へ向けたプラグインのまとめです。ワースゴーイ！ ひととおり使ったことのあるものをピックアップしましたが記憶が曖昧だったりするので、使い方・設置方法などはリンク先参照、あるいはGoogle先生を頼ってくださいね（まるなげ）。 管理画面のカスタマイズ Admin Menu Editor WordPress Plugins：https://wordpress.org/plugins/admin-menu-editor/ 管理画面を簡単にカスタマイズするためのプラグインです。メニュー項目の順序や名称変
【WordPress｜stinger3】Facebookのいいね！を押したら、投稿欄が出るようにするカスタマイズ #Stinger-WP | 女子ビズ
HOME » ブログ » WordPress » 【WordPress｜stinger3】Facebookのいいね！を押したら、投稿欄が出るようにするカスタマイズ #Stinger-WP stingerはいいね！を押しても投稿欄が出ない コスメサイトで使っているWordPressの国産無料テンプレート「Stinger」は、最初から、ソーシャルボタンがつけてあって、便利なのですが、Facebookのいいね！を押しても、コメント欄が出ないのが不満です。 そこで、ソーシャルボタンは２つありますが、記事下だけでも、見た目はそのままにコメント欄が出るようにカスタマイズしました。 ちなみに、この写真はこの記事。 オラクルの化粧水がアトピー肌に心地よい！ 今回のカスタマイズは、こちらのカスタマイズがしてあることが前提です。 わかりやすい！WordPressでFacebookのOGP設定！プラグインを使わ
WordPress逆引きLIG辞典！過去のお役立ち記事をまとめました。 | 株式会社LIG
LIGライターになる以前はLIGサイトを辞書代わりに使っていたライター内藤です。 LIGでは、Web制作の現場で実際に使われている技術をブログとして公開しています。 今回は、過去に公開されたWordPress関連の記事を目的別にまとめてみましたので、辞書代わりに使ってみてください。きっと役に立つこと請け合いです。 （このページをブックマークしておくか、Evernoteに保存しておくのがお勧めです。） 索引 ユーザの更新作業をスムーズにする(管理画面のカスタマイズ) サイト管理者の運用効率を高める Webサイトの価値を高める 多彩なWebサイト構築のための技術 パフォーマンスとセキュリティを高める トラブル(不具合)対処 サーバ関連 WordPressの書籍 ユーザの更新作業をスムーズにする(管理画面のカスタマイズ) 記事投稿がしやすくする WordPressでクライアントのために出来る
[WordPress]カスタムメニューをよりフレキシブルに。 | バシャログ。
先週末、会社のソフトボール大会に参加してきました。 こんにちは、戦犯の Latin です。 さて今回は、前回の「[WordPress]オリジナルのカスタムメニューを作成する」の応用編という事で、register_nav_menus関数を使った応用編をまとめてみようと思います。 前回は wp_nav_menu 関数で menu に直接パラメータを渡す事で作成したテンプレートファイル側で直接、カスタムメニューと紐付けてあげる、といった方法でした。 小規模であればこれでもいいのですが、カスタムメニューの数が増えた場合やメニューの内容を差し替えたい場合に、一々テンプレートファイルを書き換えなければならず、 メニューの数が増えれば増えるほど管理も運用も大変になる、といった問題を抱えていたりもします。 そこで register_nav_menus 関数を用いる事で、「管理画面上からサクッとメニューを切
![[WordPress]カスタムメニューをよりフレキシブルに。 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b53dec6a802a8894496962b618bea8a7e8829438/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_wordpress.png)
テンプレートやテーマ作成に必須な２９
作成：2013/07/8 WordPress > 自分だけのテーマを作りたい、最初から知っておけば、重いプラグインだらけにならずに済んだテンプレートタグやカスタマイズ方法。 WordPressでテーマをいじる時に、「これ、最初から知っておきたかったな」とか「プラグインなんかいらなかったなぁ～」と思えたテンプレートタグやファイルなどをメモ。 これからWordPressでもカスタマイズしてみるか！という人のために、自分の復習もかねてご紹介します。 エンジニア速報は Twitter の@commteで配信しています。 もくじ メタ／SEOを自動化 １．keywordsとdescriptionを自動出力する ２．タイトルが空のとき、HTML要素を出さない処理 ３．canonical／正規URLのみを検索に表示する ４．jQueryや外部 JavaScript の競合を避ける 画像 ５．記事中の最初
WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ - かちびと.net
記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_hea
query_postsを捨てよ、pre_get_postsを使おう【追記あり】【報告あり】
[2013-07-15追記] より詳しい補足記事を書きました。 → WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_postsまとめ】 WordPressのテンプレートをカスタマイズしようとして高確率でハマったり事故ったりするのが query_posts 関数というやつでして、ぐぐってみたらこの1年以内にも query_posts の使い方を「WordPress使うなら必須知識！」として解説したり、いまだに $paged を引数で渡さなきゃいかんとか、書いてあるブログ記事もたくさん見つかりまして頭痛が痛くなります。この際、はっきり言っておきましょう。 もう query_posts は一切使う必要ありません。 いやまあ、かく言うワタシも迷っていた時期がありまして。でも周りのWPerにquery_posts要らないらしいよ？という話を聞く
WordPressで複数のクリエイターが存在するポートフォリオを作る考え方 | バニデザノート
今回の場合は、ポートフォリオの詳細ページと、クリエイターの詳細ページが必要なので投稿タイプに「team」「portfolio」を（以下カスタム投稿＝「post_type」カスタムタクソノミー＝「taxonomy」として表記します。） また、「post_type:team」はカテゴリー分けしておきたいので「taxonomy:creator_type」を ポートフォリオでは「post_type:project」と、「post_type:team」との紐付けがしたいので「post_type:project」→「taxonomy:creator_name」というタクソノミーを連結させてみます。 また、「post_type:team」から「post_type:project」を呼び出すフラグとしてタクソノミー「taxonomy:creator_name」→「post_type:team」にも連動させ
WordPressの管理バー（Admin Bar）に項目を追加したり削除したりする方法のまとめ | Firegoby
たまにAdminバーをカスタマイズする機会があるのですが、たまにしかやらないのですぐ忘れてしまうので、個人的な覚書として。 Adminバーから項目を取り除く Adminバーの項目を取り除くには、remove_node() というメソッドを使用します。 add_action('admin_bar_menu', customize_admin_bar_menu', 9999); // 優先順位は大きめで！ function customize_admin_bar_menu($wp_admin_bar){ // Adminバー左側 $wp_admin_bar->remove_node('wp-logo'); // 一番左のWordPressのロゴを消す。 $wp_admin_bar->remove_node('site-name'); // 左から2番めのサイト名を消す。 $wp_admin_b
Pinboard -WordPress初心者でもカスタマイズできる無料テーマ【前編】
もう1年くらい前に公開されたテーマでなにを今さらっていう声が聞こえてきそうですが、とても使いやすそうなおもしろいテーマだったのでご紹介。ワードプレス使ってるブロガーさんでウェブの知識がない僕みたいな人でも直感的にカスタマイズできて感じがいいデザインに仕上げることができますよ。 Pinboard -Free WordPress Theme- 適度にミニマルでいろんな機能が盛り込まれたワードプレス無料テーマ。ワードプレスの公式ページ（http://wordpress.org/extend/themes/）の中でもいまだに上位にランクインしてます。 特長 (via:One Designs) 柔軟性のある複数列のグリッド レスポンシブルレイアウト サムネイル表示 多数のフォーマット オーディオ&ビデオ再生 専用のポートフォリオセクション 複数のレイアウトオプションとカスタムページテンプレート カス
WordPressの投稿記事を、最新の更新時間順に表示したい | WordPress（ワードプレス）とプラグイン
2013-02-06 WordPressの投稿記事で、以前書いた記事を更新した場合でも「投稿日」が古いと新着欄に表示されないので、更新しても埋もれてしまうなあ・・と思っていました。そこでサイドバーやメインページで、「最新更新順」に表示させる方法はないだろうか？と思って探してみたところ、プラグインなどは使用せずWordPressにもともとあるコード等を使って、テンプレート内に追記すればOKのようでした。 サイドバーなど最新更新記事一覧を表示させたいテンプレートにて、以下のようなコードを追記すると、更新順に記事が表示されました。 <h3>更新履歴</h3> <ul> <?php query_posts($query_string .'&orderby=modified'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_
ドラッグアンドドロップで簡単に並び順を変更できるWordPressプラグインまとめ
巷ではWordPressをCMSとして利用する機会が増えているかと思いますが、WordPressの残念なところに並び替え機能の貧弱さがあります。カテゴリーやタクソノミーの並び替えは標準ではできないし、固定ページの並び替えはできるものの、手動で数値を入力しないといけない方式なのでページ数が増えると管理が煩雑に…そこで、ドラックアンドドロップで記事やカテゴリーの並び順を簡単に変更できるプラグインを調べてみました。 カスタム投稿タイプを並び替えたい！ Simple Page Ordering 固定ページおよび階層を持つカスタム投稿タイプを並び替えることができるプラグイン。独自の管理画面ではなく、ページ一覧画面にドラッグアンドドロップでの並び替え機能が付加されるので直感的。固定ページ、階層を持つカスタム投稿タイプを並び替えたい場合は一押しです。 WordPress › Simple Page Or
WordPressでカテゴリごとにサイドバーを変更する2つの方法 +ランダム機能
WordPressでカテゴリごとにサイドバーを変更する2つの方法です。１つのサイトでいろいろな記事を書いている人は、広告の呼び分けにも便利かもしれません。覚書です。 1つ目の方法はSidebar.phpをいくつか作って、if文で呼び分けるだけです。 詳しくこちらに書いてありましたので、割愛。助かりますね。^^ カテゴリーごとにサイドバーを変更：WordPress | KH-WEBLOG 2つ目の方法はプラグインを使うだけです。Custom WidgetsやWidget Logicなど、ウィジェット系のプラグインはいくつかあるのですが、Display Widgetsが１番容易で使いやすかったです。 WordPress › Display Widgets « WordPress Plugins ウィジェットの項目から、各々の項目を表示にするか非表示にするかを選べます。表示するもののみチェックも
スターターテーマ _s を使ってWordPressのテーマをつくる（準備編） | Gatespace's Blog
WordPressにはデフォルトで「Twenty Eleven（3.5から）」「Twenty Twelve」「Twenty Ten」というテーマが付属してきます。 また、公式のテーマディレクトリにも多くのテーマが登録されているので、そこから好みのテーマを選ぶこともできます。 ですが、オリジナリティを出したい（平たく言えば企業サイトなどでオリジナルのデザインにしたい）場合は、独自のテーマをつくる必要があります。 テーマをつくる上でどのような手法をとるかは高野直子さんが「WordPress テーマ開発4つのアプローチ #wacja2012」という記事を書かれたので、そちらもご覧ください。 WordPressに慣れてきた方は「子テーマ」でテーマを作られていると思います（親テーマを直接カスタマイズするとテーマのアップデート時にカスタマイズ箇所が消えるのでダメですよ）。 しかし、子テーマも親テーマへ
WordPressの投稿ページに任意の説明文を挿入する - かちびと.net
WordPressの記事投稿ページに、任意の説明文を挿入する、というTipsです。3.5から使用する事が出来るようになったフックを利用しますので3.4では使えません。 3.5からedit_form_after_editorやedit_form_after_titleと言ったフックが追加されました。これを使って投稿ページに任意の説明文を挿入してみます。 コード function after_title() {//タイトル項目下部 echo '<p>上はタイトルを、記事は下部のエリアに書きます</p>'; } add_action( 'edit_form_after_title', 'after_title' ); function after_editor() {//エディタ項目下部 echo '<p>書き終えたら公開して下さい</p>'; } add_action( 'edit_form_
WordPressのガラケー変換プラグイン・Ktai Styleでthe_content()内の要素をスタイリングしてみる
スマートフォンサイトのWebデザイン に関する情報の配信が多いですが、 ガラケーサイトの制作需要もまだ健在 ですのでTipsを備忘録も兼ねて書いて みます。WordPressのKtai Styleで the_content()内をスタイリングする、 というもの。 まず最初に、僕はKtai Styleの仕様に関する知識は殆どありませんのであまり良くない方法なのかもしれません。その程度の記事としてお受け止め頂ければと思います。 Ktai StyleのテーマカスタマイズKtai Styleのテーマデザインの前に下準備。基本的には開発者さんが用意してくれたKtai Style用の既存テーマをコピーし、style.css内を書き換えて作ります。 /* Theme Name: foo Theme URI: http://example.com Version: 1.0.0 Description: M
WordPressのギャラリーをCSSでカスタマイズする。 | Firegoby
WordPressのギャラリーなんですが、テーマに合わせてCSSでちょっとカスタマイズしたい時ありますよね。 でもWordPressのギャラリーのCSSってHTMLの <body /> の中に埋め込まれちゃうので、テーマの style.css でカスタマイズしようと思ったら、意外とめんどくさかったりします。 デフォルトのCSSを無効化する。 上述のようにデフォルトで <body /> に埋め込まれるCSSは、以下のソースをテーマの functions.php に記述するだけで無効化できます。 無効化したら、あとはテーマのstyle.cssでカスタマイズすればオッケー。 ついでにHTMLもカスタマイズ HTMLのカスタマイズは、Codexでも方法が紹介されてます。 ショートコードを以下のように記述すればオッケー。 [gallery itemtag="div" icontag="span" c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
