wp_trim_words、文字列を指定した文字数で html タグを除去して取得できる便利な関数がそれ。
wp_trim_words の引数 <?php $trimmed = wp_trim_words( $text, $num_words = 55, $more = null ); ?> ひきすうは3つ。 $text…必須、切り取りたい文字列 $num_words…切り取りたい文字数。デフォルト値は 55文字。 $more…切り取った文字列の後に追加したい文字や html。デフォルトは値 null 配列とかややこしいのは出てこないので使いやすいですね。 注意するのは WordPress 3.3 以上でないとこの関数を実装していないことです。 wp_trim_words を使ってみる 使ってみれば簡単に理解できますきっと。 yahoo.co.jp サイトの文字列を 50文字切り取って出力するサンプル。 <?php $html = file_get_contents( 'http://www.y
Gmail・Googleドライブ・Wordなどのネット上の文章の校正・編集をカンタンに依頼・共有できるChrome拡張「Poetica」
課題レポートやビジネスメールなどの失敗が許されない文章の作成を、オンラインを通じて知人に簡単にチェック・修正・アドバイスしてもらえるGoogle Chrome拡張機能が「Poetica」です。PoeticaはGmail・Googleドライブ・Word・WordPressのテキスト入力に対応しており、その他ブログなどの投稿画面でも使えるとのことなので、早速試してみました。 Poetica https://poetica.com/ ◆Google Chrome拡張機能のインストール Google Chrome拡張機能「The Poetica Button」をChromeにインストールして、Poeticaでの共同編集を試してみます。ChromeでThe Poetica Buttonのページを開き、「無料」をクリック。 新しい拡張機能の確認ウィンドウが開くので、「追加」をクリック。 Poetica
任意のPHPコードやHTML、テキストなどを定型文として記事内に挿入できるWordPressプラグイン・Global Content Blocks - かちびと.net
便利そうだったので備忘録です。 記事内に様々なコンテンツを挿入 できるWordPressのプラグイン。 ショートコードを管理画面内で 簡単に作れる、みたいな感じです。 結構便利なのでは。 任意のコンテンツをショートコードで挿入できるWPプラグインです。アドセンスやフォーム、PHPコード、HTMLなど、挿入可能なコンテンツは多岐にわたります。 管理画面内でコンテンツを作るとショートコードが発行されるので、そのショートコードで挿入、という感じ。勿論複数作れますよ。 挿入するコンテンツのタイプを選んで下部に挿入内容を書きます。PHPは<?や>を抜いて書きます。 基本的になんでも挿入できるのでアイデア次第ではとっても便利になるかと思います。アドセンス、ウィジェット、定型文等を記事の任意の場所に挿入、管理画面内で内容も管理できるのは素敵ですね。 いろいろ出来そうだけど、セキュリティやマルチユーザーサ
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で任意の文字列から投稿やタームのURLを取得
WordPressの「Wiki Page Links」というプラグインを改造していたのですが、そのときのメモです。 このプラグインは[[キーワード]]という書式で固定ページのタイトルに同じものがあれば自動でリンクしてくれるのですが、これの検索範囲を任意の投稿タイプにしたかったのです。 それと、違う書式で（たとえば{{キーワード}}みたいな感じ）で任意のタクソノミーからタームを検索してリンクする、というのもやりたかった。 文中からの検索や置換は元のプラグインのものを流用するとして、問題はキーワードから投稿のURLとタームのURLを探し出すところでした。 // キーワード $link_target_title = html_entity_decode('探したいキーワード', ENT_QUOTES); // リンク先URL $url = null;投稿の場合 // 公開されている投稿タイプ $
HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ※現在はアクセスできなくなっています。 ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思えばできるんですが、ひと文字ずつの設定となるとhtmlもcssもすっきりしなくなる上にめんどくさい！ こうパッとガッとスッと設定したい！ そんな希望を叶えてくれるのが「FLAutoKerning.js」です！ ポイント1：導入が楽です 手順は簡単、サイトからファイルをダウロードしてjqeryと一緒に読み込ませて<head>内に設定を書くだけ。 入れてみたデモ
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます｜今村だけがよくわかるブログ
【WordPressで感覚的にヘッダー画像を変更できる機能を付ける】カスタムヘッダー機能を付けて納品するとお客さんにとても喜ばれます Webサイトを作る際に「ヘッダー」って結構凝りますよね。カッコイイ、インパクトあるキレイな画像やロゴなどで目を惹いて、サイトの印象を決めるのに一役買っていますかね。 私のこのブログの場合は、ヘッダーにロゴを入れています。このヘッダーにあるロゴのおかげで、結構サイトの存在を覚えてもらいやすくなっていますよ。「ああ～、あの色がいっぱいあるサイトね」みたいな・・・ そんなヘッダーですが、手軽に管理できる方法がWordPressにはあります。「カスタムヘッダー」機能と呼ばれています。この「カスタムヘッダー」機能を導入して納品すると、お客さんにとても喜ばれます。 ではでは、導入方法をご紹介します～。 ヘッダーを管理する「カスタムヘッダー」機能を追加それでは、ご使用のテ
テキストのサイズを調整し、両端をピッタリと揃えて表示するスクリプト・slabTextをWPプラグインとして日本語環境に対応・WP slabText - かちびと.net
ご連絡頂いて、良さ気だったので ご紹介。以前記事にした、テキスト の両端を揃えるタイポグラフィ系 のスクリプト・slabTextを日本語 でも利用出来るようにし、且つWP で利用出来るようにしてくれました。 今年の1月くらいにご紹介したslabTextをWPで、且つ日本語で利用出来る、というプラグインです。slabTextに関しては以前の記事をご参照下さい。 テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT 過去記事でも書いたように、普通に使っても日本語環境で使うのは若干微妙でした。（単語単位で半角スペースを入れる必要があった）これをうまく解消してくれているので需要も結構あるのでは無いかなと思います。 もともと目をつけていたスクリプトだったので日本語環境で利用出来るようになったのはとても嬉しいです。スクリプトの開発者さんは
投稿記事一覧で文字数を制限して表示 - WebDesign CrushPOW
「SyntaxHighlighter Evolved」を導入したにもかかわらず、このページだけ表示が崩れていたので、（無精者なので）新しくページを追加して最終コードを表記しました。 ご参考までに WordPressの投稿記事一覧で本文の文字数を制限する方法 （コピーするだけですけど…） WordPressの記事を投稿した時の一覧表示のページで、表示される文字の文字数を決めて「続きを読む」という表示をよく見かけますが、投稿画面で<!–more–>を使えますが自動ではないんですよね…。 そこでphpファイルにちょこっと追加して便利にしてみましょう。 テーマの種類にもよるとおもいますが、大概「index.php」の中に<?php the_content() ? >という表記があります。 そこを <?php echo substr(strip_tags($post-> post_content),
ショートコードで文中に脚注を加えるWordPressプラグイン・Simple Footnotes - かちびと.net
脚注リンクをショートコードで 加える事が出来るWordPressの プラグイン･Simple Footnotes のご紹介。ユーザビリティの 工場にもなりそうですね。専門 的な内容を扱うサイトでは導入 したいところです。 GW中なので軽めの話題。文中にショートコードで脚注を加えるプラグインです。複数加えても自動で順番どおり番号を振ってくれます。 こういうやつです。Wikipediaなんかでよく見かけますよね。 プラグインを有効化して以下のように書けばOK。 今日はカレー[ref]レトルトですけどね[/ref]を食べようと思います。 [ref]で囲うと、その部分は数字とリンクが追加され、文章最下部に脚注が加わります。 プラグインのファイルを開けると分かりますが、複雑なコードで実装してるわけじゃ無さそうなので、functions.phpで管理してもいいかもですね。 Simple Footnot
WordPressのthe_excerpt()をカスタマイズする
WordPressのthe_excerpt()は、抜粋を表示するためのテンプレートタグです。ここではTwenty Elevenテーマを使って、the_excerpt()の末尾に表示する内容を変更する方法を解説します。 Twenty Elevenテーマでは、検索結果の本文の一部を表示するためにthe_excerpt()を使っており、抜粋の最後に「続きを読む→」を表示しています。 デフォルトの検索結果 以下、the_excerpt()に掲載されているサンプルを拝借して、カスタマイズ方法を紹介します。それぞれのコードは利用テーマのfunctions.phpに追加してください。 １．末尾の文字列を変更する function new_excerpt_more($more) { return ' ..... '; } add_filter('excerpt_more', 'new_excerpt_mo
WordPressで抜粋の文字数を変更する方法
WordPressで抜粋の文字数を変更する方法を紹介します。WordPressは3.2.1を使っています。 １．問題点 下のスクリーンショットはTwenty Elevenテーマを使った検索結果ページです。検索結果ページではthe_excerpt()を使って（本文の）抜粋を表示するようにしていますが、日本語の場合、the_excerpt()を使っても全文が表示されてしまいます。 理由は、以下の公式ドキュメントによると、「語句の間を半角スペースで区切らない言語では判定できない」ということらしいです。 テンプレートタグ/the excerpt ２．対策 WordPressを使っている方はすでにご存知と思いますが、同梱されている「WP Multibyte Patch」プラグインを有効化します。 これで110文字を抜粋して表示するようになります。 ３．文字数を変更する ２項の設定で110文字になるの
お手軽WordPress Tips：記事内やコメント欄内の特定のキーワードを任意のテキストやリンク等に一括置換する - かちびと.net
ちょっと久しぶりですけどWordPressの カスタマイズTips記事です。今日はプラ グインを使わず、記事内の特定のキーワ ードに自動で何か加わるようにしようと いう内容。一応簡単なWikiっぽいものも 作れるっちゃ作れます。 ちょっと分かりにくいんですけど、指定したキーワードを好きなものに置換するっていうコードです。なのでアイデア次第でいろいろ出来るっちゃ出来るんですけど、行儀の良いコードではないので痒いところに手を届けたい時にでも使ってください。 コード functions.phpに含めます。 function change_any_texts($text){ $replace = array( //'変更前' => '変更後' 'CSS' => '<a href="#">CSS</a>', 'tool' => '<strong>tool</strong>' ); $text = s
CamCam - Wordpress 改行プラグイン
改行が改行しただけ改行したまま改行する 改行の改行による改行のためのプラグイン作ってみました。 こんなもの使う人がいるとかいないとか 文法的にどうだとかなんだとか、細かいことは気にしない。(;･∀･) ////こんなプラグイン 投稿した本文中の改行を改行しただけ改行した分<br />に変換します。 ※全体をPタグで囲むだけで本文中のpタグは入らなくなります。 ※コメントも改行しただけ改行します。 ダウンロードはこちら WordPress改行プラグイン ダウンロード (ver3.0以降) **13.1.6 ver 2.9以前への対応を終了. editor.jsの配布を終了 **10.9.15 ver 2.8以前の対応版の配布を終了 **10.1.5 ver 2.9について追加 **09.06.15 ver 2.8について追加 **09.01.29 ver2.7について追加? **08.01.
Plastic Post Style – 記事の抜粋等をカスタマイズ | wembley
美しいタイポグラフィの為のツールとチュートリアル集 12 May 2010 WordPressであったらいいなと思うプラグイン 11 May 2010 WPプラグイン”Link Library”で作る自動リンク集 9 May 2010 WordPressでGoogle AJAX APIからjQueryを読み込む 8 May 2010 これはすごい。究極のソーシャルブックマークアイコン集 6 May 2010 [CSS] 完全固定ヘッダー/フッターの作り方 (IE6対応) 6 May 2010 Japanese 記事の本文と抜粋の出力方法を色々とカスタマイズするプラグイン ::概要:: 『plastic = 柔軟な』 記事の自動整形機能を変更したり、抜粋の表示文字数、許可するタグ、”read more”リンクの文字などを設定できます。 WordPressのデフォルトの設定では改行が自動的
WordPressでテキストリンクをさまざまなデザインのボタンに変更するプラグイン -Button Shortcodes
WordPressのショートコード：Black Glass [button link="#" variation="black_glass" size="large"]Your Text[/button] [button link="#" variation="black_glass"]Your Text[/button] WordPressのショートコード：Hot Pink [button link="#" variation="hot_pink" size="large"]Your Text[/button] [button link="#" variation="hot_pink"]Your Text[/button] ボタンで使用している画像は下記のようになっています。 自分用にカラーやサイズを変更する時は参考にしてください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Do-Log
WordPressのhtmlエディターをハイライト表示するプラグイン「HTML Editor Syntax Highlighter」