【WordPress】the_title()に文字数制限
記事タイトルを一覧表示するときなどに、レイアウトなどの関係で記事タイトルの文字数を制限したいときがあります。 そういうときには <?php the_title(); ?> を下記のように書き換えます。 <?php echo mb_substr( $post->post_title, 0, 20) . '...'; ?> 記事タイトルの文字数を20文字に制限しています。「20」の部分を変えれば任意の文字数に変更できます。 しかしこのままだと、タイトルが制限文字数以内の場合でも後ろに「…」が付いてしまいます。 そのため、if文を使って制限した文字数以上のときは省略して「･･･」を、制限文字数以内のときはそのまま表示されるようにします。 制限文字数以上のときだけ省略記号をつける <?php if(mb_strlen($post->post_title)>20) { $title= mb_subs
【CSS】 テキストを折り返す方法！自動で改行・レスポンシブにも対応
「テキストが中途半端なところで折り返される」 「英語や文字がはみ出てしまう」 こんな悩みを持ったことはありませんか？ 小さなことですが、サイトの印象に関わる深刻な悩みの一つです。 例えば、見出しに英語が含まれていて、それが単語の途中で折り返されたら、非常に読みづらいと思いませんか？ ここで使うのが、文字の折り返しを制御するCSSです。 これは知っているかどうかだけなのですが、癖があるCSSプロパティで、よくわからないという声も聞きます。 安心してください。 この記事では、よく使われる2種類の文字の折り返しプロパティ(「word-break」と「overflow-wrap」)を丁寧に解説しています。 CSSを学習し始めた人には理解に時間がかかるプロパティですが、頑張って習得しましょう。 経験者向けではありませんので、経験者は必要に応じて読み飛ばしてください。 参考：【初心者向け】CSS(スタ
文字デザインの基本装飾10パターンを紹介【参考例あり】
こんにちは、デザイナーの花ちゃんです！ 自社デザインチームで働いています。 LIGに入社してから作成したLIGブログのアイキャッチは300枚を超えました！ 私がアイキャッチを作成する上で最初の難関だったもの…… それは……文字の装飾！！ 前職ではスマホゲームのUI/UXを担当していました。ゲーム内イベントのキービジュアルやバナーを作成する際は、世界観にあったフォントがある程度決まっていたので、その中から合ったものを選択していたのですが……ブログのアイキャッチとなると、毎回記事の内容、書き手のキャラクターによってテイストや組み合わせを変えなくてはなりません。 圧倒的に引き出しが足りない……！ ということで、今回は文字装飾の基本のパターンについて、LIGブログのアイキャッチを参考例に挙げながらまとめてみることにしました！ 働きながら♪ 授業の合間に♪ Webデザインを勉強するなら…… デジLI
【商用可＆無料】2019年上半期ベスト英語・日本語フリーフォント厳選90個まとめ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2019年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 オシャレな英語フリーフォントから、需要の多い日本語フォント、2019年注目を浴びている高級感のあるセリフ書体、安定人気の筆記体、筆ブラシの手書きナチュラル系、モダン・レトロ、ビンテージ、デコレーションなど幅広いカテゴリよりフリーフォント素材90個を厳選しています。 2018年の商用可能なフリーフォントに関しては、以下の記事を参考にどうぞ。 商用可で完全無料！2018年公開のフリーフォント素材132個総まとめ コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント
めっちゃ可愛く手書き文字を書かなきゃいけない時の書き方 | 本日、校了！｜本の編集者が心をこめてつくるWebマガジン
「あ〜今めっちゃ〇〇しなきゃいけない！ こんなとき、どうしたらいいの？」 「これ、あの人が得意なことだったよなあ。やり方を聞いてみたいな。」 なんて、日常に転がっている小さな悩み。 その悩みを、『本日、校了！』メンバー同士で解決するコーナーです。 今回は、「めっちゃ可愛く手書き文字を書かなきゃいけない時の書き方」。デザイナーの戸田がお答えします！ 編集者さんや本屋さんは、「急きょPOP作れって言われた！ かわいく書かなきゃ！」って時に役立つかも。 日常生活でも、誕生日カードやお祝いの手紙で大活躍します。 このデジタルの時代に、アナログな手書き文字が使われてるの見るとほっこりするし、手間のこもった気持ちも伝わるし、いいですよね〜。私も手書き文字に関しては試行錯誤の日々なのですが… 実際に、日常生活やデザインのお仕事で使っている今すぐできるできる手書き文字のコツ5つをご紹介します！ 縦線を一本
級数とポイント換算表
級数とポイントの換算表 PtQ(=Pt x 1.4056)mm(＝Pt×0.3514)QPt=Q×0.7114mm=Qx0.25
続編/さらにプロっぽくなった！フォントに関するまとめ
作成：2013/11/11 更新：2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 １．文字用語 組版 ２．組版(くみはん) ３．禁則処理 ４．追い込み／追い出し／ぶらさがり ５．段間 行間(レディング) ６．アキ ７．行長 ８．段組み ９．黄金比 詰め １０．プロポーショナル詰め １１．音引き １２．拗音(ようおん) １３．合成フォント 余白 １４．近接と遠隔 １５．版面（はんづら） 図版 １７．図版率 １８．訴求度 文字の基礎知識 １．文字用語 頻繁に出てくる、ちょ
斉藤の「斉」の第三形態が会得できない : マジキチ速報
斉藤の「斉」の第三形態が会得できない 2013年04月10日 13:45 | コメント(34) | カテゴリ： 生活 | はてなブックマークに追加 | ツイート 1: 以下、名無しにかわりましてVIPがお送りします 2013/04/08(月) 08:24:14.67 ID:pZR9GzqCP 俺には第二形態「斎」までが限界だったようだ…… 引用元: ・斉藤の「斉」の第三形態が会得できない 2: 以下、名無しにかわりましてVIPがお送りします 2013/04/08(月) 08:25:06.33 ID:ponAD9D5i 齋こいつか・・・ 4: 以下、名無しにかわりましてVIPがお送りします 2013/04/08(月) 08:26:01.08 ID:pZR9GzqCP >>2 何、貴様どうやって会得したのだッ！？ 3: 以下、名無しにかわりましてVIPがお送りします 2013/04/08(月)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
無料で商用利用も可能だが見る者を圧倒して威圧する「ゲバ文字フォント」
ゲバ字とは「当時、大量のビラを作成するのに謄写版が使われていた。そのため、筆跡で身元が割れてしまう可能性があり、公安警察や敵対党派の追及をかわすために開発されたものといわれている。ビラの他に立て看板や党派のロゴとしても使われた。それとは別に、戦前の無産政党や共産党が使っていた書体からきているという説もある」ということで、ある特定の物騒かもしれない目的や活動などに使われるあの文字ですが、それが簡単に作れるフォントが配布されています。 moyu at himote.org - ゲバ文字フォント http://gebamoji.org/~moyu/archive/economist.htm 用意されている文字の見本はこんな感じ 漢字になってくると一気にそれらしくなってきます で、なぜか用意されている文字の中に「萌」があるのが不思議です。 なお、配布元サイトには以下のように書かれています。 ゲバ文
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
V速ニュップ | 句点が1ドットずつ右にずれてる奇跡の文章できた
2011年06月01日 句点が1ドットずつ右にずれてる奇跡の文章できた Tweet 1 ：名無しにかわってVIPが送ります：2011/05/31(火) 00:56:53.02 ID:9e6UZE9P0 何故だろう。 ここは暑い。 まるで地獄。 冷房欲しい。 何故なんだ。 飛べない鳥。 嗚呼神々よ。 私は人間だ。 風説の流布。 どうしてなの。 とても悲しい。 104 ：名無しにかわってVIPが送ります：2011/05/31(火) 02:17:43.59 ID:2MCexpdt0 SUGEEEEEEEEEEEEE 85 ：名無しにかわってVIPが送ります：2011/05/31(火) 01:32:01.64 ID:LWCvbSVVO すっげえええなんじゃこりゃ 89 ：名無しにかわってVIPが送ります：2011/05/31(火) 01:35:41.18 ID:Tl
「俺より強い奴に会いに行く（ｷﾘｯ」→カプコン「それ飽きたからアーケード用に新しいキャッチコピー考えてやｗ」 : はちま起稿
「俺より強い奴に会いに行く（ｷﾘｯ」→カプコン「それ飽きたからアーケード用に新しいキャッチコピー考えてやｗ」 カプコンがアーケード用『スーパーストリートファイターIV』用の新しいキャッチコピーを募集！ 今や格闘対戦ゲームの代名詞とも言える「俺より強いやつに会いにいく」 SUPER STREET FIGHTER IVのアーケード化を記念して新しいキャッチコピーを募集！ ストリートファイターシリーズを象徴する「俺より強いやつに会いに行く」につづく新たなキャッチコピーを大募集だ！ 題して・・・アーケード版 スーパーストリートファイターIV「俺より強い奴に〇〇」キャッチコピー大募集！ 最優秀賞にはストIV＋スパIVグッズを贈呈のうえ、お名前をスタッフロールに記載！ さらにポスターなどの販促物にも活用するぞ！ さらにアーケード化決定を記念して、希望者全員に特別称号【スマイル】を授与！
1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」:phpspot開発日誌
1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」 2010年04月06日- jQuery plugins MakeMineATriple 1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」。 ヘッドライン等を電光掲示板のように、1文字ずつアニメーション表示することが簡単にできちゃいます。 動きを入れることで、単にヘッドラインを入れるよりも注目度をあげることが出来る上、デザイン的にも目立ちすぎず派手すぎません。 → 動作デモを見る 使い方も、jQueryプラグインなので簡単で、更にニュースのリストを<ul>リストで定義できます。 <ul id="news"> <li><a href="http://www.makemineatriple.com">MakeMineATriple.com<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
創作にぴったり！異世界の魔法、武器、防具、道具、生き物をテーマにした無料のピクトグラムがなんと495種類も！ | コリス
Basic Design Note
Basic Design Note
http://e0166nt.com/blog-entry-813.html
IDEA * IDEA