個別のHTML, CSS, JS, PHPを追加・管理できるプラグイン -CSS & JavaScript Toolbox | コリス
WordPressで特定のページだけ個別のスタイルシートやスクリプトを使いたい！ しかも1ページだけでも複数のページにも適用する場合がある！ そんな要望を叶えてくれます。 投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、一元管理もできるプラグインを紹介します。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WP Plugin Directory 以前、紹介したCustom CSS and JSは記事や固定ページごとにそれぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインで、これは手軽に利用できて便利ですが、今回紹介するのはそれより高機能。 まずは、その画面をご紹介。 当ブログにインストールした画面です。 左パネルで
WordPressをカスタマイズする方法！便利なコードまとめ
クライアントワークやブログでのWordPressのカスタマイズ時に使用頻度の高いコードをまとめてみました。 基本的には、ネット上のコードを自分好みにカスタマイズしているので大元のコードの記載記事というのがあり、覚えている限りは記載しております。 Templates e PHP para WordPress / fore 条件分岐のカスタマイズコード とにかく使用頻度の高い条件分岐。 TOPページにはアレを表示してあの記事には表示しない！みたいな。 TOPページや投稿、記事などに別の内容を表示する <?php if (is_home()) { ?> TOPにのみ表示する内容 <?php } else if (is_page('13')) { ?> 記事ID「13」の固定ページのみ表示する内容 <?php } else if (in_category('3')) { ?> カテゴリーID「3」
WordPressのwp-config.phpで出来る事いろいろ - かちびと.net
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト 以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにする define('WP_DEBUG
WordPressカテゴリーページをもっとカスタマイズしたい | 高橋文樹.com | デザイン
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 ぜったい需要あるし知りたいから書いてくれたしと言われたので書きます。最近、リクエストに答えてブログ書くのが楽だなーと感じる自堕落。 さて、WordPressをCMS的に使っていると、「カテゴリーアーカイブの情報を充実させたい」という需要がよくあると思います。 ケーススタディ 筋トレの情報サイトを作っているとしましょう。カテゴリー階層は大きく分けて3系統あります。 トレーニング方法 腕立て、スクワット、デッドリフトなど、トレーニング情報のジャンルがサブカテゴリーとしてぶら下がる サプリメント 筋量を増やしたいとか、持久力を付けたいとか、体重を落としつつ筋肉をつけたいとか、そういった「サプリメント使用の目的」ごとにサブカテゴリーがわかれています。 トレーニングジム サブカテゴリ
WordPressの自作ウィジェットの個人的な覚書
昨日ちょっと嵌ったのでメモ。 WordPressの自作ウィジェット で分からなくて調べたことを 備忘録として残しておきます。 面倒だけど覚えると便利ですね。 進行中の案件で、ウィジェットによるコンテンツ管理が仕様に含まれています。その時にちょっと嵌ったことをメモ書き。完全に個人的なメモです。 尚、自作ウィジェットの作成法が分からんという方は以前の過去記事をご参照下さい。 WordPressのウィジェットを自作するためのTips なので目新しい情報は一切無いです。 作成したウィジェット作ったウィジェットはもうちょい要素が多いですけど構成は極めてシンプルなものです。 add_action( 'widgets_init', 'foo_bar_box' ); function foo_bar_box() { register_widget( 'Foo_Bar_Box' ); } class foo
Creasty | Yuki Iwanaga
Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
クライアント向けのWordPressで設定したい、少しのコードで実装可能な15のカスタマイズ | Web活メモ帳
WordPressのカスタマイズが広く普及してきて、CMSとしてWordPressを導入する方も多くなってきていると思います。私も最近はクライアント向けにWordPressで開発させていただく事が増えて来て小技がたまってきたので、function.phpに記述するだけで使える小技をまとめてみました。 どなたかの参考になれば幸いです。 納品用WordPressカスタマイズ 目次 adminツールバーを非表示に 投稿画面の不要な入力項目を削除 管理画面の不要なメニューを削除 管理バーの不要な項目を削除 プロフィールから要らない項目を削除 アイキャッチ画象のサイズ設定 デバッグ用関数 カテゴリを単一選択に変更 ログイン画面のロゴを変更 フッターのメッセージを変更 ヘッダの余計なタグを無効化 アップデートのお知らせ非表示 moreリンクの#を無効化 管理画面の右上の「ヘルプ」を非表示 セルフピンバ
Wordpressのテーマを自作＆カスタマイズするのに見ておきたい厳選９記事 | びーおーぷんどっとねっと
別に自分で作る必要ないんだけど。 世の中には沢山の素敵なWordpressのテーマが無料で配布されているんだけど。 それでも自作してみたい、ちょっとカスタマイズしてみたいという誘惑にかられるのはなぜだろう。 そして実行しないのはなぜだろう。 ということで、Wordpressのオリジナルテーマを自作したり、カスタマイズするのに参考になるサイトをまとめておくことにする。 これらの記事を実行すれば間違いなくオリジナルのテーマが手に入る。 WordPressのテーマを自作する ワードプレスのテーマの自作方法がわかるサイト。カスタマイズしたい人も目を通しておくと、仕組みが理解できるかも。 WordPress入門 (全23回) – プログラミングならドットインストール WordPressのオリジナルテーマ作成フロー・基本マニュアル – かちびと.net はじめてWordPressのオリジナル
[WordPress]カスタムフィールド画像からオリジナルサムネイルを生成して表示させる | バシャログ。
知人にエイプリルフールネタを言った所、一切のツッコミもなく終わってしまった可哀想な私、Latinです。 さて今回ですが、WordPressのカスタマイズ要件でもよくあるサムネイル周りの取り扱いについて。 オリジナルのサムネイルサイズを定義する事自体は割と簡単なんですが、 カスタムフィールド絡んで来ると結構、「訳わからん･･･」みたいな状態になったりします。 え？私だけ？ とりあえず、フロントエンドで表示する所までをまとめてみようかと思います。 元々WordPressでは、画像フィールドに画像を入れ込むと、 管理画面の「メディア設定」で設定したサイズを元にサムネイルが自動生成されますが、 これらの設定とは別に、オリジナルのサイズを定義したいケースがあるかと思います。 例えば、既にこれらの設定を使用している状態で、さらに別のサイズのサムネイルを作成・表示させたい場合などです。 function
![[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)
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ 2013.02.07 | 制作あるある 夜遅く帰ってきて、夜中だけどこんなものを食べてしまったサーモンです。 夜食ってなんでこんなにおいしいんでしょうね？ わたしがなぜ、サーモン色になったかというと、決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 私は請負で仕事をすることが多いので、ディレクターさん、デザイナーさん、コーダーさん、そしてWordPress構築、バラバラに集まったりすることがあるわけです。 そうすると、みんながみんなWordPressのこと分かってるわけじゃないので、ちょっとした行き違いがおきたりして、うまく進まなくなっちゃったりすることがあるんですね。 設計とか運営とか、ホント考えるべきことはいろいろあるんですけど
ワードプレス(WP)でリンクにスクリーンショットのサムネ画像をつける
タイトルのままですが、リンクにブラウザから見たサイトのキャプチャ画像を追加します。WPプラグインのBM Shotsとまったく同じ事をショートコードで行います。 なぜプラグインを使わないかというと、個人的にプラグインをあまり増やしたくないのと、プラグインより手軽にカスタマイズできるからです。 ソースコード とても簡単なコードです。スクリーンショットの作成にはワードプレスの非公式APIを使います。これはBM Shotsと同じ方法です。しかし、このAPIはアンオフィシャルなので、今後の提供の保障はなく、いつ使えなくなっても文句は言えません。 その為、同じく無料でスクリーンショットのAPIを提供されているHeartRails CaptureさんのAPIもコメントアウトで付けました。もしHeartRailsさんのAPIを使う場合は、heightも指定できるように改造すると良いでしょう。 ショートコー
WordPressでFacebookからのアクセス数を簡単に増やすための3つの設定手順|シェア時の画像サイズを3倍にしよう！ « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
[WordPress]これでフッターに重ならない！ ブログのサイドメニューを固定してスクロールに追従させる方法 | NANOKAMO BLOG
photo credit: Eric M Martin via photopin cc どうも@kuroji1987です。 ブログのサイドメニューに、スクロールに追従するメニューを設置いたしました。「オススメ記事」というタイトルで、同じカテゴリの記事をランダムで表示させています。 広告を表示させることもできるのですが、Googleの規約で禁止されているという話なのでやってません。結構やっているブログあるので、もしかしたら大丈夫なのかなぁとも思うのですが……。どうなんでしょうかねｗ ということで、その追従するメニューの設置方法をご紹介します。 フッターにめり込まないメニューがいい スクロールに付いてくるだけならとっても簡単に実装できるのですが、多くのブログがそうであるようにスクロールしきったのち、そのままメニューがフッターにめり込んでしまうという現象が発生します。これが僕はどうしても許せま
WordPressで画像挿入時にwidthとheightを削除する方法 | Web活メモ帳
WordPressで画像挿入時にwidthとheightを削除する必要があったのでやり方をメモ。 function.phpにコードを追加するだけで簡単に出来ました。 add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 ); add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 ); function remove_width_attribute( $html ) { $html = preg_replace( '/(width|height)="\d*"\s/', "", $html ); return $html; } 出力されるHTML 今まではwidthとheightがあったので以下のようなHTMLが挿入されていました。 <img c
初心者が必ず押さえておきたいWordPressプラグイン7つ – Handmade Future！
こんにちは。寄金です。 いまWordPressで、当WEBマガジン『Handmade Future !』や『FutureCenterNEWS JAPAN』を含め、5つのサイトを運営しています。 ほんの1年前まで、はてなブログやら、一般のブログサービスを使っていたんですが、いまや戻る気は1ミリもありません。一つは「ブログは一生もののツールになるだろう」と考えているから。独自ドメインでコツコツとリンクを積み重ねていけば、検索流入がどんどん増えていきます。自分を知ってもらう優れた手段ですし、さまざまな出会いもあります。10年20年と積み重ねていったとき、必ず自分の財産になっていると思っています。 もう一つは、豊富なプラグインやテンプレートによるカスタマイズ性です。一般のブログサービスでも独自ドメインが利用できるケースがあるんですが、自由度はどうしても劣ります。ブログの目的にそって徹底的に最適化で
[WordPress]ブログのサイドメニューにアフィリエイト付きAmazonランキングを表示させる方法 | NANOKAMO BLOG
photo credit: Chris.Gray via photopin cc どうも@kuroji1987です。 少し前からAmazonの売れ筋ランキングをサイドメニューに表示させています。いらないかなーと思いつつ意外とクリックされるんですよねー。 ということで今回は、表示させるためのコードのご紹介。ほとんど地潜の日記で紹介されていたもののコピペなので、そもそもの仕組みとかを知りたいかたはリンク先をチェックしてみてください！ とりあえず使ってるままを晒します。 header内に書き込むコード これがちょっとぐちゃぐちゃで簡略化できそうなのですが、よくわかんないので放置しています。とりあえず記述しているのは以下。 <!-- Amazonランキング --> <script type="text/javascript" charset="UTF-8" src="http://www.goo
WordPressのカスタムメニューをアイテム毎に条件分岐で表示/非表示を設定出来るプラグイン・If Menu - かちびと.net
カスタムメニューで追加した アイテムを条件分岐で表示、 非表示にスイッチできる、と いうWordPressのプラグイン です。コードを参考にしたの でご紹介。 カスタムメニュー周りのプラグインは仕様でもよく求められることが多いので非常に助かります。このプラグインもCMSとしてWPを利用する際に役立ってくれそう。 カスタムメニュー内のアイテムを固定ページのみ、TOPページのみ、ユーザーログイン時のみ、などの条件をつけて表示/非表示できる、というもの。 プラグインを有効化すると、カスタムメニューで追加したアイテムの下部にEnable Conditional Logicというラベルの付いたチェックボックスが表示されますのでチェックを入れればセレクトボックスも表示されます。 現時点では、決められている条件が多くはなく、変更も出来ないので実際に利用する際は少しコードを弄らせてもらう事になりそうです。
WordPressのカスタムメニューをショートコードで表示出来る様にする
仕事で必要になったのでメモ。WordPressで作れるカスタムメニューをショートコードで実装出来るようにする、という方法です。やってみて思ったけど結構便利です。 カスタムメニュー、という名ですけど、メニューコンテンツ以外にも利用出来るので、ショートコードで実装する方法は覚えておいて損は無いです。 以下のようなコードをfunctions.phpに含めます。 function single_page_custom_menu($atts, $content = null) { extract(shortcode_atts(array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id' => '', 'menu_class' => 'menu', 'menu_id' => '', 'echo' =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress Popular Posts応用編：複数行のカテゴリ別人気記事一覧を作る方法
room 402 Inc.