Using WordPress to display identical blog content across several websites

Question

Using WordPress to display identical blog content across several websites

I currently have a Wordpress blog set up at blog.mydomain.com. I am in the process of creating a mobile version of my website at m.mydomain.com, which will include a section for the blog. My goal is to use the same database and pull in all the existing blog posts while displaying them with CSS tailored for the mobile site. How can I achieve this?

EDIT: Below is the code I am attempting to insert the blog posts into:

<div class="blog">
    <div class="section-header">
        <img class="section-logo" src="images/logo-small.png" alt="img">
        <a href="#" class="section-navigation-deploy"><img class="navigation-deploy-icon" src="images/nav-icon.png" alt="img"></a>
        <div class="clear"></div>
   </div>
   <div class="deco-open"></div>

   <?php
require('http://blog.mydomain.com/wp-blog-header.php');
$posts = get_posts('numberposts=-1&order=DSC&orderby=date');
?>

   <?php foreach ($posts as $post) : start_wp(); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<section><?php the_excerpt(); ?></section>
<?php endforeach; ?>


    <div class="deco-close"></div>


</div>

html css wordpress mobile

Answer 1

Answer №1

<?php
  require('./blog/wp-blog-header.php');
  $posts = get_posts('numberposts=-1&order=DSC&orderby=date');
?>

Make sure that the require statement points to the correct location of the wp-blog-header.php file within your blog directory.

In my current setup, I have placed this code in the wwwroot/index.php file while my blog is located in the wwwroot/blog directory. After fetching the posts into $posts, I will proceed to display them using the following loop:

<?php foreach ($posts as $post) : start_wp(); ?>
  <article>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <section><?php the_excerpt(); ?></section>
  </article>
<?php endforeach; ?>

Answer 2

<?php
  require('./blog/wp-blog-header.php');
  $posts = get_posts('numberposts=-1&order=DSC&orderby=date');
?>

Make sure that the require statement points to the correct location of the wp-blog-header.php file within your blog directory.

In my current setup, I have placed this code in the wwwroot/index.php file while my blog is located in the wwwroot/blog directory. After fetching the posts into $posts, I will proceed to display them using the following loop:

<?php foreach ($posts as $post) : start_wp(); ?>
  <article>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <section><?php the_excerpt(); ?></section>
  </article>
<?php endforeach; ?>

Using WordPress to display identical blog content across several websites

Answer №1

Similar questions

The image does not resize properly even when placed directly within the .col element

Changing a number from 0 to 1 in a field using AngularJS (HTML5)

Creating an interactive HTML form that updates in real-time based on user input can be achieved using vanilla JavaScript. This allows for a

Transforming HTML code into a structured object

Positioning Problems with Popups

What is the process for implementing filtered HTML attributes in a directive?

What is the reason for my HTML elements inheriting the opacity of their parent elements?

Inquiring about the presentation of text using HTML and CSS

What is the best way to delete a parent div without losing its inherited CSS properties?

CSS Tutorial: Creating a Dynamic Gradient Bar

Disabling the scrollbar on a modal and enabling it on a custom div within the modal

The button is obscured by the dropdown menu

Displaying a dynamic menu using Angular's ngFor loop

Identifying added elements that respond to link hover effects

Are there any resources available for optimizing performance on iOS and Android browsers?

Transitioning between javascript functions

What are the steps to integrating JavaScript functions into an HTML document?

Strange image resizing issues observed during refresh

Is it possible to modify the color of a division row using an onchange event in JQuery?

Photos inside a flexbox do not resize correctly