子テーマを作ってWordPressの既存テーマをカスタマイズする方法
2017年5月1日 Wordpress いまやブログだけではなく、会社紹介のWebサイトやポートフォリオサイト、ECサイトに至るまで、様々なタイプのWebサイトで利用されているCMS、WordPress。すでにデザイン・コーディングが済み、自由に利用できる既存のテーマも豊富に配布されています。今回はそんな既存のWordPressテーマを使うメリットや、子テーマを作成してカスタマイズする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの既存テーマを利用するメリット ちょっと検索すればたくさんのWordPressの既存テーマが見つけられます。既存テーマを利用すると、どんなメリットがあるのでしょうか？ 制作時間を短縮できる こういった配布されているテーマを使うメリットは、なんといっても制作時間の短縮。豊富なテーマの中には、自分の思い通りのレイアウトのものも見つけら
WordPressの優良プラグイン50選、最初にインストールしておくと超便利！
WordPress（ワードプレス）を利用してブログを運営する際に役立つプラグインを紹介します。 プラグインはWordPressの機能を拡張する役割があります。 プラグインを上手く活用すると、ブログの機能を増やして、ブログの運営を効率化できます。 ブログ運営に役立つ便利なプラグインが沢山あります。 あなたのブログに導入するプラグインを選ぶ際に参考にして下さい。 WordPressの便利なプラグインをあなたも活用しましょう。 この記事を読むと得られること はじめに プラグインとは？ WordPress（ワードプレス）のプラグインは、 機能を拡張する役割があります。 初期状態は、シンプルな機能しか用意されていませんが、 プラグインを利用することで、様々な機能を拡張できます。 便利なプラグインは沢山あります。 この記事では便利なプラグインを紹介しています。 あなたのブログで利用するプラグインを選ぶ
CMSにもうずっと疑問を持ってますという話 - 業務用iOSアプリのfeedtailor社長ブログ
僕はいわゆるCMSが余り好きではありません。随分前に子会社のSYNCNEL事業のオフィシャルサイト(あるWeb屋がWordpressで制作)で苦い経験をしてからは特に。このブログもWordpressなので余り大きな声で言えたもんじゃないですけど(笑) でも、ホントはもうWordpressやめたい。ってかCMSにそもそも疑問を持ってます。 CMSの「おおげさ」感 サーバにシステム入れちゃうと、plug-inのupdateとか、CMS本体のupdateとか気になるし、ってか相性とかもあって出来なかったりもするし、そもそもシステムの為に必要なphp等の言語やDBやミドルウェアのupdateも気になって、脆弱性気になるけど…と余計な心配をしなくちゃいけません。 運用面でも、サイト全体の世代管理もしにくいし、ビジネス理由で別サーバに移転しようと思っても大変、htmlの構成を読み解こうとしてもテーマや
WordPresssをデータベースなし(SQLite)で使う方法
WordPressを使うには普通MySQLデータベースが必要ですが、データベースなしでも使うことが出来る方法があります。 正確には、なしではありません。SQLiteというデータベースをMySQLの代わりに使います。 SQLiteはPHPが使えるサーバーであれば基本的にどこでも使えますので、MySQLが使用不可な共用レンタルサーバーでも使えます。要するにロリポップの月額100円プラン(エコノミープラン)でもWordPressが使えます。 SQLiteの特徴 「エスキューライト」と呼びます。簡易的なデータベースで、PHP5以降で標準で使えます。データベースサーバーが別に必要ではないので便利です。ちなみに、FireFoxの設定ファイルなどはSQLiteを使ってますので、SQLiteマネージャーなどで中身が見れます。 バージョン2と3があって、SQLite3と書いてなければ一般的にバージョン2を指
初心者が、WordPressで企業サイトを作る全手順-１ | 大阪のWEB制作会社 フレイバーズ
WEB制作のポイント 2017年7月16日 初心者が、WordPressでコーポレートサイトを作る全手順-１ WordPressは、初心者でも十分に扱える優秀なCMSツールだ。 一般的にはブログソフトと認知されているが、カスタマイズ次第で、社長を納得させるだけのコーポレートサイトを構築できるほどの能力を持っている。 筆者がWordPressを採用する理由は、かんたんにコーポレートサイトを作れるからというだけではない。 WEBサイトは作ることを目的とすべきではなく、運用し、ビジネスに貢献させることこそ、企業が行うべきことだという信念があるからだ。 WEB制作プロダクションの筆者が言うのもおかしな話だが、多額な費用をかけ、きらびやかなWEBサイトを作っただけでは、ビジネスに貢献することなどあり得ない。 自社製品やサービスを紹介するコンテンツを作り、修正し、また加えていく。その繰り返しをねばり強
スマホサイトの横揺れ・横スクロール・見切れ・はみ出しの原因と対策 - Naifix
スマホ対応の WordPress テーマや HTML テンプレートを使っていても、広告や表が画面からはみ出してしまったり、ぐらぐらと横揺れしてしまうことがありますよね。 レスポンシブ web デザインはそうならないように設計されていますが、HTML タグの使い方や CSS の指定によっては表示が崩れてしまいます。 よくある横揺れの原因と具体的な対策方法、一発で解消できる CSS コードを見ていきましょう。 スマホの横揺れがおきる原因 横揺れは、Web サイトの幅（≒ スマホの画面幅）より大きな要素があるときに発生します。 枠内におさまっているように見えても、はみ出している要素のぶんだけ横スクロールが発生してしまうわけです。 どの要素が飛び出しているか探るときは、以下の CSS を追加してみてください（色や太さはお好みで）。
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9（ブログルームナイン）
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強
WordPressのカスタム投稿タイプでメンバー紹介ページを作成
2014年8月22日 Wordpress 先日公開したFrogのサイトは例のごとくWordPressを使って制作しました。ブログで使う「投稿」や、その他の「ページ」とは区別して、これからも増えていくであろうチームメンバーの一覧＆詳細ページを、カスタム投稿タイプという機能を使って作成したので手順を公開。企業サイトに従業員一覧ページを用意しているところも多いと思うので、参考になれば幸いです。 ↑私が10年以上利用している会計ソフト！ 目次 目標 – こんなページを作ります カスタム投稿タイプとは カスタム投稿タイプの設定 コンテンツを入力 テーマファイル：個別ページ テーマファイル：一覧ページ パーマリンクの設定 コード全文 目標 – こんなページを作ります Frogのチームメンバーページを実例として紹介します。カスタム投稿タイプを設定するためのWordPressプラグインもありますが、今回は
参考にしたい！レスポンシブ × WordPress ブログ7選 | Picture Picture
今回の記事は、私、スタジオARCのデザイナー 山本カツヤが、Webデザインに関する内容でお届けします！ 今や、「WordPress」という言葉は、Webにあまり詳しくない人でも、知っているかもしれません。 当ブログ（Picture Picture）でも使用している「WordPress」は、世界で一番使われているブログシステムです。 この「WordPress」で構築されており、かつPC・スマートフォンのどちらからでも、最適化されたレイアウトで閲覧できる「レスポンシブWebデザイン」を採用しているものの中から、私が「おおお！」と思った、デザイン性の高いブログを7つ紹介していきます。 Web技術に関する話も少しありますが、難しいことは書いてないのでご安心いただけると幸いです。 「レスポンシブWebデザイン」の定義 「レスポンシブWebデザイン」とは、ひとつのHTMLで、PC・タブレット・スマート
WordPressサイトにアップする画像に自動的に著作権表示を入れるプラグイン。Easy Watermark | Travelogue
WordPressサイトにアップする画像に自動的に著作権表示を入れるプラグイン。Easy Watermark Easy WatermarkはWordPressサイトにアップした画像に自動的にウォーターマークを入れてくれるプラグイン。 写真などをアップするとき念のためコピーライトを入れたいけれど、そのために画像処理ソフトを使って毎回画像加工するのが面倒に感じている人にとっては画期的に便利。 ウォーターマークというのは画像上に入れておく透かし文字のこと。 基本的には無断転載などを防ぐために著作権表示やサイトURLなどを入れておくことが多いです。 フリーの写真素材などに入れる必要はありませんが、例えば自分で撮影した写真などには入れておくと良いでしょう。 Easy Watermarkのインストール インストールは通常通り管理画面にログインし左メニュー「プラグイン＞新規追加」からEasy Water
【2023】買ってはいけないテレビメーカーとは？買ってから後悔や失敗しない正しい選び方を紹介
今現在テレビは一昔前比べると商品の量も、できる機能も増えております。 テレビは見ないけどYouTubeを大画面で見たい、映画館みたいなテレビで映画を楽しみたい！など人それぞれ楽しみ方が違います。 どれを選べば正解なのか、どんな機能が付いていてテレビで何を楽しめるのかを紹介していきます！ 買ってはいけないテレビメーカーの特徴 保証期間が短いテレビ 保証期間が1年以下の場合、万が一期間外に故障した場合高額の修理代を請求される場合があります。 何十万円とする高額な商品です。 メーカー保証が1年しかついていない場合でも、 量販店独自の保証や、各ネットサイトでの保証があれば必ずつけるようにしましょう。 また、その保証がどこまで対応してくれるのかも重要です。 テレビ本体だけなのか、それともリモコンも？しっかりと確認しましょう。 見たい・やりたい機能がないテレビ せっかく買ったのにYouTubeが見れな
【WordPress】 TwentyTwelveの微妙なメニューボタンをカスタマイズする | work.log
WordPress のテーマ TwentyTwelve のメニューボタンをカスタマイズしたのでそのメモ書きです。 スマートフォン・タブレットで TwentyTwelve を表示すると下記のようなメニューボタンが表示されます。 TwentyTwelveのメニューボタン ちょっと微妙と思ったのでこれを下記のようにカスタマイズしました。 カスタマイズしたTwentyTwelveのメニューボタン 今回のカスタマイズ方法を以下に記載していきます。 TwentyTwelveのメニューボタンを削除する TwentyTwelve デフォルトのメニューボタンが不要になるのでまずはこれを取り除きます。 このメニューボタンは header.php の 43 行目 (デフォルトの場合) から呼び出されているのでこの行を削除します。 <nav id="site-navigation" class="main-nav
single.phpでmoreの前後を別々に表示したい
やりたいことは、<!–more–> の直下、記事続きが始まる前に 全ページ共通のコンテンツをデフォルト挿入したいということです。 MTの場合だと普通に出来るのですが、WPではその概念がなかったようでしたので、 お分かりになる方がいらっしゃいましたらご教示いただけますでしょうか。 よろしくお願いいたします。 sigeoさん、こんにちは。 プラグインにすることも出来ますが、今回はお手軽にユーザー関数での実装でいってみます。 まず、利用しているテーマフォルダ内にある、functions.phpに以下のコードを追加します。（<?php ?>の括りの中にいれてください。） これが呼び出されると、本来一括りにされていたmore前後の記事のhtmlが分けられた状態で 戻されてきます。 function get_the_divided_content( $more_link_text = null, $s
WordPress｜複数のヘッダー・サイドバー・フッターを作成 « PPCバイブル－PPCアフィリエイトから始めよう
記事投稿ページ(single.php)の場合は、違うヘッダー(header.php) 固定ページ(page.php)の場合は、違うフッター(footer.php)を表示させたいというように、状況に応じてヘッダー、フッター、サイドバーを使い分けたい場合があるでしょう。最近のSEOでは、ページごとにヘッダーやサイドバーが違うほうが検索エンジンに好まれるとも言われているので、使い分けてみるといいかもしれませんね。例えば、投稿ページ(single.php)に違うヘッダー(header.php)を表示させる場合、お使いのテーマのsingle.phpを開いてみると、だいたい下図のように、 1行目に<?php get_header(); ?>と記述されていると思います。 これは、デフォルトのヘッダー(header.php)を読み込んでいるということです。違うヘッダーを表示させたいので、下図のように he
WordPressを高速化するプラグインを作りました
今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作りましたのでご覧ください。 右が使用した場合、左が使用していない場合です。 画面中央にキャプチャソフトのウォーターマークが出ていますがご容赦ください。 この動画は、私が運営している フリー写真素材 :: Free.Stocker のページ表示テストです。 ブラウザキャッシュを無効にするため、Google Chrome のシークレットウインドウを使用しています。 それほど大きな違いは出ていませんが、プラグインを使用したほうが記事ページ（single.php）の表示が速いことがお分かり頂けるかと思います。 後半は管理画面のテストです。 どう見てもプラグインを使用したほうが速くなっていることがお分かりい
WordPressでパンくずリストを「Breadcrumb NavXT」 | WordPressサイト制作ガイド
パンくずリストとは？ 例えば私が運営する「ウェブデザイン・クロスロード」のサイトで言えば… オレンジの線で囲んだ部分です。これがあると… サイトを訪れた人が、「今、自分はどこのページを見ているのか？」がすぐにわかる。ユーザビリティーの向上。 検索エンジンに対してサイトの構造を的確に伝えることが出来る。SEOに効果。 と言うわけです。 「Breadcrumb NavXT」のインストール WordPress管理画面（ダッシュボード）左側のメニュー「プラグイン」→「新規追加」をクリック。 「Breadcrumb NavXT」を検索。 「今すぐインストール」をクリック。 インストール完了後「有効化」をクリック。 テーマファイルへの記述 パンくずリストを表示させたい場所へ以下のコードを記述します。
続・WordPressにて 子ページのタイトルだけでなく本文も一覧で取り出す | 鉄王
ここ最近すっかり放置プレイ気味の本サイトにも、当方のつたないtipsなどをググってお越しくださる方がいらっしゃいます。本当にありがたい限りです。 ということで、2009年1月10日（！）のエントリー『WordPressにて 子ページのタイトルだけでなく本文も一覧で取り出す』にお越しくださった方のリクエストにお応えして、「ホント、こんな情報をご活用くださって感謝です」という思いで続編を公開したいと思います。 リクエストは、出力されたタイトルに当該記事へのパーマリンクを付加したいというもので、コードはこのようになりました……が、ご利用はくれぐれも計画的におねがい申し上げます <?php $page_id = mysql_real_escape_string ( $post -> ID ); $array = $wpdb -> get_results ( "SELECT ID, post_ti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bwin体育·(中国)官方网站
WordPressのシングルページ用テーマを管理画面内で手軽に構築出来るプラグイン・「OnePager」
WordPressのリビジョンを全部削除したり無効にしたり上限数を設定したり | Travelogue