日本語でも使いやすい！フルサイト編集に対応した無料WordPressテーマ
2021年12月7日 Wordpress WordPressでは2018年から「ブロック」と呼ばれる要素のかたまりを組み合わせてコンテンツを作っていくブロックエディターが利用できるようになりました。今回はテンプレートファイルはいじらず、WordPressの管理画面（ダッシュボード）でブロックを組み合わせるだけでWebサイトを作成できるフルサイト編集機能にフォーカスします！ ↑私が10年以上利用している会計ソフト！ フルサイト編集とは？ フルサイト編集（FSE＝Full Site Editingとも呼ばれます）は、投稿やページだけでなく、ヘッダーやフッター、サイドバー、ナビゲーションメニューなど、Webサイト内のあらゆる部分にブロックを使って構成できる機能です。つまり、これまでは投稿やページのコンテンツ部分のみブロックに対応していましたが、フルサイト編集機能のついたテーマであれば、Webサイ
【WordPress】多言語対応プラグインPolylangでhome_url()を使うときに気を付けること | バシャログ。
みなさんこんにちは、yamashitaです。 6月からクーラーをフル稼働していて8月にはどうなっていることやら心配です。 さて今回はPolylangプラグインを設定している状態でhome_url()を使う際の注意点を一つ紹介したいと思います。 Polylangとは 設定することで多言語ページのURLを設定してくれるプラグインで、各投稿・ページにも対応するページが存在するか一覧で確認できるようになります。 今のところ自分は使用していませんが、有料版には自動翻訳もあるようです。 home_url()の動作 テンプレート上で使用する場合はほとんど通常時と同じ感覚で使って大丈夫です。 出力内容は以下の通りです。 デフォルト言語ページの場合、http://example.co.jp/の様にトップのURLがそのまま出力されます。 他の言語ページの場合、http://example.co.jp/enの様
Webサイトをダークモードに対応させよう
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します！ ↑私が10年以上利用している会計ソフト！ とにかく夜間見えづらい！ 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか！こりゃー私には危険だわ
WordPress プラグイン Polylang の使い方を紹介 - by Takumi Hirashima
WordPress の多言語切り替えプラグイン Polylang の使い方を紹介します。 例えば、多言語サイトを制作する時に便利な方法です。 言語切替の条件分岐 言語を切り替える言語スイッチャーを実装する方法 共通したページスラッグを使用する方法 注意事項 言語切替の条件分岐 言語別に表示を切り替えるには get_locale を使って、現在のロケール情報を取得して条件分岐を行います。 例えば、日本語とそれ以外の言語で表示内容を分けるには、次のコードをテンプレートに追加します。 <?php if(get_locale() == 'ja'): ?> 日本語 <?php else: ?> 他言語 <?php endif; ?> ページ冒頭の lang 設定を言語別に切り替える際には次のコードを追加します。 <?php if(get_locale() == 'ja'): ?> <html lan
多言語化必須！多言語対応と外国人観光客向けのWebサイトを紹介します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのママです。 LIGのオフィスは上野エリアにあります。そして上野といえば……パンダの親子シャンシャン&シンシンで話題の「上野動物園」、活気溢れる商店街「アメ横」、西郷隆盛像のある上野公園など魅力溢れるスポット満載の街でございます。 そんな上野ですが、現在外国人観光客の方々で日々賑わっております。上野だけでなく、日本への訪日観光客数は年々増えてきており、過去最高を更新し続けているそう。 今後、たくさんの外国人観光客が日本に訪れるにあたって、Webサイトの多言語化が重要になってくる……というかなっています！ そこで今回は、Webサイトの多言語化で役立つツールと、外国人観光客向けのWebサイトなど紹介しようと思います。
WordPress AMPプラグインを使って サイトをAMP対応にする – ねんでぶろぐ
Googleは、モバイルページを高速化する AMP（Accelerated Mobile Pages） に対応したサイト検索を開始しました。 AMP は AMP HTML 仕様に沿って作成する必要があります。サイトをAMPに対応させる場合、独自のタグの記述方法や 使えるタグの制約が多いので、自分で対応させるのは大変なのですが WordPressではサイトをAMP対応にするプラグインがあります。 この AMPプラグイン を使うと 自動で変換してAMP対応してくれますのでとても楽になります。ここではさっそくAMPプラグインを使用してAMP対応する方法を紹介します。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2
wordpressのget_postsは検索結果ページでposts_searchフィルターが掛かる |
結論はタイトルの通りですが、wordpressの検索をカスタマイズしていて引っ掛かったことがあったので書き留めます。 ＜wordpressの検索機能について＞ wordpressの検索機能の検索対象は、投稿・固定ページのタイトル・本文です。 ブログとしての利用であればそれで十分ですが、企業サイトや商品サイト等では、よく下記の様なニーズがあり、物足りません。 ・複数カテゴリで検索したい ・カスタムフィールドに限って検索したい ・カスタム投稿を検索に含めたい ・チェックボックスで検索したい ・OR検索したい 等々。 プラグインでも検索対象を広げたり、ある程度のカスタマイズが可能ですが、 wordpressのフィルターフックを利用すると、SQLをいじれるため、広範にわたるカスタマイズが可能です。 ※フィルターフックについてはこちら ＜カスタム投稿・カスタムフィールドをOR検索したい＞ 今回、下記
相模原市ホームページ制作 ロックストリーム
個人で制作している「食！相模原」というサイトで、 場所とジャンル（例えば、中央区、ラーメンなど）で検索をしたいため、 検索条件のカスタムが必要になります。 当初「Search Everything」というプラグインを使っていましたが、 検索結果が完全一致ではないため、どちらかの検索条件で全てがヒットしてしまいます。 というわけで、プラグインを無効にして、 カスタム方法を探していたところ、下記のサイトを見つけました。 検索対象にカスタムタクソノミーの文字列も含めたい こちらのカスタムが使えたので備忘録として残します。 検索条件を追加するための詳しい説明については、上記サイトをご参照ください。 ます、上記のサイトを参考に検索結果を表示するsearch.phpに下記のソースコードを挿入しました。 <?php //検索キーワードを取得 $keys = get_search_query(); //ス
着実に進化してる！ブログやランディングページに使えるWordPressのレスポンシブ対応の無料テーマのまとめ
最近のWebデザインのトレンドがうまく取り入られたWordPressのテーマをwordpress.comに登録されている中から、無料で利用できるレスポンシブ対応のテーマを紹介します。 個人ブログやポートフォリオ、ギャラリー、企業サイトやプロダクトのランディングページなど、デザインだけでなく機能性にも優れたテーマがダウンロードできます。 Affinity デモページ 背景画像が固定でコンテンツをカーテンのように引き上げる縦長ページで、結婚・家族の発表会をテーマにデザインされたテーマファイル。出欠の有無やゲストブックといった専用のコンテンツも用意されています。パーティやイベントのアナウンスにもよさそうですね。
WordPressでCSV登録が出来るReally Simple CSV Importer | 稼げる副業でお小遣いを稼ぐ方法
とにかく沢山のデータをワードプレス上に登録しなければいけない場合、1つづつ入力するのってバカらしいですよね。 はじめに ワードプレスに数百件はあるであろう情報を登録しなければいけず、またカスタムフィールドも使用しているので、エクセルなどで情報を入力しCSVファイルとしてまとめてアップロードしたいと言う人にオススメのプラグインが「Really Simple CSV Importer」です。 注意事項 CSV登録する時の文字コードに気をつけて下さい。 すべてCSV対応してます 記事や固定、カスタム投稿全てOK タグやカテゴリー、カスタムターム全てOK カスタムフィールドの内容や項目も全てOK 公開日時や公開下書きなどの設定も全てOK 画像の登録やや画像などの指定もOK とCSVでしたい事が全てOKなすんごいプラグインなんです。 インストールしよう いつも通りです。 プラグイン > 新規追加 >
11 Free Fresh HTML5 & Responsive WordPress Themes
With this collection, we aim to share another exciting compilation of some responsive WordPress themes. WordPress is a wonderful platform and the huge collection of available themes makes it even more appealing and attractive. This post contains 11 free to use HTML5 and responsive WordPress themes for you. HTML5 comes with many advanced and latest features to give awesome and realistic results. He
WordPressのパンくずリストをMicrodataに対応させる方法
WordPressのパンくずリストをMicrodataに対応させるカスタマイズを紹介します。 １．Microdataとは Microdataとは、HTML文書の中にメタデータを埋め込むためのHTML5の仕様です。 概要は下記の記事をご覧ください。 Movable TypeのパンくずリストをMicrodataに対応させる方法 で、以前、WordPress用のパンくずリストを作るカスタマイズを紹介しました。 WordPressのカテゴリーアーカイブページでパンくずリストを表示する この記事のフォーマットを元にカスタマイズ方法を紹介します。 記事中でテンプレートタグの説明は割愛していますので上記のページをご覧ください。 ２．function.phpに関数追加 下記のget_category_parents_with_microdata()という関数を丸ごとコピーしてfunction.phpに追加
10 Free Responsive WordPress Themes From 2015
In this post, we are presenting 10 free to use responsive WordPress themes that are recently released in 2015. WordPress is a wonderful platform for blogging as well as professional websites; and what makes it even more interesting and powerful is plentiful themes that are available to custom made your WordPress based website. Here, we have put together 10 awesome WordPress themes released in 2015
公開前の記事を共有できるWordPressプラグイン「Public Post Preview」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ひろゆきです。 メディア運営などにWordPressを使われている方も多いのではないでしょうか？ ブログの記事作成に便利なWordPressですが、非公開状態の記事を外部の人に確認してもらいたいときってありますよね。 今日は、公開前の記事を外部の人に共有できるプラグイン「Public Post Preview」をご紹介します。 特徴 Public Post Previewの特徴は下記の通り。 下書き、予約投稿、レビュー待ちの記事に対して、ログインなしでも閲覧できるプレビュー用のリンクを生成できる プレビュー用リンクに有効期限を設定できる カスタム投稿タイプにも対応している 導入方法 プラグインの新規追加から「Public Post Preview」で検索するか、こちらからダウンロードして、プラグインフォルダにアップロードしましょう。 ファイルの設置が完了したら有効にしてください
24 Free Responsive WordPress Themes for April 2015 | Splashnology.com
Free themes for WordPress for several years already remain a hot trend in search engines. WordPress is the most famous CMS system, which received its popularity due to wide possibilities of customizing your website, regular updates and user-friendly interface. People who are far from web design and development can easily understand and use this system to create their project. If you do not want to
投稿記事をカスタム投稿に移動できるプラグイン「Convert Post Types」｜WordPressプラグイン
[+]スマホ・モバイル [+]パソコン・通信 [+]マネー [+]趣味・興味 [+]健康 [+]生活 [+]英語 [+]ビジネス [+]雑記・独り言 書評 [+]作成物 サイト記事のまとめ・リスト レイアウト トップページ シングルページ ウィジェット（サイドバー） グローバルナビ（メニュー） パーツ ヘッダー フッター 外観（設定） アイキャッチ カテゴリー・アーカイブ テンプレート作成 テーマ作り コード例 CSS ツール '; collapsItems['collapsCat-592:2'] = ''; collapsItems['collapsCat-87:2'] = ''; collapsItems['collapsCat-192:2'] = ''; collapsItems['collapsCat-28:2'] = ''; collapsItems['collapsCat-45
[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト（WordPressにも対応） -Animsition
ページを表示する時に、スライド、フェード、回転、ぱたりなどのかっこいいアニメーションを加えるjQueryのプラグインを紹介します。 アニメーションは表示する時だけでなく、リンクがクリックされて離れる時にも適用することができます。 Animsition Animsition -GitHub AnimsitionはWordPressのプラグインとしても用意されているので、WPを使っている時はプラグインの方が簡単に利用できると思います。 Page Transition -WP Plugin Directory Animsitionのデモ Animsitionの使い方 Animsitionのデモ デモはChrome, Safari, Firefox, Opera, IEは10+でご覧ください。 demo: fade エフェクトは全部で18種類！ その中からデモで、9種類が楽しめます。 demo:
![[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト（WordPressにも対応） -Animsition](https://cdn-ak-scissors.b.st-hatena.com/image/square/9777d3ddb94171e6f761197ff33a27f86a16ce31/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082901.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WordPressでミニマルなかっこいいページが簡単に作成できる！無料で高品質なテーマファイルのまとめ
http://www.designmaz.net/free-responsive-blog-wordpress-themes/
